From 42dae3e7b26a9190434406e154a92c4e3e26c843 Mon Sep 17 00:00:00 2001
From: SMURF4096 <smurf4096@gmail.com>
Date: Mon, 13 Oct 2025 12:41:49 +0000
Subject: [PATCH] Fix project.html: Update client logo paths to actual file
 names
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🐛 Fixed issue where client logos were not displaying

Changes:
- Updated all logo image paths from generic names (001.jpg, 002.png) to actual file names
- Reorganized categories to match actual folder structure:
  * โรงพยาบาล (Hospital): BNH, Bangkok hospitals
  * ธนาคาร (Bank): Krungsri
  * คอนโดมิเนียม (Condo): BAANBANNAWAN, Oakwood, TRAPEZO
  * โรงแรมและที่พัก (Resident): Best Western, Marriott, Bangna Pride
  * บันเทิง (Entertainment): Tiffany
  * อาหารและเครื่องดื่ม (Food/Restaurant): Dutch Mill, Saha Farms, Thai Marche
  * พิพิธภัณฑ์และศิลปะ (Museum/Art): MOCA, Baan Sukaowadee, Koenitz
  * โครงการพระราชวัง (Royal): Ananta Samakhom
  * การศึกษา (School): Phraharuthai, Rama
  * เทคโนโลยีและอุตสาหกรรม (Tech): EnerQ, Pfizer, Ansell, THS, TOT
  * สถานีบริการน้ำมัน (OilGas station): Q8

All logos now display correctly with proper file paths.
---
 project.html | 109 ++++++++++++++++++++++++++++++++-------------------
 1 file changed, 68 insertions(+), 41 deletions(-)

diff --git a/project.html b/project.html
index 72a066f..eab16d9 100644
--- a/project.html
+++ b/project.html
@@ -87,83 +87,110 @@ <h1 class="display-5 mb-5">ลูกค้าที่ไว้วางใจ
             </div>
             
             <div class="row portfolio-container pt-5">
+                <!-- โรงพยาบาล -->
                 <div class="col-12 mb-5">
                     <h3 class="mb-4"><i class="fa fa-hospital text-primary me-3"></i>โรงพยาบาล</h3>
                     <div class="row g-3">
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Hospital/001.jpg" class="img-fluid client-logo" alt="Hospital Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Hospital/002.png" class="img-fluid client-logo" alt="Hospital Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Hospital/003.png" class="img-fluid client-logo" alt="Hospital Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Hospital/004.png" class="img-fluid client-logo" alt="Hospital Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Hospital/005.png" class="img-fluid client-logo" alt="Hospital Client"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Hospital/BNH_H.svg" class="img-fluid client-logo" alt="BNH Hospital"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Hospital/BangkokCM_H.svg" class="img-fluid client-logo" alt="Bangkok Christian Hospital"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Hospital/BangkokRCSM_H.svg" class="img-fluid client-logo" alt="Bangkok Hospital"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Hospital/BangkokRY_H.webp" class="img-fluid client-logo" alt="Bangkok Hospital"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Hospital/BangkokT_H.svg" class="img-fluid client-logo" alt="Bangkok Hospital"></div>
                     </div>
                 </div>
 
+                <!-- ธนาคาร -->
                 <div class="col-12 mb-5">
                     <h3 class="mb-4"><i class="fa fa-university text-primary me-3"></i>ธนาคาร</h3>
                     <div class="row g-3">
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Bank/001.png" class="img-fluid client-logo" alt="Bank Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Bank/002.png" class="img-fluid client-logo" alt="Bank Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Bank/003.png" class="img-fluid client-logo" alt="Bank Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Bank/004.png" class="img-fluid client-logo" alt="Bank Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Bank/005.png" class="img-fluid client-logo" alt="Bank Client"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Bank/krungsri.png" class="img-fluid client-logo" alt="Krungsri Bank"></div>
                     </div>
                 </div>
 
+                <!-- คอนโดมิเนียม -->
                 <div class="col-12 mb-5">
                     <h3 class="mb-4"><i class="fa fa-building text-primary me-3"></i>คอนโดมิเนียม</h3>
                     <div class="row g-3">
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Condo/001.png" class="img-fluid client-logo" alt="Condo Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Condo/002.png" class="img-fluid client-logo" alt="Condo Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Condo/003.jpg" class="img-fluid client-logo" alt="Condo Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Condo/004.png" class="img-fluid client-logo" alt="Condo Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Condo/005.png" class="img-fluid client-logo" alt="Condo Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Condo/006.png" class="img-fluid client-logo" alt="Condo Client"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Condo/BAANBANNAWAN.png" class="img-fluid client-logo" alt="Baan Bannawan"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Condo/Oakwood.jpg" class="img-fluid client-logo" alt="Oakwood"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Condo/TRAPEZO.jpg" class="img-fluid client-logo" alt="Trapezo"></div>
                     </div>
                 </div>
 
+                <!-- โรงแรมและที่พัก -->
+                <div class="col-12 mb-5">
+                    <h3 class="mb-4"><i class="fa fa-hotel text-primary me-3"></i>โรงแรมและที่พัก</h3>
+                    <div class="row g-3">
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Resident/Best_western.png" class="img-fluid client-logo" alt="Best Western"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Resident/Best_westernDM.png" class="img-fluid client-logo" alt="Best Western"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Resident/Marriott Hotel.jpg" class="img-fluid client-logo" alt="Marriott Hotel"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Resident/Bangna_Pride.jpg" class="img-fluid client-logo" alt="Bangna Pride"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Resident/RPM.png" class="img-fluid client-logo" alt="RPM"></div>
+                    </div>
+                </div>
+
+                <!-- บันเทิง -->
                 <div class="col-12 mb-5">
                     <h3 class="mb-4"><i class="fa fa-film text-primary me-3"></i>บันเทิง</h3>
                     <div class="row g-3">
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Entertainment/001.png" class="img-fluid client-logo" alt="Entertainment Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Entertainment/002.png" class="img-fluid client-logo" alt="Entertainment Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Entertainment/003.png" class="img-fluid client-logo" alt="Entertainment Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Entertainment/004.png" class="img-fluid client-logo" alt="Entertainment Client"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Entertainment/Tiffany.jpg" class="img-fluid client-logo" alt="Tiffany Show"></div>
+                    </div>
+                </div>
+
+                <!-- อาหาร -->
+                <div class="col-12 mb-5">
+                    <h3 class="mb-4"><i class="fa fa-utensils text-primary me-3"></i>อาหารและเครื่องดื่ม</h3>
+                    <div class="row g-3">
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Food/Dutch_mill.png" class="img-fluid client-logo" alt="Dutch Mill"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Food/Sahafarms.png" class="img-fluid client-logo" alt="Saha Farms"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Restaurant/Thai_marche.jpg" class="img-fluid client-logo" alt="Thai Marche"></div>
+                    </div>
+                </div>
+
+                <!-- พิพิธภัณฑ์และศิลปะ -->
+                <div class="col-12 mb-5">
+                    <h3 class="mb-4"><i class="fa fa-landmark text-primary me-3"></i>พิพิธภัณฑ์และศิลปะ</h3>
+                    <div class="row g-3">
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Museum/MOCA.jpg" class="img-fluid client-logo" alt="MOCA"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Museum/Baansukaowadee.jpg" class="img-fluid client-logo" alt="Baan Sukaowadee"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Art/Koenitz.svg" class="img-fluid client-logo" alt="Koenitz"></div>
+                    </div>
+                </div>
+
+                <!-- ราชวงศ์ -->
+                <div class="col-12 mb-5">
+                    <h3 class="mb-4"><i class="fa fa-crown text-primary me-3"></i>โครงการพระราชวัง</h3>
+                    <div class="row g-3">
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Royal/Ananta_Samakhom_Throne_Hall_.jpg" class="img-fluid client-logo" alt="Ananta Samakhom Throne Hall"></div>
                     </div>
                 </div>
 
+                <!-- การศึกษา -->
                 <div class="col-12 mb-5">
-                    <h3 class="mb-4"><i class="fa fa-utensils text-primary me-3"></i>อาหาร</h3>
+                    <h3 class="mb-4"><i class="fa fa-graduation-cap text-primary me-3"></i>การศึกษา</h3>
                     <div class="row g-3">
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Food/001.png" class="img-fluid client-logo" alt="Food Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Food/002.png" class="img-fluid client-logo" alt="Food Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Food/003.png" class="img-fluid client-logo" alt="Food Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Food/004.png" class="img-fluid client-logo" alt="Food Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Food/005.png" class="img-fluid client-logo" alt="Food Client"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/School/PhraharuthaiNON.png" class="img-fluid client-logo" alt="Phraharuthai School"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/School/Rama.png" class="img-fluid client-logo" alt="Rama School"></div>
                     </div>
                 </div>
 
+                <!-- เทคโนโลยีและอุตสาหกรรม -->
                 <div class="col-12 mb-5">
-                    <h3 class="mb-4"><i class="fa fa-landmark text-primary me-3"></i>พิพิธภัณฑ์</h3>
+                    <h3 class="mb-4"><i class="fa fa-industry text-primary me-3"></i>เทคโนโลยีและอุตสาหกรรม</h3>
                     <div class="row g-3">
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Museum/001.png" class="img-fluid client-logo" alt="Museum Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Museum/002.png" class="img-fluid client-logo" alt="Museum Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Museum/003.png" class="img-fluid client-logo" alt="Museum Client"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Tech/EnerQ.png" class="img-fluid client-logo" alt="EnerQ"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Tech/Pfizer.svg" class="img-fluid client-logo" alt="Pfizer"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Tech/Ansell.svg" class="img-fluid client-logo" alt="Ansell"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Tech/THS.svg" class="img-fluid client-logo" alt="THS"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Tech/TOT.svg" class="img-fluid client-logo" alt="TOT"></div>
                     </div>
                 </div>
 
+                <!-- สถานีน้ำมัน -->
                 <div class="col-12 mb-5">
-                    <h3 class="mb-4"><i class="fa fa-industry text-primary me-3"></i>โรงงานและอื่นๆ</h3>
+                    <h3 class="mb-4"><i class="fa fa-gas-pump text-primary me-3"></i>สถานีบริการน้ำมัน</h3>
                     <div class="row g-3">
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Other/001.png" class="img-fluid client-logo" alt="Other Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Other/002.png" class="img-fluid client-logo" alt="Other Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Other/003.png" class="img-fluid client-logo" alt="Other Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Other/004.png" class="img-fluid client-logo" alt="Other Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Other/005.png" class="img-fluid client-logo" alt="Other Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Other/006.jpg" class="img-fluid client-logo" alt="Other Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Other/007.png" class="img-fluid client-logo" alt="Other Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Other/008.png" class="img-fluid client-logo" alt="Other Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Other/009.png" class="img-fluid client-logo" alt="Other Client"></div>
-                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/Other/010.png" class="img-fluid client-logo" alt="Other Client"></div>
+                        <div class="col-6 col-md-3 col-lg-2"><img src="img/clients/OilGas station/Q8_logo.png" class="img-fluid client-logo" alt="Q8"></div>
                     </div>
                 </div>
             </div>