newedge/think-greaterchiangmai
1
0 Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

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

Browse Source
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
Download Patch File Download Diff File Expand all files Collapse all files

No files matched your search

think.greaterchiangmai.com/resources/views/about/index-en.blade.php
+30 -4
View File
@@ -36,11 +36,37 @@
<p class="w-95 lg-w-100">We work closely and efficiently with all sectors in Chiang Mai in reviving, preserving, continuing and expanding valuable Lanna cultural and natural heritage to contemporary way of life and driving creative economy in Chiang Mai, Northern Region, Thailand and other countries.</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="Aracha Boon-Long, Co-Founder"/>
<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="Chittiwat Pornprasert, Documentary director"/>
<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>
think.greaterchiangmai.com/resources/views/about/index.blade.php
+30 -4
View File
@@ -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>