106 lines
5.7 KiB
PHP
106 lines
5.7 KiB
PHP
<?php
|
|
include_once("includes/header.php");
|
|
?>
|
|
|
|
<main>
|
|
<div id="mainCarousel" class="carousel container slide mt-5 mb-2" data-bs-ride="carousel">
|
|
<div class="carousel-inner">
|
|
<img src="assets/images/banners/banner.jpg" alt="EMPower Renewable Energy Banner" id="mainBanner" class="rounded-4">
|
|
</div>
|
|
</div>
|
|
<div class="container" data-bs-spy="scroll" data-bs-target="#mainNavbar">
|
|
<div id="serviceSection" class="container px-4 py-5" id="featured-3">
|
|
<h2 class="pb-2 border-bottom">About Us</h2>
|
|
<div class="row g-4 py-4 row-cols-1 row-cols-lg-3">
|
|
<div class="feature col">
|
|
<div
|
|
class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
|
|
<i class="bi bi-person-fill"></i>
|
|
</div>
|
|
<h3 class="fs-2 text-body-emphasis">ทีมงานมืออาชีพ</h3>
|
|
<p>เรามีทีมงานมืออาชีพพร้อมด้วยประสบการณ์ในการติดตั้งระบบ Solar Rooftop มามากกว่า 10 ปี พร้อมสำหรับการติดตั้งในสถานที่ต่างๆ</p>
|
|
</div>
|
|
<div class="feature col">
|
|
<div
|
|
class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
|
|
<i class="bi bi-lightbulb-fill"></i>
|
|
</div>
|
|
<h3 class="fs-2 text-body-emphasis">อุปกรณ์คุณภาพ</h3>
|
|
<p>เราใช้อุปกรณ์เช่น Inverter หรือ แผงโซล่าเซลล์ที่มีประสิทธิภาพสูงในราคาที่ย่อมเยา</p>
|
|
</div>
|
|
<div class="feature col">
|
|
<div
|
|
class="feature-icon d-inline-flex align-items-center justify-content-center text-bg-primary bg-gradient fs-2 mb-3">
|
|
<i class="bi bi-calendar-check-fill"></i>
|
|
</div>
|
|
<h3 class="fs-2 text-body-emphasis">บริการดูแล</h3>
|
|
<p>เรามีบริการหลังการติดตั้ง เช่น การติดตั้งระบบ Monitor Software และบริการดูแลระบบและล้างแผงโซล่าเซลล์ 2 ปี - 2 ครั้งใน 1 ปี - พร้อมการรับประกัน 5 ปี</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="gallerySection" class="container px-4 py-4">
|
|
<h2 class="pb-2 border-bottom">Gallery</h2>
|
|
<div class="album">
|
|
<div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 g-3">
|
|
<?php
|
|
$photoSet1 = array(
|
|
array("assets/images/gallery/1.jpg", "1"),
|
|
array("assets/images/gallery/2.jpg", "2"),
|
|
array("assets/images/gallery/3.jpg", "3"),
|
|
array("assets/images/gallery/4.jpg", "4"),
|
|
array("assets/images/gallery/5.jpg", "5"),
|
|
array("assets/images/gallery/6.jpg", "6"),
|
|
array("assets/images/gallery/7.jpg", "7"),
|
|
array("assets/images/gallery/8.jpg", "8"),
|
|
array("assets/images/gallery/9.jpg", "9"),
|
|
array("assets/images/gallery/10.jpg", "10"),
|
|
array("assets/images/gallery/11.jpg", "11"),
|
|
array("assets/images/gallery/12.jpg", "12"),
|
|
);
|
|
|
|
foreach ($photoSet1 as $fileInfo) {
|
|
$imageSrc = $fileInfo[0];
|
|
$text = $fileInfo[1];
|
|
echo "<div class='col'>
|
|
<div class='card shadow-sm'>
|
|
<img src='$imageSrc' class='bd-placeholder-img card-img-top' width='100%' height='270' />
|
|
</div>
|
|
</div>";
|
|
}
|
|
?>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div id="contactSection" class="container px-4 py-2" id="icon-grid">
|
|
<div class="border-bottom"></div>
|
|
<div class="my-5 text-center">
|
|
<h1 class="display-3 fw-bold">Get In Touch</h1>
|
|
|
|
<p class="fs-5">Interested in our work? Let us provide you with our experience in steel fabrication
|
|
for your next project.</p>
|
|
|
|
<div class="row align-items-center justify-content-center">
|
|
<h2>
|
|
Tel: <a href="tel:+66866119049">+66-86-611-9049</a> (คุณทวี)
|
|
</h2>
|
|
<h2>
|
|
Tel: <a href="tel:+66935569624">+66-93-556-9624</a> (คุณฝน)
|
|
</h2>
|
|
|
|
<div id="socialMediaSection" class="grid gap-0 column-gap-3 justify-content-center">
|
|
<a href="https://web.facebook.com/emprenewableth" class="icon-link link-body-emphasis">
|
|
<i class="fs-3 bi bi-facebook"></i>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
</div>
|
|
</div>
|
|
</main>
|
|
|
|
<?php
|
|
include_once("includes/footer.php");
|
|
?>
|