Fix: Sticky footer layout issue and make navbar fixed at top (#1410)

* Code formatter event page and faq page

Co-Authored-By: Sanjay Viswanathan <[email protected]>

* Fix: saved blogs footer redesign and styles

Redesigned the footer in saved-blogs.html to include social media icons, improved layout, and updated links. Added a new saved-blogs.css file for dedicated styling, including dark mode and responsive adjustments.

Co-Authored-By: Sanjay Viswanathan <[email protected]>

---------

Co-authored-by: Sanjay Viswanathan <[email protected]>

Author: codewithdhruba01

pages/saved-blogs.html

@@ -12,6 +12,7 @@
         <link rel="stylesheet" href="../styles/blog.css">
         <link rel="stylesheet" href="../styles/styles.css">
         <link rel="stylesheet" href="../styles/hamburger.css">
+        <link rel="stylesheet" href="../styles/saved-blogs.css">
         <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.0.0-beta3/css/all.min.css">
 
     </head>
@@ -76,60 +77,72 @@ <h1 style="text-align: center;">Saved Blogs</h1>
       <span class="tag" data-category="tech">Tech</span>
     </div>
     <div class="blog-container" id="savedBlogsContainer"></div>
-    <footer id="Contact" class="footer-2">
-        <div class="footer-container">
-          <div class="footer-content">
+  
+     <footer id="Contact" class="footer-2">
+    <div class="footer-container">
+        <div class="footer-content">
             <div class="footer-info">
-              <img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo">
-            </div>
-      
-            <div class="footer-links">
-              <div class="footer-section">
-               <h6 class="footer-heading">ABOUT RECODE-HIVE</h6>
-              <div>
-                <a href="help.html" class="footer-link">Contact Us</a>
-                <a href="https://github.com/recodehive/awesome-github-profiles/blob/main/CODE_OF_CONDUCT.md"
-                    class="footer-link">Code of Conduct</a>
-            <!-- Added FAQ section -->
-                <a href="faq.html" class="footer-link">FAQ</a>
-          
-            </div>
+                <a href="../index.html"><img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo"></a>
+                
+                 <!-- Social Media Icons -->
+                 <div class="social-media-icons">
+                  <a href="https://github.com/sanjay-kv" target="_blank" aria-label="GitHub" data-social="github">
+                      <i class="fab fa-github"></i>
+                      <div class="filled"></div>
+                  </a>
+                  <a href="https://stream.recodehive.com/github" target="_blank" aria-label="YouTube" data-social="youtube">
+                      <i class="fab fa-youtube footer-youtube-icon"></i>
+                      <div class="filled"></div>
+                  </a>
+                  <a href="https://www.linkedin.com/in/sanjay-k-v/" target="_blank" aria-label="LinkedIn" data-social="linkedin">
+                      <i class="fab fa-linkedin-in footer-linkedin-icon"></i>
+                      <div class="filled"></div>
+                  </a>
+                  <a href="https://twitter.com/sanjay_kv_" target="_blank" aria-label="Twitter" data-social="twitter">
+                      <i class="fab fa-twitter footer-twitter-icon"></i>
+                      <div class="filled"></div>
+                  </a>
+                  <a href="https://www.facebook.com/sanjay.k.viswanathan/" target="_blank" aria-label="Facebook" data-social="facebook">
+                      <i class="fab fa-facebook-f footer-facebook-icon"></i>
+                      <div class="filled"></div>
+                  </a>
               </div>
-              <div class="footer-section">
-                <h6 class="footer-heading">GET INVOLVED</h6>
-                <div>
-                  <a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&labels=%E2%9E%95+profile&projects=&template=add_profile.md&title=Add+Profile%3A+" class="footer-link">Add Your Profile</a>
-                  <a href="https://github.com/recodehive/Support/issues/new?assignees=&labels=invite+me+to+the+community&projects=&template=invitation.yml&title=Please+invite+me+to+the+Recode-Hive+GitHub+Community+Organization" class="footer-link">Join the Organization</a>
+              <!-- End of Social Media Icons -->
+            </div>
+            <div class="footer-links" style="text-align: left;">
+                <div class="footer-section">
+                    <h6 class="footer-heading">ABOUT RECODE-HIVE</h6>
+                    <div>
+                        <a href="pages/help.html" class="footer-link">Contact Us</a>
+                        <a href="https://github.com/recodehive/awesome-github-profiles/blob/main/CODE_OF_CONDUCT.md" class="footer-link">Code of Conduct</a>
+                        <a href="pages/faq.html" class="footer-link">FAQ's</a>
+                    </div>
+                </div>
+                <div class="footer-section">
+                    <h6 class="footer-heading">GET INVOLVED</h6>
+                    <div>
+                        <a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&amp;labels=%E2%9E%95+profile&amp;projects=&amp;template=add_profile.md&amp;title=Add+Profile%3A+" class="footer-link">Add Your Profile</a>
+                        <a href="https://github.com/recodehive/Support/issues/new?assignees=&amp;labels=invite+me+to+the+community&amp;projects=&amp;template=invitation.yml&amp;title=Please+invite+me+to+the+Recode-Hive+GitHub+Community+Organization" class="footer-link">Join the Organization</a>
+                        <a href="./pages/events.html" class="footer-link">Events</a>
+                    </div>
                 </div>
-              </div>
             </div>
-      
             <div class="footer-description">
-              <h5>
-                We focus on quality content for the right people at the right time⏱️. What we are trying to do is help you to brand personal skills through GitHub readme.md, So we listing the best profiles & opportunity to list your profile to the world 🌎.
-              </h5>
-              <a href="exploremore.html" class="footer-button">Explore</a>
+                <h5>We focus on quality content for the right people at the right time. What we are trying to do is help you
+                    brand personal skills through GitHub readme.md, listing the best profiles, and giving you the opportunity to
+                    list your profile to the world.</h5>
+                <a href="https://stream.recodehive.com/github" class="footer-button">Explore</a>
             </div>
-          </div>
         </div>
-      
-        <div class="footer-bottom">
-          <div class="footer-container">
-              <p class="footer-copyright">
-                  &copy; <span id="dynamic-year"></span> Recode-Hive. Made with 🖤️ by the community. All rights reserved.
-              </p>
-          </div>
-      </div>
+    </div>
+
+    <div class="footer-bottom">
+    <p>© <span id="dynamic-year">2025</span> Recode-Hive. Made with 🖤 by the 
+      <a href="https://github.com/recodehive/awesome-github-profiles" target="_blank" rel="noopener noreferrer" class="no-underline">community</a>. All rights reserved.
+    </p>
+  </div>
+</footer>
 
-      
-        <script src="../scripts/dark-mode.js"></script>
-      
-      
-      <script>
-          document.getElementById("dynamic-year").textContent = new Date().getFullYear();
-      </script>
-      
-    </footer>
     <script>
         const tags = document.querySelectorAll('.tag');
         tags.forEach(tag => {
@@ -177,5 +190,6 @@ <h5>
             }
         });
     </script>
+     <script src="../scripts/dark-mode.js"></script>
 </body>
 </html>