Add hover contact overlays for co-founder and documentary director on About page

This commit is contained in:
kurogeek committed 2026-10-16 08:59:42 +00:00
1 parent 31a5642b82
commit 601ddc91bf
2 files changed
+60 -8

No files matched your search

@@ -35,11 +35,37 @@
<p class="w-95 lg-w-100">เกรทเธอร์ เชียงใหม่ มีจุดมุ่งหมายเพื่อการฟื้นคืนจิตวิญญาณเมืองเชียงใหม่ ผ่านแนวความคิด เชื่อมโยงราก คัดสรรเรื่อง สร้างสรรค์งาน โดยมุ่งเน้นความร่วมมือระหว่างทุกภาคส่วนในจังหวัดเชียงใหม่ในการฟื้น สืบสาน ต่อยอด และขยายผลมรดกภูมิปัญญาทางวัฒนธรรมและธรรมชาติล้านนาอันทรงคุณค่าไปสู่วิถีชีวิตร่วมสมัยที่สร้างการขับเคลื่อนเศรษฐกิจสร้างสรรค์ในพื้นที่จังหวัดเชียงใหม่ โดยขยายผลไปในระดับภูมิภาค ระดับชาติ และนานาชาติ</p>
<!-- <a class="btn btn-small btn-dark-gray font-weight-700" href="team-simple.html">Meet Out Team</a> -->
</div>
<div class="col-12 col-lg-4 col-md-6 sm-margin-15px-bottom wow animate__fadeIn" data-wow-delay="0.2s">
<img src="images/about/01pic_about.jpg" alt="GREATER CHIANG MAI"/>
<div class="col-12 col-lg-4 col-md-6 sm-margin-15px-bottom wow animate__fadeIn team-style-1" data-wow-delay="0.2s">
<figure class="mb-0">
<div class="team-image">
<img src="images/about/01pic_about.jpg" alt="อรช บุญ-หลง ผู้ร่วมก่อตั้ง"/>
<div class="team-overlay bg-deep-pink opacity-medium"></div>
<div class="overlay-content d-flex flex-column justify-content-center text-center text-white padding-30px-lr">
<span class="alt-font text-large d-block">อรช บุญ-หลง</span>
<span class="alt-font text-large d-block margin-10px-bottom">Aracha Boon-Long</span>
<span class="d-block">ผู้ร่วมก่อตั้ง</span>
<span class="d-block margin-15px-bottom">Co-Founder</span>
<span class="d-block text-small">Tel <a class="text-white" href="tel:+66983505444">+66 (0) 98 350 5444</a></span>
<span class="d-block text-small">Email <a class="text-white" href="mailto:aracha.b@greaterchiangmai.com">aracha.b@greaterchiangmai.com</a></span>
</div>
</div>
</figure>
</div>
<div class="col-12 col-lg-4 col-md-6 wow animate__fadeIn" data-wow-delay="0.4s">
<img src="images/about/02pic_about.jpg" alt="GREATER CHIANG MAI"/>
<div class="col-12 col-lg-4 col-md-6 wow animate__fadeIn team-style-1" data-wow-delay="0.4s">
<figure class="mb-0">
<div class="team-image">
<img src="images/about/02pic_about.jpg" alt="จิตรทิวัส พรประเสริฐ ผู้อำนวยการฝ่ายสารคดี"/>
<div class="team-overlay bg-deep-pink opacity-medium"></div>
<div class="overlay-content d-flex flex-column justify-content-center text-center text-white padding-30px-lr">
<span class="alt-font text-large d-block">จิตรทิวัส พรประเสริฐ</span>
<span class="alt-font text-large d-block margin-10px-bottom">Chittiwat Pornprasert</span>
<span class="d-block">ผู้อำนวยการฝ่ายสารคดี</span>
<span class="d-block margin-15px-bottom">Documentary director</span>
<span class="d-block text-small">Tel <a class="text-white" href="tel:+66813786086">+66 (0) 81 378 6086</a></span>
<span class="d-block text-small">Email <a class="text-white" href="mailto:chittiwat.p@greaterchiangmai.com">chittiwat.p@greaterchiangmai.com</a></span>
</div>
</div>
</figure>
</div>
</div>
</div>