From 5d2132736dec885d555a1ffa1ef9b73b3ab24bbf Mon Sep 17 00:00:00 2001
From: shahriar021 <shahriarc19@gmail.com>
Date: Wed, 9 Aug 2023 00:37:03 +0600
Subject: [PATCH] shahriar

---
 aboutus.html  | 71 +++++++++++++++++++++++++++++++++++++++++++++++----
 contact.html  | 69 ++++++++++++++++++++++++++++++++++++++++++++++---
 css/style.css |  2 +-
 home.html     | 65 ++++++++++++++++++++++++++++++++++++++++++++--
 programs.html | 69 ++++++++++++++++++++++++++++++++++++++++++++++---
 5 files changed, 260 insertions(+), 16 deletions(-)

diff --git a/aboutus.html b/aboutus.html
index b4c268f..915064c 100644
--- a/aboutus.html
+++ b/aboutus.html
@@ -47,7 +47,7 @@
 	<header id="showcase" class="grid">
 		<div class="bg-image"></div>
 		<div class="content-wrap">
-			<h1>WELCOME TO <span style="color: yellow">MANG GYM</span></h1>
+			<h1>WELCOME TO <span style="color: rgb(0, 255, 255)">MANG GYM</span></h1>
 			<p>A Haven for Everybody</p>
 			<a href="#" class="btn">Join Now!</a>
 		</div>
@@ -68,16 +68,16 @@ <h2>Our Story</h2>
 	</main>
 
 		<!-- Footer -->
-		<footer id="contact">
+		<!-- <footer id="contact">
 			<small class="small-1">&copy; Copyright 2017 | Stephene Canciller | <span style="color: yellow">Mang Gym</span> </small>
 			<div id="disclaimer">
 				<div class="disclaimer-last">
 					<small class="small-2">Disclaimer: No copyright infringement is intended. This is only for educational purposes and not for profit. Some asset/s used are not owned by the developer/s unless otherwise stated; the credit goes to the owner.</small>
 				</div>
-			</div>
+			</div> -->
 
 			<!-- Social Media -->
-			<div id="socialMedia">
+			<!-- <div id="socialMedia">
 				<div class="contact">
 					<i class="fa fa-facebook" aria-hidden="true"></i>
 				</div>
@@ -91,7 +91,68 @@ <h2>Our Story</h2>
 					<i class="fa fa-youtube" aria-hidden="true"></i>
 				</div>
 			</div>
-		</footer>
+		</footer> -->
+
+		</br>
+		<div class="footer">
+		<footer class="py-2">
+    <div class="row">
+      <div class="col-6 col-md-2 mb-3">
+        <h5>contact</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">facebook</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">youtube</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">gym112.gmail.com</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">new york</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">2589741</a></li>
+        </ul>
+      </div>
+
+      <div class="col-6 col-md-2 mb-3">
+        <h5>Section</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+        </ul>
+      </div>
+
+      <div class="col-6 col-md-2 mb-3">
+        <h5>Section</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+        </ul>
+      </div>
+
+      <div class="col-md-5 offset-md-1 mb-3">
+        <form>
+          <h5>Join our gym,build your ashthetich body!!</h5>
+          <p>Monthly digest of what's new and exciting from us.</p>
+          <div class="d-flex flex-column flex-sm-row w-100 gap-2">
+            <label for="newsletter1" class="visually-hidden">Email address</label>
+            <input id="newsletter1" type="text" class="form-control" placeholder="Email address">
+            <button class="btn btn-primary" type="button">Subscribe</button>
+          </div>
+        </form>
+      </div>
+    </div>
+
+    <div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
+      <p>© 2023 Company, Inc. All rights reserved.</p>
+      <ul class="list-unstyled d-flex">
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"></use></svg></a></li>
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"></use></svg></a></li>
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"></use></svg></a></li>
+      </ul>
+    </div>
+  </footer>
+  </div>
 
 	<!-- Import Jquery -->
 	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
diff --git a/contact.html b/contact.html
index 91b4ef5..cd8e539 100644
--- a/contact.html
+++ b/contact.html
@@ -97,16 +97,16 @@ <h3>Inquiry Form</h3>
 	</main>
 
 		<!-- Footer -->
-		<footer id="contact">
+		<!-- <footer id="contact">
 			<small class="small-1">&copy; Copyright 2017 | Stephene Canciller | <span style="color: yellow">Mang Gym</span> </small>
 			<div id="disclaimer">
 				<div class="disclaimer-last">
 					<small class="small-2">Disclaimer: No copyright infringement is intended. This is only for educational purposes and not for profit. Some asset/s used are not owned by the developer/s unless otherwise stated; the credit goes to the owner.</small>
 				</div>
-			</div>
+			</div> -->
 
 			<!-- Social Media -->
-			<div id="socialMedia">
+			<!-- <div id="socialMedia">
 				<div class="contact">
 					<i class="fa fa-facebook" aria-hidden="true"></i>
 				</div>
@@ -120,7 +120,68 @@ <h3>Inquiry Form</h3>
 					<i class="fa fa-youtube" aria-hidden="true"></i>
 				</div>
 			</div>
-		</footer>
+		</footer> -->
+
+		</br>
+		<div class="footer">
+		<footer class="py-2">
+    <div class="row">
+      <div class="col-6 col-md-2 mb-3">
+        <h5>contact</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">facebook</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">youtube</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">gym112.gmail.com</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">new york</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">2589741</a></li>
+        </ul>
+      </div>
+
+      <div class="col-6 col-md-2 mb-3">
+        <h5>Section</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+        </ul>
+      </div>
+
+      <div class="col-6 col-md-2 mb-3">
+        <h5>Section</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+        </ul>
+      </div>
+
+      <div class="col-md-5 offset-md-1 mb-3">
+        <form>
+          <h5>Join our gym,build your ashthetich body!!</h5>
+          <p>Monthly digest of what's new and exciting from us.</p>
+          <div class="d-flex flex-column flex-sm-row w-100 gap-2">
+            <label for="newsletter1" class="visually-hidden">Email address</label>
+            <input id="newsletter1" type="text" class="form-control" placeholder="Email address">
+            <button class="btn btn-primary" type="button">Subscribe</button>
+          </div>
+        </form>
+      </div>
+    </div>
+
+    <div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
+      <p>© 2023 Company, Inc. All rights reserved.</p>
+      <ul class="list-unstyled d-flex">
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"></use></svg></a></li>
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"></use></svg></a></li>
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"></use></svg></a></li>
+      </ul>
+    </div>
+  </footer>
+  </div>
 
 	<!-- Import Jquery -->
 	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
diff --git a/css/style.css b/css/style.css
index 82db9c8..85c3b93 100644
--- a/css/style.css
+++ b/css/style.css
@@ -495,7 +495,7 @@ footer {
 	background: #000;
 	color: #fff;
 	padding: 5px;
-	height: 100px;
+	height: 400px;
 	line-height: 100px;
 }
 
diff --git a/home.html b/home.html
index 2250185..98e3988 100644
--- a/home.html
+++ b/home.html
@@ -116,7 +116,7 @@ <h2>Sign up for our EXCLUSIVE TRAINING Tips, Offers and Discounts</h2>
 	</main>
 
 		<!-- Footer -->
-		<footer id="contact">
+		<!-- <footer id="contact">
 			<small class="small-1">&copy; Copyright 2017 | Stephene Canciller | <span style="color: yellow">Mang Gym</span> </small>
 			<div id="disclaimer">
 				<div class="disclaimer-last">
@@ -138,7 +138,68 @@ <h2>Sign up for our EXCLUSIVE TRAINING Tips, Offers and Discounts</h2>
 					<i class="fa fa-youtube" aria-hidden="true"></i>
 				</div>
 			</div>
-		</footer>
+		</footer> -->
+		<!-- new footer -->
+	</br>
+		<div class="footer">
+		<footer class="py-2">
+    <div class="row">
+      <div class="col-6 col-md-2 mb-3">
+        <h5>contact</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">facebook</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">youtube</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">gym112.gmail.com</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">new york</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">2589741</a></li>
+        </ul>
+      </div>
+
+      <div class="col-6 col-md-2 mb-3">
+        <h5>Section</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+        </ul>
+      </div>
+
+      <div class="col-6 col-md-2 mb-3">
+        <h5>Section</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+        </ul>
+      </div>
+
+      <div class="col-md-5 offset-md-1 mb-3">
+        <form>
+          <h5>Join our gym,build your ashthetich body!!</h5>
+          <p>Monthly digest of what's new and exciting from us.</p>
+          <div class="d-flex flex-column flex-sm-row w-100 gap-2">
+            <label for="newsletter1" class="visually-hidden">Email address</label>
+            <input id="newsletter1" type="text" class="form-control" placeholder="Email address">
+            <button class="btn btn-primary" type="button">Subscribe</button>
+          </div>
+        </form>
+      </div>
+    </div>
+
+    <div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
+      <p>© 2023 Company, Inc. All rights reserved.</p>
+      <ul class="list-unstyled d-flex">
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"></use></svg></a></li>
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"></use></svg></a></li>
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"></use></svg></a></li>
+      </ul>
+    </div>
+  </footer>
+  </div>
 
 	<!-- Import Jquery -->
 	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>
diff --git a/programs.html b/programs.html
index 49189aa..51230b4 100644
--- a/programs.html
+++ b/programs.html
@@ -106,16 +106,16 @@ <h2>MEMBERSHIP PLANS</h2>
 	</main>
 
 		<!-- Footer -->
-		<footer id="contact">
+		<!-- <footer id="contact">
 			<small class="small-1">&copy; Copyright 2017 | Stephene Canciller | <span style="color: yellow">Mang Gym</span> </small>
 			<div id="disclaimer">
 				<div class="disclaimer-last">
 					<small class="small-2">Disclaimer: No copyright infringement is intended. This is only for educational purposes and not for profit. Some asset/s used are not owned by the developer/s unless otherwise stated; the credit goes to the owner.</small>
 				</div>
-			</div>
+			</div> -->
 
 			<!-- Social Media Icons -->
-			<div id="socialMedia">
+			<!-- <div id="socialMedia">
 				<div class="contact">
 					<i class="fa fa-facebook" aria-hidden="true"></i>
 				</div>
@@ -129,7 +129,68 @@ <h2>MEMBERSHIP PLANS</h2>
 					<i class="fa fa-youtube" aria-hidden="true"></i>
 				</div>
 			</div>
-		</footer>
+		</footer> -->
+
+		</br>
+		<div class="footer">
+		<footer class="py-2">
+    <div class="row">
+      <div class="col-6 col-md-2 mb-3">
+        <h5>contact</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">facebook</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">youtube</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">gym112.gmail.com</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">new york</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">2589741</a></li>
+        </ul>
+      </div>
+
+      <div class="col-6 col-md-2 mb-3">
+        <h5>Section</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+        </ul>
+      </div>
+
+      <div class="col-6 col-md-2 mb-3">
+        <h5>Section</h5>
+        <ul class="nav flex-column">
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Home</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Features</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">Pricing</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">FAQs</a></li>
+          <li class="nav-item mb-2"><a href="#" class="nav-link p-0 text-muted">About</a></li>
+        </ul>
+      </div>
+
+      <div class="col-md-5 offset-md-1 mb-3">
+        <form>
+          <h5>Join our gym,build your ashthetich body!!</h5>
+          <p>Monthly digest of what's new and exciting from us.</p>
+          <div class="d-flex flex-column flex-sm-row w-100 gap-2">
+            <label for="newsletter1" class="visually-hidden">Email address</label>
+            <input id="newsletter1" type="text" class="form-control" placeholder="Email address">
+            <button class="btn btn-primary" type="button">Subscribe</button>
+          </div>
+        </form>
+      </div>
+    </div>
+
+    <div class="d-flex flex-column flex-sm-row justify-content-between py-4 my-4 border-top">
+      <p>© 2023 Company, Inc. All rights reserved.</p>
+      <ul class="list-unstyled d-flex">
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#twitter"></use></svg></a></li>
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#instagram"></use></svg></a></li>
+        <li class="ms-3"><a class="link-dark" href="#"><svg class="bi" width="24" height="24"><use xlink:href="#facebook"></use></svg></a></li>
+      </ul>
+    </div>
+  </footer>
+  </div>
 
 	<!-- Import Jquery -->
 	<script src="https://code.jquery.com/jquery-3.2.1.min.js"></script>