diff --git a/assets/html_files/_footer.html b/assets/html_files/_footer.html
new file mode 100644
index 00000000..5228e34b
--- /dev/null
+++ b/assets/html_files/_footer.html
@@ -0,0 +1,36 @@
+<div class="footer otherpageForFooter" id="about">
+    <footer>
+        <ul class="social-icon">
+            <li>
+                <a href="https://rakesh9100.bio.link/" target="_blank"><i class="fas fa-link"></i></a>
+            </li>
+            <li>
+                <a href="mailto:roshanrakesh7362@gmail.com" target="_blank"><i class="fas fa-envelope"></i></a>
+            </li>
+            <li>
+                <a href="https://www.linkedin.com/in/rakesh-roshan-9100/" target="_blank"><i class="fab fa-linkedin"></i></a>
+            </li>
+            <li>
+                <a href="https://github.com/Rakesh9100" target="_blank"><i class="fab fa-github"></i></a>
+            </li>
+            <li>
+                <a href="https://www.instagram.com/rakesh250602/" target="_blank"><i class="fab fa-instagram"></i></a>
+            </li>
+            <li>
+                <a href="https://www.facebook.com/rakesh6203/" target="_blank"><i class="fab fa-facebook"></i></a>
+            </li>
+            <li>
+                <a href="https://www.twitter.com/rakeshroshan73" target="_blank"><i class="fa-brands fa-x-twitter"></i></a>
+            </li>
+            <li>
+                <a href="https://discord.com/users/944144134950748170" target="_blank"><i class="fab fa-discord"></i></a>
+            </li>
+        </ul>
+        <p>
+            Created By <a href="https://rakeshroshan.netlify.app/" target="_blank">Rakesh Roshan ❤️</a> | ©
+            <script>
+                document.write(new Date().getFullYear());
+            </script>: All Rights Reserved
+        </p>
+    </footer>
+</div>
\ No newline at end of file
diff --git a/assets/html_files/accordions.html b/assets/html_files/accordions.html
index f348fd0f..ca788740 100644
--- a/assets/html_files/accordions.html
+++ b/assets/html_files/accordions.html
@@ -190,6 +190,17 @@ <h1>Tilted Accordion</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
+     
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/backgrounds.html b/assets/html_files/backgrounds.html
index 4792e00c..9241993d 100644
--- a/assets/html_files/backgrounds.html
+++ b/assets/html_files/backgrounds.html
@@ -580,6 +580,16 @@ <h1>Zoom And Fade Background</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/breadcrumbs.html b/assets/html_files/breadcrumbs.html
index 5ff15927..eacb90e1 100644
--- a/assets/html_files/breadcrumbs.html
+++ b/assets/html_files/breadcrumbs.html
@@ -190,6 +190,16 @@ <h1>Tilted Breadcrumb</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/buttons.html b/assets/html_files/buttons.html
index 36df4c06..3ed8cc78 100644
--- a/assets/html_files/buttons.html
+++ b/assets/html_files/buttons.html
@@ -515,6 +515,16 @@ <h1>Wiggle Button</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/cards.html b/assets/html_files/cards.html
index db101da2..4fc45d91 100644
--- a/assets/html_files/cards.html
+++ b/assets/html_files/cards.html
@@ -463,6 +463,16 @@ <h1>User Attention Card</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/carousels.html b/assets/html_files/carousels.html
index 857742e4..fcbea081 100644
--- a/assets/html_files/carousels.html
+++ b/assets/html_files/carousels.html
@@ -307,6 +307,16 @@ <h1>Strip Carousel</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer"></script>
diff --git a/assets/html_files/dropdowns.html b/assets/html_files/dropdowns.html
index 0d80ef4a..05dea7a8 100644
--- a/assets/html_files/dropdowns.html
+++ b/assets/html_files/dropdowns.html
@@ -151,6 +151,16 @@ <h1>Theme Toggle Dropdown</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/footers.html b/assets/html_files/footers.html
index 877c89d9..9b0a6ffc 100644
--- a/assets/html_files/footers.html
+++ b/assets/html_files/footers.html
@@ -190,6 +190,16 @@ <h1>Waves Footer</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/forms.html b/assets/html_files/forms.html
index b93bd5f2..e2944394 100644
--- a/assets/html_files/forms.html
+++ b/assets/html_files/forms.html
@@ -528,6 +528,16 @@ <h1>Yeti Login Form</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/heroes.html b/assets/html_files/heroes.html
index ff01e004..787cbcdb 100644
--- a/assets/html_files/heroes.html
+++ b/assets/html_files/heroes.html
@@ -178,6 +178,16 @@ <h1>Text Only Hero</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/loaders.html b/assets/html_files/loaders.html
index d0e31bd9..27565286 100644
--- a/assets/html_files/loaders.html
+++ b/assets/html_files/loaders.html
@@ -580,6 +580,16 @@ <h1>Wifi Loader</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/navigation-bars.html b/assets/html_files/navigation-bars.html
index d0cde8cc..cec50298 100644
--- a/assets/html_files/navigation-bars.html
+++ b/assets/html_files/navigation-bars.html
@@ -294,6 +294,16 @@ <h1>Simple Navigation Bar</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer"></script>
diff --git a/assets/html_files/popups.html b/assets/html_files/popups.html
index 65b8a769..7ecad34b 100644
--- a/assets/html_files/popups.html
+++ b/assets/html_files/popups.html
@@ -231,6 +231,16 @@ <h1>Welcome Offer Popup</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/search-bars.html b/assets/html_files/search-bars.html
index fa6e64ec..b8ea21e8 100644
--- a/assets/html_files/search-bars.html
+++ b/assets/html_files/search-bars.html
@@ -255,6 +255,16 @@ <h1>Voice Command Search Bar</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/text-animations.html b/assets/html_files/text-animations.html
index d5fe2004..2f22d2d2 100644
--- a/assets/html_files/text-animations.html
+++ b/assets/html_files/text-animations.html
@@ -307,6 +307,16 @@ <h1>Water Text Animation</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/assets/html_files/transfer-lists.html b/assets/html_files/transfer-lists.html
index 01b7503c..bb08bc22 100644
--- a/assets/html_files/transfer-lists.html
+++ b/assets/html_files/transfer-lists.html
@@ -112,6 +112,16 @@ <h1>Neumorphism Transfer List</h1>
         </div>
     </section>
 
+    <!-- Adding footer  -->
+    <div id="footer-placeholder"></div>
+     <script>
+        fetch('_footer.html')
+        .then(response => response.text())
+        .then(data => {
+            document.getElementById('footer-placeholder').innerHTML = data;
+        });
+     </script>
+
     <script src="https://cdnjs.cloudflare.com/ajax/libs/gsap/3.12.5/gsap.min.js"
         integrity="sha512-7eHRwcbYkK4d9g/6tD/mhkf++eoTHwpNM9woBxtPUBWm67zeAfFC+HrdoE2GanKeocly/VxeLvIqwvCdk7qScg=="
         crossorigin="anonymous" referrerpolicy="no-referrer">
diff --git a/style.css b/style.css
index d121c860..1adc65d3 100644
--- a/style.css
+++ b/style.css
@@ -671,6 +671,16 @@ footer p a {
     display: inline-block;
 }
 
+.otherpageForFooter .social-icon li a{
+    color: white;
+}
+.otherpageForFooter p{
+    color: white;
+}
+.otherpageForFooter p a{
+    color: white;
+}
+
 #progress {
     position: fixed;
     bottom: 20px;