Skip to content
Open
Changes from all commits
Commits
File filter

Filter by extension

Filter by extension

Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
109 changes: 68 additions & 41 deletions project.html
Original file line number Diff line number Diff line change
Expand Up @@ -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>
Expand Down