diff --git a/.gitignore b/.gitignore
new file mode 100644
index 0000000..c138f46
--- /dev/null
+++ b/.gitignore
@@ -0,0 +1 @@
+.history/
\ No newline at end of file
diff --git a/assets/css/carousel.css b/assets/css/carousel.css
index 196d2b6..129b52e 100644
--- a/assets/css/carousel.css
+++ b/assets/css/carousel.css
@@ -18,7 +18,7 @@ body {
 }
 /* Since positioning the image, we need to help out the caption */
 .carousel-caption {
-  bottom: 3rem;
+  bottom: 6rem;
   z-index: 10;
 }
 
diff --git a/assets/css/style.css b/assets/css/style.css
index c1c4610..b2848cd 100644
--- a/assets/css/style.css
+++ b/assets/css/style.css
@@ -5,4 +5,30 @@ html, body {
     font-optical-sizing: auto;
     font-weight: 400;
     font-style: normal;
+}
+
+#banner-1 {
+    background: rgba(0, 0, 0, .2) url("../images/banners/damper.jpg");
+    background-blend-mode: darken;
+    background-position: center;
+    background-size: cover;
+}
+
+#banner-2 {
+    background: rgba(0, 0, 0, .3) url("../images/banners/concrete-layout.jpg");
+    background-blend-mode: darken;
+    background-position: center;
+    background-size: cover;
+}
+
+#banner-3 {
+    background: rgba(0, 0, 0, .3) url("../images/banners/drone-cover.jpg");
+    background-blend-mode: darken;
+    background-position: center;
+    background-size: cover;
+}
+
+#companyLogo {
+    max-width: 100%;
+    height: 100px;
 }
\ No newline at end of file
diff --git a/assets/images/banners/concrete-layout.jpg b/assets/images/banners/concrete-layout.jpg
new file mode 100644
index 0000000..5a3075d
Binary files /dev/null and b/assets/images/banners/concrete-layout.jpg differ
diff --git a/assets/images/banners/damper.jpg b/assets/images/banners/damper.jpg
new file mode 100644
index 0000000..624cb3c
Binary files /dev/null and b/assets/images/banners/damper.jpg differ
diff --git a/assets/images/banners/drone-cover.jpg b/assets/images/banners/drone-cover.jpg
new file mode 100644
index 0000000..7806085
Binary files /dev/null and b/assets/images/banners/drone-cover.jpg differ
diff --git a/assets/images/logo/arb.jpg b/assets/images/logo/arb.jpg
new file mode 100644
index 0000000..fa17b03
Binary files /dev/null and b/assets/images/logo/arb.jpg differ
diff --git a/assets/images/logo/ariya.jpg b/assets/images/logo/ariya.jpg
new file mode 100644
index 0000000..a876b50
Binary files /dev/null and b/assets/images/logo/ariya.jpg differ
diff --git a/assets/images/logo/bohringer.jpg b/assets/images/logo/bohringer.jpg
new file mode 100644
index 0000000..ddcb722
Binary files /dev/null and b/assets/images/logo/bohringer.jpg differ
diff --git a/assets/images/logo/carpenter.jpg b/assets/images/logo/carpenter.jpg
new file mode 100644
index 0000000..1ce8718
Binary files /dev/null and b/assets/images/logo/carpenter.jpg differ
diff --git a/assets/images/logo/cd.png b/assets/images/logo/cd.png
new file mode 100644
index 0000000..7e7a332
Binary files /dev/null and b/assets/images/logo/cd.png differ
diff --git a/assets/images/logo/civil.jpg b/assets/images/logo/civil.jpg
new file mode 100644
index 0000000..2c578cc
Binary files /dev/null and b/assets/images/logo/civil.jpg differ
diff --git a/assets/images/logo/cpac.jpg b/assets/images/logo/cpac.jpg
new file mode 100644
index 0000000..8f4886c
Binary files /dev/null and b/assets/images/logo/cpac.jpg differ
diff --git a/assets/images/logo/danieli.jpg b/assets/images/logo/danieli.jpg
new file mode 100644
index 0000000..7a8b21c
Binary files /dev/null and b/assets/images/logo/danieli.jpg differ
diff --git a/assets/images/logo/fellow.jpg b/assets/images/logo/fellow.jpg
new file mode 100644
index 0000000..4d271ed
Binary files /dev/null and b/assets/images/logo/fellow.jpg differ
diff --git a/assets/images/logo/herrenknecht.jpg b/assets/images/logo/herrenknecht.jpg
new file mode 100644
index 0000000..1dd18ab
Binary files /dev/null and b/assets/images/logo/herrenknecht.jpg differ
diff --git a/assets/images/logo/packsys.jpg b/assets/images/logo/packsys.jpg
new file mode 100644
index 0000000..a6e5e36
Binary files /dev/null and b/assets/images/logo/packsys.jpg differ
diff --git a/assets/images/logo/striker.png b/assets/images/logo/striker.png
new file mode 100644
index 0000000..6368357
Binary files /dev/null and b/assets/images/logo/striker.png differ
diff --git a/assets/images/logo/t.jpg b/assets/images/logo/t.jpg
new file mode 100644
index 0000000..46d2d09
Binary files /dev/null and b/assets/images/logo/t.jpg differ
diff --git a/assets/images/logo/tft.jpg b/assets/images/logo/tft.jpg
new file mode 100644
index 0000000..98f8e23
Binary files /dev/null and b/assets/images/logo/tft.jpg differ
diff --git a/assets/images/logo/tm.jpg b/assets/images/logo/tm.jpg
new file mode 100644
index 0000000..c6cf083
Binary files /dev/null and b/assets/images/logo/tm.jpg differ
diff --git a/assets/images/logo/top.jpg b/assets/images/logo/top.jpg
new file mode 100644
index 0000000..78f7952
Binary files /dev/null and b/assets/images/logo/top.jpg differ
diff --git a/assets/images/logo/toprofit.jpg b/assets/images/logo/toprofit.jpg
new file mode 100644
index 0000000..5638512
Binary files /dev/null and b/assets/images/logo/toprofit.jpg differ
diff --git a/assets/images/logo/transpower.png b/assets/images/logo/transpower.png
new file mode 100644
index 0000000..d26cb4a
Binary files /dev/null and b/assets/images/logo/transpower.png differ
diff --git a/assets/images/logo/ts.jpg b/assets/images/logo/ts.jpg
new file mode 100644
index 0000000..8b1ac93
Binary files /dev/null and b/assets/images/logo/ts.jpg differ
diff --git a/assets/images/logo/tyk.jpg b/assets/images/logo/tyk.jpg
new file mode 100644
index 0000000..c154422
Binary files /dev/null and b/assets/images/logo/tyk.jpg differ
diff --git a/facilities.php b/facility.php
similarity index 100%
rename from facilities.php
rename to facility.php
diff --git a/includes/footer.php b/includes/footer.php
index 8506ee2..fc5d290 100644
--- a/includes/footer.php
+++ b/includes/footer.php
@@ -1,8 +1,8 @@
 <!-- FOOTER -->
-<footer class="container">
+<footer class="container border-top pt-4">
     <p class="float-end"><a href="#">Back to top</a></p>
     <p>
-        &copy; 2005-2024 EMPower Engineering Co.,Ltd
+        &copy; 2012-2024 EMPower Engineering Co.,Ltd
     </p>
 </footer>
 <script
diff --git a/includes/header.php b/includes/header.php
index 69f9b4a..38ba067 100644
--- a/includes/header.php
+++ b/includes/header.php
@@ -113,9 +113,9 @@
             </ul>
         </div>
         <header class="container" data-bs-theme="dark">
-            <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-dark">
+            <nav class="navbar navbar-expand-md navbar-dark fixed-top bg-primary">
                 <div class="container">
-                    <a class="navbar-brand" href="/">EMPower Engineering Co.,Ltd</a>
+                    <a class="navbar-brand fw-bold" href="/">EMPower Engineering Co.,Ltd</a>
                     <button
                         class="navbar-toggler"
                         type="button"
@@ -136,7 +136,7 @@
                                 <a class="nav-link" href="services.php">Services</a>
                             </li>
                             <li class="nav-item">
-                                <a class="nav-link" href="facilities.php">Facilities</a>
+                                <a class="nav-link" href="facility.php">Facility</a>
                             </li>
                             <li class="nav-item">
                                 <a class="nav-link" href="gallery.php">Gallery</a>
diff --git a/index.php b/index.php
index f5dea10..f2a1fcf 100644
--- a/index.php
+++ b/index.php
@@ -3,174 +3,133 @@
 ?>
 
 <main class="container">
-	<div id="mainCarousel" class="carousel slide mt-4 mb-4" data-bs-ride="carousel">
-		<div class="carousel-indicators">
-			<button
-				type="button"
-				data-bs-target="#mainCarousel"
-				data-bs-slide-to="0"
-				class="active"
-				aria-current="true"
-				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">
-				<svg
-					class="bd-placeholder-img"
-					width="100%"
-					height="100%"
-					xmlns="http://www.w3.org/2000/svg"
-					aria-hidden="true"
-					preserveAspectRatio="xMidYMid slice"
-					focusable="false"
-					>
-					<rect
-						width="100%"
-						height="100%"
-						fill="var(--bs-secondary-color)"
-						/>
-				</svg>
-				<div class="container">
-					<div class="carousel-caption">
-						<h1>Example headline.</h1>
-						<p class="opacity-75">
-							Some representative placeholder content for the first slide of
-							the carousel.
-						</p>
-						<p>
-							<a class="btn btn-lg btn-primary" href="#">Sign up today</a>
-						</p>
-					</div>
-				</div>
-			</div>
-			<div class="carousel-item">
-				<svg
-					class="bd-placeholder-img"
-					width="100%"
-					height="100%"
-					xmlns="http://www.w3.org/2000/svg"
-					aria-hidden="true"
-					preserveAspectRatio="xMidYMid slice"
-					focusable="false"
-					>
-					<rect
-						width="100%"
-						height="100%"
-						fill="var(--bs-secondary-color)"
-						/>
-				</svg>
-				<div class="container">
-					<div class="carousel-caption">
-						<h1>Another example headline.</h1>
-						<p>
-							Some representative placeholder content for the second slide
-							of the carousel.
-						</p>
-						<p><a class="btn btn-lg btn-primary" href="#">Learn more</a></p>
-					</div>
-				</div>
-			</div>
-			<div class="carousel-item">
-				<svg
-					class="bd-placeholder-img"
-					width="100%"
-					height="100%"
-					xmlns="http://www.w3.org/2000/svg"
-					aria-hidden="true"
-					preserveAspectRatio="xMidYMid slice"
-					focusable="false"
-					>
-					<rect
-						width="100%"
-						height="100%"
-						fill="var(--bs-secondary-color)"
-						/>
-				</svg>
-				<div class="container">
-					<div class="carousel-caption">
-						<h1>One more for good measure.</h1>
-						<p>
-							Some representative placeholder content for the third slide of
-							this carousel.
-						</p>
-						<p>
-							<a class="btn btn-lg btn-primary" href="#">Browse gallery</a>
-						</p>
-					</div>
-				</div>
-			</div>
-		</div>
-		<button
-			class="carousel-control-prev"
-			type="button"
-			data-bs-target="#mainCarousel"
-			data-bs-slide="prev"
-			>
-		<span class="carousel-control-prev-icon" aria-hidden="true"></span>
-		<span class="visually-hidden">Previous</span>
-		</button>
-		<button
-			class="carousel-control-next"
-			type="button"
-			data-bs-target="#mainCarousel"
-			data-bs-slide="next"
-			>
-		<span class="carousel-control-next-icon" aria-hidden="true"></span>
-		<span class="visually-hidden">Next</span>
-		</button>
-	</div>
-
-	<div class="container px-4 py-5" id="featured-3">
-    <h2 class="pb-2 border-bottom">About Us</h2>
-    <div class="row g-4 py-5 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>
+    <div id="mainCarousel" class="carousel slide mt-4 mb-2" data-bs-ride="carousel">
+        <div class="carousel-indicators">
+            <button type="button" data-bs-target="#mainCarousel" data-bs-slide-to="0" class="active" aria-current="true" 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>
-        <h3 class="fs-2 text-body-emphasis">Founding</h3>
-        <p>Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.</p>
-        <a href="#" class="icon-link">
-          Call to action
-          <svg class="bi"><use xlink:href="#chevron-right"></use></svg>
-        </a>
-      </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>
+        <div class="carousel-inner rounded-4">
+            <div class="carousel-item active" id="banner-1">
+                <div class="container">
+                    <div class="carousel-caption">
+                        <h1 class="display-2 fw-bold text-white">Steel Fabrication</h1>
+                        <p class="text-white"> We specialize in steel fabrication, producing spare parts and assembly equipment according to customer's drawing for heavy usage and industries. </p>
+                        <p>
+                            <a class="btn btn-lg btn-primary" href="contact.php">Contact Us</a>
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="carousel-item" id="banner-2">
+                <div class="container">
+                    <div class="carousel-caption">
+                        <h1 class="display-2 fw-bold text-white">Trusted in Quality</h1>
+                        <p class="text-white"> We have experience in steel fabrication for more than 30 years. We are also certified with the ISO9001:2015 standard. </p>
+                        <p>
+                            <a class="btn btn-lg btn-primary" href="services.php">Learn more</a>
+                        </p>
+                    </div>
+                </div>
+            </div>
+            <div class="carousel-item" id="banner-3">
+                <div class="container">
+                    <div class="carousel-caption">
+                        <h1 class="display-2 fw-bold text-white">Facility</h1>
+                        <p class="text-white"> We have industry standard equipments for our production lineup including CNC machines, robot welding and steel cutters. </p>
+                        <p>
+                            <a class="btn btn-lg btn-primary" href="facility.php">Browse gallery</a>
+                        </p>
+                    </div>
+                </div>
+            </div>
         </div>
-        <h3 class="fs-2 text-body-emphasis">Faculty</h3>
-        <p>Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.</p>
-        <a href="#" class="icon-link">
-          Call to action
-          <svg class="bi"><use xlink:href="#chevron-right"></use></svg>
-        </a>
-      </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>
-        </div>
-        <h3 class="fs-2 text-body-emphasis">Location</h3>
-        <p>Paragraph of text beneath the heading to explain the heading. We'll add onto it with another sentence and probably just keep going until we run out of words.</p>
-        <a href="#" class="icon-link">
-          Call to action
-          <svg class="bi"><use xlink:href="#chevron-right"></use></svg>
-        </a>
-      </div>
+        <button class="carousel-control-prev" type="button" data-bs-target="#mainCarousel" data-bs-slide="prev">
+            <span class="carousel-control-prev-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Previous</span>
+        </button>
+        <button class="carousel-control-next" type="button" data-bs-target="#mainCarousel" data-bs-slide="next">
+            <span class="carousel-control-next-icon" aria-hidden="true"></span>
+            <span class="visually-hidden">Next</span>
+        </button>
+    </div>
+    <div 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>
+                </div>
+                <h3 class="fs-2 text-body-emphasis">Founding</h3>
+                <p> We were established on the 12th of January 2012 in Lad Krabang, Bangkok. Later moved to our 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>
+                </div>
+                <h3 class="fs-2 text-body-emphasis">Faculty</h3>
+                <p> We currently have 130 employees in our company with 6 people in our engineering department and 6 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>
+                </div>
+                <h3 class="fs-2 text-body-emphasis">Location</h3>
+                <p> Our main office and factory is located in Nong Prue, Phanat Nikhom, Chon Buri, Thailand. <a href="https://maps.app.goo.gl/mr4cnQrVeLW8yVaDA">View our Google Maps Location.</a>
+                </p>
+            </div>
+        </div>
+    </div>
+    <div class="container px-4 py-2" id="icon-grid">
+        <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 class="container px-4 py-2" id="icon-grid">
+		<div class="border-bottom"></div>
+		<div class="my-5 d-flex justify-content-center">
+			<div align="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>
+					
+				<a href="contact.php">
+					<button type="button" class="btn btn-primary btn-lg">Contact Us</button>
+				</a>
+			</div>
+		</div>
     </div>
-	</div>
 </main>
 
 <?php