diff --git a/index.html b/index.html
index ac8fa1e..db9f616 100644
--- a/index.html
+++ b/index.html
@@ -316,6 +316,71 @@ <h4>Michael Wong</h4>
               <h4>Emily Davis</h4>
             </div>
           </div>
+        </section>
+
+        <footer class="footer" id="contact">
+          <div class="section__container footer__container">
+            <div class="footer__col">
+              <div class="footer__logo">
+                <a href="#"><img src="assets/logo.png" alt="logo" /></a>
+              </div>
+              <p>
+                Welcome to FitPhysique, where we believe that every journey to
+                fitness is unique and empowering.
+              </p>
+              <ul class="footer__links">
+                <li>
+                  <a href="#">
+                    <span><i class="ri-map-pin-2-fill"></i></span>
+                    123 Main Street<br />Sunrise Valley, Evergreen Heights
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <span><i class="ri-phone-fill"></i></span>
+                    +91 9876543210
+                  </a>
+                </li>
+                <li>
+                  <a href="#">
+                    <span><i class="ri-mail-fill"></i></span>
+                    info@fitphysique.com
+                  </a>
+                </li>
+              </ul>
+            </div>
+            <div class="footer__col">
+              <h4>GALLERY</h4>
+              <div class="gallery__grid">
+                <img src="assets/gallery-1.jpg" alt="gallery" />
+                <img src="assets/gallery-2.jpg" alt="gallery" />
+                <img src="assets/gallery-3.jpg" alt="gallery" />
+                <img src="assets/gallery-4.jpg" alt="gallery" />
+                <img src="assets/gallery-5.jpg" alt="gallery" />
+                <img src="assets/gallery-6.jpg" alt="gallery" />
+                <img src="assets/gallery-7.jpg" alt="gallery" />
+                <img src="assets/gallery-8.jpg" alt="gallery" />
+                <img src="assets/gallery-9.jpg" alt="gallery" />
+              </div>
+            </div>
+            <div class="footer__col">
+              <h4>NEWSLETTER</h4>
+              <p>
+                Don't miss out on the latest news and offers - sign up today and
+                join our thriving fitness community!
+              </p>
+              <form onsubmit="sendEmail(); reset(); return false;" id="form-bg">
+                <input type="text" id="name" placeholder="Enter Name" />
+                <input type="text" id="email" placeholder="Enter Email" />
+                <input type="text" id="phone" placeholder="Enter Phone no." />
+                <button type="submit" class="btn btn__primary">SEND</button>
+              </form>
+              <div class="footer__socials">
+                <a href="#"><i class="ri-facebook-fill"></i></a>
+                <a href="#"><i class="ri-twitter-fill"></i></a>
+                <a href="#"><i class="ri-youtube-fill"></i></a>
+              </div>
+            </div>
         </div>
         <div class="swiper-pagination">
             <span class="swiper-pagination-bullet"></span>
diff --git a/style.css b/style.css
index e1dce4e..57b0a13 100644
--- a/style.css
+++ b/style.css
@@ -565,6 +565,50 @@ url("assets/banner-2.png");
   color:#5b5757
 }
 
+ form {
+  display: flex;
+}
+#form-bg{
+  background-color: transparent;
+}
+
+
+input[type="text"] {
+  margin: 10px 0;
+  padding: 10px;
+  border: 2px solid #ddd;
+  border-radius: 5px;
+  font-size: 16px;
+  font-family: Arial, sans-serif;
+  transition: border-color 0.3s ease, box-shadow 0.3s ease;
+}
+
+
+input[type="text"]:hover, input[type="text"]:focus {
+  border-color: #007bff;
+  box-shadow: 0 0 5px rgba(0, 123, 255, 0.5);
+  outline: none;
+}
+
+
+.btn__primary {
+  padding: 20px;
+  background-color: #d44f3b;
+  color: white;
+  border: none;
+  border-radius: 5px;
+  font-size: 16px;
+  cursor: pointer;
+  transition: background-color 0.3s ease, transform 0.2s ease;
+}
+
+
+
+.btn__primary:active {
+  background-color: #004494;
+  transform: scale(1);
+}
+
 
 .protein__header{
   font-size: 1.2rem;
@@ -749,6 +793,8 @@ url("assets/banner-2.png");
 }
 
 .footer__socials {
+  margin-top: 50px;
+  justify-content: center;
   display: flex;
   align-items: center;
   padding-top: 1.1rem;