diff --git a/about.html b/about.html
index 331d6b0..24016f1 100644
--- a/about.html
+++ b/about.html
@@ -7,6 +7,7 @@
   <title>About Us - Fitness Website</title>
   <link rel="stylesheet" href="about.css">
   <link rel="stylesheet" href="navbar.css">
+  <link rel="stylesheet" href="footer.css">
   <link rel="icon" href="pictures/Fitness.png" type="image/x-icon">
   <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=5.0">
   <link rel="preconnect" href="https://fonts.gstatic.com">
@@ -103,6 +104,7 @@ <h2>Ready to Transform Your Life?</h2>
   </section>
 
   <div id="navbar"></div> <!-- Placeholder for navbar -->
+  <div id="footer"></div>
   <div class="chatbox">
     <div class="chat-container">
       <div class="h1">Talk to your own assistant...</div>
@@ -112,8 +114,25 @@ <h2>Ready to Transform Your Life?</h2>
       <button type="button" class="arrow"><img src="pictures/btn.svg" alt="img"></button>
     </div>
   </div>
+  <script>
+    fetch('navbar.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('navbar').innerHTML = data;
+        });
+</script>
+
+
+  <script>
+    fetch('footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer').innerHTML = data;
+        });
+</script>
 
   <script src="about.js"></script>
   <script src="chatbot.js"></script>
+
 </body>
 </html>
\ No newline at end of file
diff --git a/cart.html b/cart.html
index 8620d46..879c16b 100644
--- a/cart.html
+++ b/cart.html
@@ -6,6 +6,7 @@
     <title>Fitness Planet - Store</title>
     <link rel="stylesheet" href="cart.css">
     <link rel="stylesheet" href="navbar.css">
+    <link rel="stylesheet" href="footer.css">
     <link rel="stylesheet" href="style.css"> <!-- Add if it contains chatbox styles -->
     <link rel="shortcut icon" href="pictures/Fitness.png" type="image/x-icon">
 </head>
@@ -87,6 +88,7 @@ <h1 class="s">Shopping Cart</h1>
     </div>
 
     <div id="navbar"></div> <!-- Placeholder for navbar -->
+    <div id="footer"></div> <!-- Placeholder for navbar -->
     <div class="chatbox">
         <div class="chat-container">
             <div class="h1">Talk to your own assistant...</div>
@@ -102,6 +104,14 @@ <h1 class="s">Shopping Cart</h1>
         </svg>
         <span>0</span>
     </div>    
+  
+    <script>
+        fetch('footer.html')
+            .then(response => response.text())
+            .then(data => {
+                document.getElementById('footer').innerHTML = data;
+            });
+    </script>    
 
     <script src="cart.js"></script>
     <script src="chatbot.js"></script>
diff --git a/index.html b/index.html
index dcf62f2..9fa1561 100644
--- a/index.html
+++ b/index.html
@@ -8,6 +8,7 @@
     <link rel="stylesheet" href="style.css">
     <link rel="stylesheet" href="bmi.css">
     <link rel="stylesheet" href="navbar.css">
+    <link rel="stylesheet" href="footer.css">
 
     <link rel="icon" href="pictures/Fitness.png" type="image/x-icon">
 </head>
@@ -119,6 +120,7 @@ <h2>BMI Calculator</h2>
 
             <!-- index.html -->
             <div id="navbar"></div>
+            <div id="footer"></div>
 
             <script>
                 fetch('navbar.html')
@@ -128,6 +130,14 @@ <h2>BMI Calculator</h2>
                     });
             </script>
 
+<script>
+    fetch('footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer').innerHTML = data;
+        });
+</script>
+
             <script src="chatbot.js"></script>
 
 </body>
diff --git a/signin.html b/signin.html
index 7172e63..fa1da31 100644
--- a/signin.html
+++ b/signin.html
@@ -7,6 +7,7 @@
     <link href='https://unpkg.com/boxicons@2.1.4/css/boxicons.min.css' rel='stylesheet'>
     <link rel="stylesheet" href="signin.css">
     <link rel="stylesheet" href="navbar.css">
+    <link rel="stylesheet" href="footer.css">
     <link rel="stylesheet" href="style.css"> <!-- Add if it contains chatbox styles -->
     <link rel="shortcut icon" href="pictures/Fitness.png" type="image/x-icon" sizes="160*160">
 </head>
@@ -95,6 +96,7 @@ <h1>Welcome Back!</h1><br><br>
     </div>
 
     <div id="navbar"></div> <!-- Placeholder for navbar -->
+    <div id="footer"></div>
     <div class="chatbox">
         <div class="chat-container">
             <div class="h1">Talk to your own assistant...</div>
@@ -104,6 +106,14 @@ <h1>Welcome Back!</h1><br><br>
             <button type="button" class="arrow"><img src="pictures/btn.svg" alt="img"></button>
         </div>
     </div>
+    
+  <script>
+    fetch('footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer').innerHTML = data;
+        });
+</script>
 
     <script src="signin.js"></script>
     <script src="chatbot.js"></script>