Updated the footer and removed extra space (#716)

index.html

@@ -144,19 +144,18 @@ <h1 class="main-heading">Awesome GitHub Profile READMEs</h1>
 
     </div>
     <footer id="Contact" class="footer-2">
-      <div class="footer-container" >
+      <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="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>
-             </div>
+              <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>
+              </div>
             </div>
             <div class="footer-section">
               <h6 class="footer-heading">GET INVOLVED</h6>
@@ -166,23 +165,22 @@ <h6 class="footer-heading">GET INVOLVED</h6>
               </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>
+            <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="pages/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>
+          <p class="footer-copyright">
+            &copy; <span id="dynamic-year"></span> Recode-Hive. Made with 🖤️ by the community. All rights reserved.
+          </p>
         </div>
-    </div>
+      </div>
+    </footer>
+
 
     <script>
         document.getElementById("dynamic-year").textContent = new Date().getFullYear();

styles/styles.css

@@ -582,70 +582,63 @@ body.dark-mode .navbar-text {
 body.dark-mode .navbar-link:hover {
   background-color: #555;
 }
-
 .footer-2 {
   background-color: #dedede;
-  margin-top: 80px;
+  padding: 40px 0;
 }
 
 .footer-container {
-  padding: 5px 20px; /* Smaller padding */
-  margin: 0;
-  font-size: 12px; /* Small font */
+  padding: 0 20px;
+  font-size: 14px;
   line-height: 1.5;
-  margin-bottom: 95px;
-  margin-top: -80px;
 }
 
 .footer-content {
   display: flex;
   flex-wrap: wrap;
   justify-content: space-between;
-  padding: 5px 20px;
-  margin-bottom: 3px;
+  padding: 20px 0;
 }
 
 .footer-info {
   flex: 0 1 200px;
-  margin-top: 2rem;
-  margin-right: 2rem;
+  margin-bottom: 20px;
 }
 
 .footer-links {
-  flex: 1 1 auto;
   display: flex;
+  flex-wrap: wrap;
   justify-content: flex-start;
-  max-width: 500px;
   gap: 50px;
 }
 
 .footer-description {
   flex: 1 1 300px;
-  max-width: 400px;
-  margin-right: 60px;
-
+  max-width: 500px;
+  margin-right: 30px;
 }
 
 .footer-logo {
-  max-width: 100% !important;
+  max-width: 150px;
   height: auto;
   cursor: pointer;
 }
 
 .footer-section {
-  margin-right: 3rem;
+  margin-right: 20px;
 }
 
 .footer-heading {
-  font-size: 1.125rem;
+  font-size: 1rem;
   font-weight: bold;
-  text-transform: uppercase;
-  margin-bottom: 1rem;
+  margin-bottom: 0.5rem;
+  color: #000;
 }
 
 .footer-link {
   display: block;
   color: #000;
+  font-size: 0.875rem;
   text-decoration: none;
   margin-bottom: 0.5rem;
 }
@@ -660,41 +653,28 @@ body.dark-mode .navbar-link:hover {
   margin-bottom: 1rem;
 }
 
-.footer-link:hover {
-  display: inline-block;
-  text-decoration: underline;
-}
-
-.footer-description h5 {
-  font-size: 1rem;
-  font-weight: normal;
-  margin-bottom: 1rem;
-}
-
 .footer-button {
-  display: inline-block;
   background-color: #000;
   color: #fff;
   padding: 0.5rem 1rem;
   border-radius: 0.25rem;
   text-decoration: none;
-  transition: background-color 0.3s;
+  transition: background-color 0.3s ease;
 }
 
 .footer-button:hover {
   background-color: #333;
 }
 
 .footer-bottom {
-  border-top: 1px solid rgba(255, 255, 255, 0.1);
-  padding: 1rem 0;
-  margin-top: -90px;
+  border-top: 1px solid #ccc;
+  padding: 10px 0;
+  text-align: center;
 }
 
 .footer-copyright {
-  text-align: center;
   font-size: 0.875rem;
-  margin-top: 50px;
+  margin: 0;
 }
 
 /* Dark mode styles */
@@ -723,48 +703,17 @@ body.dark-mode .footer-button:hover {
 @media (max-width: 768px) {
   .footer-content {
     flex-direction: column;
+    text-align: center;
   }
 
   .footer-links {
-    gap: 0px !important;
-  }
-
-  .footer-info {
-    width: 250px;
-    margin-bottom: 2rem;
-  }
-
-  .footer-links,
-  .footer-description {
-    width: 80%;
-    margin-bottom: 2rem;
+    gap: 20px;
+    justify-content: center;
   }
 
-  .footer-links {
-    flex-direction: column;
-    margin-bottom: 10px !important;
+  .footer-info, .footer-description {
+    margin-bottom: 20px;
   }
-
-
-  .footer-section {
-    margin-right: 0;
-    /* margin-bottom: 1rem; */
-  }
-
-  .footer-heading {
-    margin-top: 25px !important;
-  }
-
-  .footer-info {
-    flex: 0 1;
-    margin-bottom: 10px;
-  }
-
-  .footer-description {
-    flex: 1 1;
-    margin-bottom: 0px !important;
-  }
-
 }
 
 .img-container {