From d8c55e2f3102ff03c5f1ffa621d62606c8151174 Mon Sep 17 00:00:00 2001
From: Bhupendrakumar20 <errorbhupendra481@gmail.com>
Date: Fri, 1 Nov 2024 10:23:57 +0530
Subject: [PATCH] Improvement in the footer page

---
 index.html             | 146 ++++++++++++++++++++++++--------
 pages/blog.html        | 117 +++++++++++++++++++++-----
 pages/compare.html     | 158 ++++++++++++++++++++++++----------
 pages/events.html      | 181 ++++++++++++++++++++++++++++++---------
 pages/faq.html         | 187 ++++++++++++++++++++++++++++++++---------
 pages/githubbadge.html |  56 +++++++++---
 6 files changed, 647 insertions(+), 198 deletions(-)

diff --git a/index.html b/index.html
index ce08058a..7d328861 100644
--- a/index.html
+++ b/index.html
@@ -304,48 +304,124 @@ <h2>No profiles found</h2>
   </div>
   <footer id="Contact" class="footer-2">
     <div class="footer-container">
-      <div class="footer-content">
-        <div class="footer-info">
-          <a href="#"><img src="assets/recode.png" alt="Recode-Hive logo" class="footer-logo"></a>
-        </div>
-        <div class="footer-links">
-          <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 class="footer-content">
+            <div class="footer-info">
+                <a href="#"><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"></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"></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"></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"></i>
+                        <div class="filled"></div>
+                    </a>
+                </div>
+                <!-- End of Social Media Icons -->
             </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=&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>
+            <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 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
+                    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-description">
-          <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;<a href="https://stream.recodehive.com/github" class="footer-copy"><span id="dynamic-year"></span>
-            Recode-Hive. Made with 🖤️ by the community. All rights reserved.</a>
-        </p>
-      </div>
+        <div class="footer-container">
+            <p class="footer-copyright">
+                © <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the community. All rights reserved.
+            </p>
+        </div>
     </div>
-  </footer>
+</footer>
+
+<style>
+    .footer-info {
+        display: flex;
+        flex-direction: column;
+        align-items: center;
+    }
+
+    .social-media-icons {
+        display: flex;
+        justify-content: center;
+        margin-top: 10px;
+    }
+
+    .social-media-icons a {
+        margin: 0 15px;
+        text-decoration: none;
+        color: #000;
+        position: relative;
+        transition: transform 0.3s, background-color 0.3s;
+    }
+
+    .social-media-icons a i {
+        font-size: 24px;
+    }
+
+    .social-media-icons a .filled {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: transparent;
+        transition: background-color 0.3s;
+        border-radius: 50%;
+    }
+
+    .social-media-icons a:hover {
+        transform: rotate(20deg);
+    }
+
+    .social-media-icons a:hover .filled {
+        background-color: rgba(0, 0, 0, 0.1);
+    }
+
+    .footer-links {
+        text-align: left;
+        margin-top: 20px;
+    }
+
+    .footer-section {
+        margin-bottom: 15px;
+    }
+</style>
 
 
   <script>
diff --git a/pages/blog.html b/pages/blog.html
index 563a61f9..48bcd164 100644
--- a/pages/blog.html
+++ b/pages/blog.html
@@ -1848,51 +1848,122 @@ <h1 style="font-size: 50px;">Github Profile Review</h1>
 		<div class="footer-container">
 			<div class="footer-content">
 				<div class="footer-info">
-					<img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo">
+					<a href="#"><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"></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"></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"></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"></i>
+							<div class="filled"></div>
+						</a>
+					</div>
+					<!-- End of Social Media Icons -->
 				</div>
-
-				<div class="footer-links">
+				<div class="footer-links" style="text-align: left;">
 					<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>
-						
+							<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=&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>
+							<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 class="footer-description">
-					<h5>
-						We deliver quality content for the right people at the right time ⏱️. We aspire to showcase your
-						personal skills through GitHub README.md. We highlight the best profiles and provide an
-						opportunity for you to present 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.
+					© <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the community. All rights reserved.
 				</p>
 			</div>
 		</div>
+	</footer>
+	
+	<style>
+		.footer-info {
+			display: flex;
+			flex-direction: column;
+			align-items: center;
+		}
+	
+		.social-media-icons {
+			display: flex;
+			justify-content: center;
+			margin-top: 10px;
+		}
+	
+		.social-media-icons a {
+			margin: 0 15px;
+			text-decoration: none;
+			color: #000;
+			position: relative;
+			transition: transform 0.3s, background-color 0.3s;
+		}
+	
+		.social-media-icons a i {
+			font-size: 24px;
+		}
+	
+		.social-media-icons a .filled {
+			position: absolute;
+			top: 0;
+			left: 0;
+			right: 0;
+			bottom: 0;
+			background-color: transparent;
+			transition: background-color 0.3s;
+			border-radius: 50%;
+		}
+	
+		.social-media-icons a:hover {
+			transform: rotate(20deg);
+		}
+	
+		.social-media-icons a:hover .filled {
+			background-color: rgba(0, 0, 0, 0.1);
+		}
+	
+		.footer-links {
+			text-align: left;
+			margin-top: 20px;
+		}
+	
+		.footer-section {
+			margin-bottom: 15px;
+		}
+	</style>
 
 		<script>
 			document.getElementById("dynamic-year").textContent = new Date().getFullYear();
diff --git a/pages/compare.html b/pages/compare.html
index 39bce066..64b44f48 100644
--- a/pages/compare.html
+++ b/pages/compare.html
@@ -248,53 +248,125 @@ <h2>Contributor Comparison</h2>
 
     <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>
-            </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>
+          <div class="footer-content">
+              <div class="footer-info">
+                  <a href="#">
+                    <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"></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"></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"></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"></i>
+                          <div class="filled"></div>
+                      </a>
+                  </div>
+                  <!-- End of Social Media Icons -->
+              </div>
+              
+              <div class="footer-links">
+                  <div class="footer-section">
+                      <h6 class="footer-heading">ABOUT RECODE-HIVE</h6>
+                      <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 class="footer-section">
+                      <h6 class="footer-heading">GET INVOLVED</h6>
+                      <a href="https://github.com/recodehive/awesome-github-profiles/issues/new?assignees=&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=&labels=invite+me+to+the+community&amp;projects=&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 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
+                      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-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>
           </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>
-    
-    <script>
-        document.getElementById("dynamic-year").textContent = new Date().getFullYear();
-    </script>
-    
-    </footer>
+          <div class="footer-container">
+              <p class="footer-copyright">
+                  © <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the community. All rights reserved.
+              </p>
+          </div>
+      </div>
+  </footer>
+  
+  <style>
+      .footer-info {
+          display: flex;
+          flex-direction: column;
+          align-items: center;
+      }
+  
+      .social-media-icons {
+          display: flex;
+          justify-content: center;
+          margin-top: 10px;
+      }
+  
+      .social-media-icons a {
+          margin: 0 15px;
+          text-decoration: none;
+          color: #000;
+          position: relative;
+          transition: transform 0.3s, background-color 0.3s;
+      }
+  
+      .social-media-icons a i {
+          font-size: 24px;
+      }
+  
+      .social-media-icons a .filled {
+          position: absolute;
+          top: 0;
+          left: 0;
+          right: 0;
+          bottom: 0;
+          background-color: transparent;
+          transition: background-color 0.3s;
+          border-radius: 50%;
+      }
+  
+      .social-media-icons a:hover {
+          transform: rotate(20deg);
+      }
+  
+      .social-media-icons a:hover .filled {
+          background-color: rgba(0, 0, 0, 0.1);
+      }
+  
+      .footer-links {
+          text-align: left;
+          margin-top: 20px;
+      }
+  
+      .footer-section {
+          margin-bottom: 15px;
+      }
+  </style>
+  
 
     <!-- Scroll to top -->
     <button id="scrollToTop" aria-label="Scroll to top">
diff --git a/pages/events.html b/pages/events.html
index 70ffdeed..3d73250e 100644
--- a/pages/events.html
+++ b/pages/events.html
@@ -231,56 +231,155 @@ <h2 class="event-title">GitHub Profile Review Live Session : #3</h2>
 
   <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-content">
+            <div class="footer-info">
+                <a href="#"><img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo"></a>
+                
+                <!-- Social Media Icons below the logo -->
+                <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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></i>
+                        <div class="filled"></div>
+                    </a>
+                </div>
+                <!-- End of Social Media Icons -->
 
-        <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>
-              <a href="faq.html" class="footer-link">FAQ</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=&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>
+            <div class="footer-links" style="text-align: left;"> <!-- Align to the 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>
+                        <!-- New Events Link -->
+                        <a href="./pages/events.html" class="footer-link">Events</a>
+                    </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
+                    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-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>
         </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 class="footer-container">
+            <p class="footer-copyright">
+                © <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the community. All rights reserved.
+            </p>
+            <!-- Social Media Icons in the footer-bottom -->
+            <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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></i>
+                    <div class="filled"></div>
+                </a>
+            </div>
+            <!-- End of Social Media Icons -->
+        </div>
     </div>
-    <script src="scripts/ScrollToTop.js"></script>
-    <script>
-      document.getElementById("dynamic-year").textContent = new Date().getFullYear();
-    </script>
+</footer>
+
+<style>
+    .footer-info {
+        display: flex;
+        flex-direction: column;
+        align-items: center; /* Center the logo and social icons */
+    }
+
+    .social-media-icons {
+        display: flex;
+        justify-content: center; /* Center the icons horizontally */
+        margin-top: 10px; /* Space between the logo and icons */
+    }
 
-  </footer>
+    .social-media-icons a {
+        margin: 0 15px; /* Space between icons */
+        text-decoration: none; /* Remove underline */
+        color: #000; /* Default color */
+        position: relative; /* For positioning the filled effect */
+        transition: transform 0.3s, background-color 0.3s; /* Smooth transition for effects */
+    }
+
+    .social-media-icons a i {
+        font-size: 24px; /* Smaller icon size */
+    }
+
+    .social-media-icons a .filled {
+        position: absolute;
+        top: 0;
+        left: 0;
+        right: 0;
+        bottom: 0;
+        background-color: transparent; /* Initial background */
+        transition: background-color 0.3s; /* Smooth background color transition */
+        border-radius: 50%; /* Make it circular */
+    }
+
+    .social-media-icons a:hover {
+        transform: rotate(20deg); /* Hover rotation effect */
+    }
+
+    .social-media-icons a:hover .filled {
+        background-color: rgba(0, 0, 0, 0.1); /* Change background on hover */
+    }
+
+    .footer-links {
+        text-align: left; /* Align the links to the left */
+        margin-top: 20px; /* Add spacing from above elements */
+    }
+
+    .footer-section {
+        margin-bottom: 15px; /* Space between sections */
+    }
+
+    .footer-bottom {
+        text-align: center; /* Center the footer-bottom content */
+        margin-top: 20px; /* Space between main content and footer */
+    }
+</style>
 
     <!-- Scroll to top -->
     <button id="scrollToTop" aria-label="Scroll to top">
diff --git a/pages/faq.html b/pages/faq.html
index 3e524753..aab2685d 100644
--- a/pages/faq.html
+++ b/pages/faq.html
@@ -408,54 +408,157 @@ <h2>Frequently Asked Questions</h2>
 
 </style>
 
-    <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">
+              <a href="#"><img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo"></a>
+              
+              <!-- Social Media Icons below the logo -->
+              <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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></i>
+                      <div class="filled"></div>
+                  </a>
+              </div>
+              <!-- End of Social Media Icons -->
+
           </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>
-              <a href="#" 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=&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>
-                
-            </div>
-            </div>
+          <div class="footer-links" style="text-align: left;"> <!-- Align to the 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>
+                      <!-- New Events Link -->
+                      <a href="./pages/events.html" class="footer-link">Events</a>
+                  </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>
-    
-    <script>
-        document.getElementById("dynamic-year").textContent = new Date().getFullYear();
-    </script>
-    
-    </footer>
+  </div>
+
+  <div class="footer-bottom">
+      <div class="footer-container">
+          <p class="footer-copyright">
+              © <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the community. All rights reserved.
+          </p>
+          <!-- Social Media Icons in the footer-bottom -->
+          <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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></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" aria-hidden="true"></i>
+                  <div class="filled"></div>
+              </a>
+          </div>
+          <!-- End of Social Media Icons -->
+      </div>
+  </div>
+</footer>
+
+<style>
+  .footer-info {
+      display: flex;
+      flex-direction: column;
+      align-items: center; /* Center the logo and social icons */
+  }
+
+  .social-media-icons {
+      display: flex;
+      justify-content: center; /* Center the icons horizontally */
+      margin-top: 10px; /* Space between the logo and icons */
+  }
+
+  .social-media-icons a {
+      margin: 0 15px; /* Space between icons */
+      text-decoration: none; /* Remove underline */
+      color: #000; /* Default color */
+      position: relative; /* For positioning the filled effect */
+      transition: transform 0.3s, background-color 0.3s; /* Smooth transition for effects */
+  }
+
+  .social-media-icons a i {
+      font-size: 24px; /* Smaller icon size */
+  }
+
+  .social-media-icons a .filled {
+      position: absolute;
+      top: 0;
+      left: 0;
+      right: 0;
+      bottom: 0;
+      background-color: transparent; /* Initial background */
+      transition: background-color 0.3s; /* Smooth background color transition */
+      border-radius: 50%; /* Make it circular */
+  }
+
+  .social-media-icons a:hover {
+      transform: rotate(20deg); /* Hover rotation effect */
+  }
+
+  .social-media-icons a:hover .filled {
+      background-color: rgba(0, 0, 0, 0.1); /* Change background on hover */
+  }
+
+  .footer-links {
+      text-align: left; /* Align the links to the left */
+      margin-top: 20px; /* Add spacing from above elements */
+  }
+
+  .footer-section {
+      margin-bottom: 15px; /* Space between sections */
+  }
+
+  .footer-bottom {
+      text-align: center; /* Center the footer-bottom content */
+      margin-top: 20px; /* Space between main content and footer */
+  }
+</style>
 
     <!-- Scroll to top -->
     <button id="scrollToTop" aria-label="Scroll to top">
diff --git a/pages/githubbadge.html b/pages/githubbadge.html
index 49636991..bf292f7e 100644
--- a/pages/githubbadge.html
+++ b/pages/githubbadge.html
@@ -1075,33 +1075,40 @@ <h1>GitHub Copilot</h1>
         <div class="footer-container">
             <div class="footer-content">
                 <div class="footer-info">
-                    <img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo">
+                    <a href="../index.html" style="text-decoration: none; color: #333;">
+                        <img src="../assets/recode.png" alt="Recode-Hive logo" class="footer-logo">
+                    </a>
+                    <div class="social-media-links">
+                        <a href="https://facebook.com/recodehive" target="_blank" class="social-icon"><i class="fab fa-facebook-f"></i></a>
+                        <a href="https://twitter.com/recodehive" target="_blank" class="social-icon"><i class="fab fa-twitter"></i></a>
+                        <a href="https://instagram.com/recodehive" target="_blank" class="social-icon"><i class="fab fa-instagram"></i></a>
+                        <a href="https://linkedin.com/company/recodehive" target="_blank" class="social-icon"><i class="fab fa-linkedin-in"></i></a>
+                        <a href="https://github.com/recodehive" target="_blank" class="social-icon"><i class="fab fa-github"></i></a>
+                    </div>
                 </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>
+                            <a href="https://github.com/recodehive/awesome-github-profiles/blob/main/CODE_OF_CONDUCT.md" class="footer-link">Code of Conduct</a>
                             <a href="faq.html" class="footer-link">FAQ</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=&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>
+                            <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="events.html" class="footer-link">Events</a>
                         </div>
                     </div>
                 </div>
-
+    
                 <div class="footer-description">
                     <h5>
-                        We focus on quality content to the right people at the right time⏱️. Recode Hive will help you
+                        We focus on quality content to the right people at the right time⏱. Recode Hive will help you
                         with updates on what's happening in the tech industry💻. We focus on everything starting from
                         How To's to Data Science.
                     </h5>
@@ -1109,21 +1116,42 @@ <h5>
                 </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
+                    © <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the community. All rights
                     reserved.
                 </p>
             </div>
         </div>
-
+    
         <script>
             document.getElementById("dynamic-year").textContent = new Date().getFullYear();
         </script>
-
     </footer>
+    
+    <!-- Link to Font Awesome for icons -->
+    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.15.4/css/all.min.css">
+    
+    <!-- Custom CSS for social icons -->
+    <style>
+        .social-media-links {
+            margin-top: 10px;
+            display: flex;
+            gap: 15px;
+        }
+    
+        .social-icon {
+            font-size: 2rem; /* Increased icon size */
+            color: #333; /* Default color */
+            transition: transform 0.3s ease, color 0.3s ease; /* Smooth transition for transform and color */
+        }
+    
+        .social-icon:hover {
+            color: #007bff; /* Change color on hover */
+            transform: rotate(20deg); /* Rotate 20 degrees on hover */}
+    </style>
 
     <!-- Scroll to top -->
     <button id="scrollToTop" aria-label="Scroll to top">