Initial Commit

assets/css/style.css

@@ -1,64 +1,49 @@
-@import url('https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap');
+@import url("https://fonts.googleapis.com/css2?family=Inter:wght@100..900&display=swap");
 
 html,
 body {
-  font-family: "Inter", sans-serif;
+    font-family: "Inter", sans-serif;
-  font-optical-sizing: auto;
+    font-optical-sizing: auto;
-  font-weight: 400;
+    font-weight: 400;
-  font-style: normal;
+    font-style: normal;
-  font-variation-settings: "slnt" 0;
+    font-variation-settings: "slnt" 0;
 }
 
 @media (min-width: 40em) {
-  /* Bump up size of carousel content */
+    /* Bump up size of carousel content */
-  .banner-caption p {
+    .banner-caption p {
-    margin-bottom: 1.25rem;
+        margin-bottom: 1.25rem;
-    font-size: 1.25rem;
+        font-size: 1.25rem;
-    line-height: 1.4;
+        line-height: 1.4;
-  }
+    }
 }
 
-.bg-primary, .text-bg-primary {
+.bg-primary,
-  background-color: #2f3448 !important;
+.text-bg-primary {
+    background-color: #2f3448 !important;
 }
 
 .bi {
-  margin-left: 10px; 
+    margin-left: 10px;
-  margin-right: 10px;
+    margin-right: 10px;
-  text-decoration: none;
+    text-decoration: none;
 }
 
 #socialMediaSection a {
-  text-decoration: none;
+    text-decoration: none;
 }
 
-#banner-1 {
+#mainBanner {
-  background: rgba(0, 0, 0, 0.3) url("../images/banners/1.webp");
+    max-width: 100%;
-  background-blend-mode: darken;
+    height: auto;
-  background-position: center;
-  background-size: cover;
-}
-
-#banner-2 {
-  background: rgba(0, 0, 0, 0.3) url("../images/banners/2.webp");
-  background-blend-mode: darken;
-  background-position: center;
-  background-size: cover;
-}
-
-#banner-3 {
-  background: rgba(0, 0, 0, 0.3) url("../images/banners/3.webp");
-  background-blend-mode: darken;
-  background-position: center;
-  background-size: cover;
 }
 
 #mainLogo {
-  max-width: 100%;
+    max-width: 100%;
-  height: 40px;
+    height: 40px;
 }
 
 #companyLogo {
-  max-width: 100%;
+    max-width: 100%;
-  height: 100px;
+    height: 100px;
-}
+}

includes/footer.php

@@ -2,7 +2,7 @@
 <footer class="container border-top pt-4">
     <p class="float-end"><a href="#">Back to top</a></p>
     <p>
-        &copy; 2012-2024 EMPower Engineering Co.,Ltd
+        &copy; 2024 EMPower Renewable Energy Co.,Ltd
     </p>
 </footer>
 <script

includes/header.php

@@ -140,9 +140,6 @@
                             <li class="nav-item">
                                 <a class="nav-link" href="#gallerySection">Gallery</a>
                             </li>
-                            <li class="nav-item">
-                                <a class="nav-link" href="#clientSection">Clients</a>
-                            </li>
                             <li class="nav-item">
                                 <a class="nav-link" href="#contactSection">Contact</a>
                             </li>

index.php

@@ -4,72 +4,37 @@
 
 <main>
     <div id="mainCarousel" class="carousel container slide mt-5 mb-2" data-bs-ride="carousel">
-        <div class="carousel-indicators">
+        <div class="carousel-inner">
-            <button type="button" data-bs-target="#mainCarousel" data-bs-slide-to="0" class="active" aria-current="true"
+            <img src="assets/images/banners/banner.jpg" alt="EMPower Renewable Energy Banner" id="mainBanner" class="rounded-4">
-                aria-label="Slide 1"></button>
-            <button type="button" data-bs-target="#mainCarousel" data-bs-slide-to="1" aria-label="Slide 2"></button>
-            <button type="button" data-bs-target="#mainCarousel" data-bs-slide-to="2" aria-label="Slide 3"></button>
-        </div>
-        <div class="carousel-inner rounded-4">
-            <div class="carousel-item active" id="banner-1"></div>
-            <div class="carousel-item" id="banner-2"></div>
-            <div class="carousel-item" id="banner-3"></div>
         </div>
     </div>
     <div class="container" data-bs-spy="scroll" data-bs-target="#mainNavbar">
-    <div id="serviceSection" class="container px-4 py-4">
+        <div id="serviceSection" class="container px-4 py-5" id="featured-3">
-            <h2 class="pb-2 border-bottom">Services</h2>
-            <div class="row row-cols-1 row-cols-md-2 align-items-md-center g-5 py-5">
-                <div class="col d-flex flex-column align-items-start gap-2">
-                    <h2 class="fw-bold text-body-emphasis">บริการด้านโซล่าเซลล์</h2>
-                    <p class="text-body-secondary">We produce spare parts of machines according to client's drawings.
-                    </p>
-                </div>
-
-                <div class="col">
-                    <div class="row row-cols-1 row-cols-sm-2 g-4">
-                        <div class="col d-flex flex-column gap-2">
-                            <img src="assets/images/services/spare-parts/1.jpg" class="rounded-4">
-                        </div>
-
-                        <div class="col d-flex flex-column gap-2">
-                            <img src="assets/images/services/spare-parts/2.jpg" class="rounded-4">
-                        </div>
-                    </div>
-                </div>
-            </div>
-        </div>
-
-        <div id="aboutSection" 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-info-circle"></i>
+                        <i class="bi bi-person-fill"></i>
                     </div>
-                    <h3 class="fs-2 text-body-emphasis">Founding</h3>
+                    <h3 class="fs-2 text-body-emphasis">ทีมงานมืออาชีพ</h3>
-                    <p> We were established on the 12th of January 2012 in Lad Krabang, Bangkok. Later moved to our
+                    <p>เรามีทีมงานมืออาชีพพร้อมด้วยประสบการณ์ในการติดตั้งระบบ Solar Rooftop มามากกว่า 10 ปี พร้อมสำหรับการติดตั้งในสถานที่ต่างๆ</p>
-                        current facility in Phanat Nikhom, Chon Buri. </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-person-circle"></i>
+                        <i class="bi bi-lightbulb-fill"></i>
                     </div>
-                    <h3 class="fs-2 text-body-emphasis">Faculty</h3>
+                    <h3 class="fs-2 text-body-emphasis">อุปกรณ์คุณภาพ</h3>
-                    <p> We currently have 130 employees in our company with 6 people in our engineering department and 6
+                    <p>เราใช้อุปกรณ์เช่น Inverter หรือ แผงโซล่าเซลล์ที่มีประสิทธิภาพสูงในราคาที่ย่อมเยา</p>
-                        people in our quality control department. </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-pin-map"></i>
+                        <i class="bi bi-calendar-check-fill"></i>
                     </div>
-                    <h3 class="fs-2 text-body-emphasis">Location</h3>
+                    <h3 class="fs-2 text-body-emphasis">บริการดูแล</h3>
-                    <p> Our main office and factory is located in Nong Prue, Phanat Nikhom, Chon Buri, Thailand. <a
+                    <p>เรามีบริการหลังการติดตั้ง เช่น การติดตั้งระบบ Monitor Software และบริการดูแลระบบและล้างแผงโซล่าเซลล์ 2 ปี - 2 ครั้งใน 1 ปี - พร้อมการรับประกัน 5 ปี</p>
-                            href="https://maps.app.goo.gl/mr4cnQrVeLW8yVaDA">View our Google Maps Location.</a>
-                    </p>
                 </div>
             </div>
         </div>
@@ -92,9 +57,6 @@
                         array("assets/images/gallery/10.jpg", "10"),
                         array("assets/images/gallery/11.jpg", "11"),
                         array("assets/images/gallery/12.jpg", "12"),
-                        array("assets/images/gallery/13.jpg", "13"),
-                        array("assets/images/gallery/14.jpg", "14"),
-                        array("assets/images/gallery/15.jpg", "15"),
                     );
 
                     foreach ($photoSet1 as $fileInfo) {
@@ -111,43 +73,6 @@
             </div>
         </div>
 
-        <div id="clientSection" class="container px-4 py-4">
-            <h2 class="pb-2 border-bottom">Clients</h2>
-            <div class="row row-cols-1 row-cols-sm-2 row-cols-md-3 row-cols-lg-3 g-4 py-5">
-                <?php
-                    $files = array(
-                        "assets/images/logo/arb.jpg",
-                        "assets/images/logo/carpenter.jpg",
-                        "assets/images/logo/cpac.jpg",
-                        "assets/images/logo/herrenknecht.jpg",
-                        "assets/images/logo/t.jpg",
-                        "assets/images/logo/top.jpg",
-                        "assets/images/logo/ts.jpg",
-                        "assets/images/logo/ariya.jpg",
-                        "assets/images/logo/cd.png",
-                        "assets/images/logo/danieli.jpg",
-                        "assets/images/logo/packsys.jpg",
-                        "assets/images/logo/tft.jpg",
-                        "assets/images/logo/toprofit.jpg",
-                        "assets/images/logo/tyk.jpg",
-                        "assets/images/logo/bohringer.jpg",
-                        "assets/images/logo/civil.jpg",
-                        "assets/images/logo/fellow.jpg",
-                        "assets/images/logo/striker.png",
-                        "assets/images/logo/tm.jpg",
-                        "assets/images/logo/transpower.png"
-                    );
-                    
-                    foreach ($files as $file) {
-                        echo '<div class="col d-flex justify-content-center">';
-                        echo '    <img id="companyLogo" src="' . $file . '" alt="' . basename($file, ".jpg") . '" class="bi text-body-secondary flex-shrink-0 me-3" >';
-                        echo '</div>';
-                        echo "\n";
-                    }
-                ?>
-            </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">
@@ -158,21 +83,16 @@
 
                 <div class="row align-items-center justify-content-center">
                     <h2>
-                        Tel: <a href="tel:+6638198277">+66-38-198-277</a>
+                        Tel: <a href="tel:+66866119049">+66-86-611-9049</a> (คุณทวี)
+                    </h2>
+                    <h2>
+                        Tel: <a href="tel:+66935569624">+66-93-556-9624</a> (คุณฝน)
                     </h2>
 
-                    <h6>
-                        Or email to us at: <a
-                            href="mailto:pichit@empower-engineering.co.th">pichit@empower-engineering.co.th</a>
-                    </h6>
-
                     <div id="socialMediaSection" class="grid gap-0 column-gap-3 justify-content-center">
-                        <a href="https://www.facebook.com/empower.engineering" class="icon-link link-body-emphasis">
+                        <a href="https://web.facebook.com/emprenewableth" class="icon-link link-body-emphasis">
                             <i class="fs-3 bi bi-facebook"></i>
                         </a>
-                        <a href="https://twitter.com/EmpowerEngin" class="icon-link link-body-emphasis">
-                            <i class="fs-3 bi bi-twitter"></i>
-                        </a>
                     </div>
                 </div>
             </div>