Fix: Improved footer removed underline on hover for copyright link (#1378)

Author: codewithdhruba01

index.html

@@ -244,17 +244,10 @@ <h5>We focus on quality content for the right people at the right time⏱. What
     </div>
 
     <div class="footer-bottom">
-        <div class="footer-container">
-            
-            <p>
-              <a href="https://github.com/recodehive/awesome-github-profiles" target="_blank" rel="noopener noreferrer">
-                <p class="footer-copyright">
-                  © <span id="dynamic-year">2024</span> Recode-Hive. Made with 🖤 by the community. All rights reserved.
-              </p>
-              </a>  
-          </p>
-        </div>
-    </div>
+    <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>
 
 <style>

styles/styles.css

@@ -754,23 +754,28 @@ body.dark-mode .navbar-link:hover {
 }
 
 .footer-bottom {
-  border-top: 1px solid #ccc;
+  border-top: 1px solid #75727298;
   padding: 10px 0;
   text-align: center;
 }
 
-.footer-copyright {
-  color: #000;
-  font-size: 0.875rem;
+
+.footer-bottom p {
   margin: 0;
+  padding: 10px 0;
+  max-width: 100%;
+  font-weight: 400;
 }
-.footer-copyright a{
-  color: #000;
+
+.footer-bottom a.no-underline {
+  text-decoration: none;
+  word-break: break-word;
+  color: #1992d3;
 }
 
-.footer-copyright a:hover {
-  color: #007bff;
-  text-decoration: underline;
+.footer-bottom a.no-underline:hover {
+  text-decoration: none;
+  color: #026499;
 }