added footer to all category pages

Rakesh9100 · Jun 27, 2024 · 7efe34c · 7efe34c
1 parent 97490c7
commit 7efe34c
Show file tree

Hide file tree

Showing 18 changed files with 207 additions and 0 deletions.
diff --git a/assets/html_files/_footer.html 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:[email protected]" 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>
diff --git 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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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
@@ -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;