diff --git a/faq.html b/faq.html
index 49354f2..28a05c8 100644
--- a/faq.html
+++ b/faq.html
@@ -4,6 +4,11 @@
   <meta charset="UTF-8">
   <meta name="viewport" content="width=device-width, initial-scale=1.0">
   <title>FAQ - Fashion Clothing and Accessories</title>
+  <link rel="stylesheet" href="style.css"> <!-- Link to your common CSS file -->
+  <link rel="stylesheet" href="https://unpkg.com/aos@next/dist/aos.css">
+  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.2/css/all.min.css" integrity="sha512-z3gLpd7yknf1YoNbCzqRKc4qyor8gaKU1qmn+CShxbuBusANI9QpRohGBreCFkKxLhei6S9CQXFEbbKuqLg0DA==" crossorigin="anonymous" referrerpolicy="no-referrer" />
+  <link rel="stylesheet" href="./style.css">
+  <link rel="stylesheet" herf="https://use.fontawesome.com/releases/v5.4.1/css/all.css">
   <style>
     body {
       font-family: 'Arial', sans-serif;
@@ -124,10 +129,70 @@
     }
   </style>
 </head>
+
 <body>
-  <div id="progress-container">
-    <div id="progress-bar"></div>
-  </div>
+
+  <!-- scroll to top button  -->
+<!-- <button class="go-top-btn">
+<img   width="25px" src="arrow_upper.png" alt="go top">
+</button> -->
+<header class="header" id="header">
+    <div class="logo">
+        <a href="/"> <img src="images/logo.png" alt="Logo" srcset=""> </a>
+        <i class="fa-solid fa-bars menu" id="menu"></i>
+    </div>
+    <div id="progress-container">
+        <div id="progress-bar"></div>
+      </div>
+
+    <nav class="bg-neutral-100 py-20">
+        <div class="tabs-container">
+            <ul id="tabs" class="tabs">
+                <li class="tab">
+                    <a href="index.html">Home</a>
+                    <div class="cursor"></div>
+                </li>
+                <li class="tab">
+                    <a href="about.html">About</a>
+                    <div class="cursor"></div>
+                </li>
+                <li class="tab">
+                    <a href="features.html">Features</a>
+                    <div class="cursor"></div>
+                </li>
+                <li class="dropdown tab">
+                    <a href="#">Products</a>
+                    <div class="cursor"></div>
+                    <ul class="dropdown-content ">
+                        <li><a href="mens.html" class="priye">Mens</a>
+                        </li>
+                        <li><a href="womens.html">Womens</a></li>
+                        <li><a href="child.html">Kid Section</a></li>
+                        <li><a href="accessories.html">Accessories</a></li>
+                    </ul>
+                </li>
+                <li class="tab" style="margin-left: 15px;">
+                    <a href="contact.html">Contact Us</a>
+                    <div class="cursor"></div>
+                </li>
+            </ul>
+        </div>
+    </nav>
+
+    <nav class="utils">
+        <ul class="nav-links">
+            <li class="nav-link">
+                <i class="fa-solid fa-cart-shopping" id="cart-icon"></i>
+            </li>
+            <li class="nav-link">
+                <i class="fa-solid fa-user"></i>
+            </li>
+            <li class="nav-link">
+                <i class="fa-solid fa-magnifying-glass"></i>
+            </li>
+        </ul>
+    </nav>
+</header>
   <div class="faq-container">
     
 
@@ -224,6 +289,84 @@ <h1 class="faq-header" style="color: rgba(12, 11, 12, 0.735);">Frequently Asked
 <script src="script/progressbar.js"></script>
 
 
+<footer class="footer">
+  <div class="footer-section">
+      <h1>Contact Us</h1>
+      <ul class="footer-list">
+          <li><a href="mailto:trendtrove1004@gmail.com">trendtrove1004@gmail.com</a></li>
+          <li>2nd Floor, Bandra West, Mumbai, Maharashtra 400050, India</li>
+          <li><a href="tel:+91xxxxxxxx2020">+91 xxxxxx2020</a></li>
+          <li class="border-list"></li>
+          <li class="socials">
+              <a href="https://www.linkedin.com/in/tejashri-taral-5006a82a0/" id="linkedin" target="_blank">
+                  <i class="fa-brands fa-linkedin"></i>
+              </a>
+              <a href="https://github.com/Tejashri-Taral" id="github" target="_blank">
+                  <i class="fa-brands fa-github"></i>
+              </a>
+              <a href="https://x.com/Tejashri_10?t=SWxALwKxy-nVrTcbYTFUcA&s=08" id="fa-x-twitter" target="_blank">
+                  <i class="fa-brands fa-x-twitter"></i>
+              </a>
+              <a href="https://www.instagram.com/your_instagram" id="instagram" target="_blank">
+                  <i class="fa-brands fa-instagram"></i>
+              </a>
+          </li>
+      </ul>
+  </div>
+
+  <div class="footer-section">
+      <h1>Quick Links</h1>
+      <ul class="footer-list">
+          <li><a href="about.html">About Us</a></li>
+          <li><a href="contributors.html">Our Contributors</a></li>
+          <li><a href="terms-conditions.html">Terms & Conditions</a></li>
+          <li><a href="return-policy.html">Return Policy</a></li>
+          <li><a href="https://github.com/Tejashri-Taral/TrendTrove-Ecommerce" target="_blank">Star Us</a></li>
+          <li><a href="contact.html">Contact Us</a></li>
+      </ul>
+  </div>
+
+  <div class="footer-section">
+      <h1>Subscribe to Newsletter</h1>
+      <ul class="footer-list">
+          <li>Maxime quae inventore sunt odio perspiciatis vitae saepe officia dolorem.</li>
+          <li class="sub">
+              <input type="text" placeholder="Enter your email">
+              <button class="btn">Subscribe</button>
+          </li>
+      </ul>
+  </div>
+</footer>
+
+<script>
+  document.getElementById("cart-icon").addEventListener("click", function() {
+window.location.href = "cart.html";
+});
+
+//js for go top button
+const goTopBtn = document.querySelector('.go-top-btn');
+window.addEventListener('scroll', checkHeight)
+function checkHeight() {
+if (window.scrollY > 200) {
+  goTopBtn.style.display = "flex"
+} else {
+  goTopBtn.style.display = "none"
+}
+}
+goTopBtn.addEventListener('click', () => {
+window.scrollTo({
+  top: 0,
+  behavior: "smooth"
+})
+})
+
+</script>
+<script src="script/progressbar.js"></script>
+
 </body>
+<div class="gtranslate_wrapper"></div>
+  <script>window.gtranslateSettings = {"default_language":"en","detect_browser_language":true,"wrapper_selector":".gtranslate_wrapper"}</script>
+<script src="https://cdn.gtranslate.net/widgets/latest/float.js" defer></script>
+
 </html>
 
