From a4bda13b61ef5506ac9bef6a3aeda1c06f1c4162 Mon Sep 17 00:00:00 2001
From: 4F24L <afzalmir2003@gmail.com>
Date: Wed, 16 Oct 2024 20:16:05 +0530
Subject: [PATCH] Nav bar hover fixed on all page

---
 Feedback.html | 10 +++-------
 contact.html  |  8 ++------
 features.html | 21 ++++++++++++---------
 3 files changed, 17 insertions(+), 22 deletions(-)

diff --git a/Feedback.html b/Feedback.html
index edef73e..4f00bfb 100644
--- a/Feedback.html
+++ b/Feedback.html
@@ -49,12 +49,8 @@
       color: black;
       padding: 10px;
     }
-    ul li a:hover {
-    color: rgb(56, 56, 237) !important;
-    }
-    a:hover {
-    color: rgb(1, 4, 177) !important;
-  }
+    
+
 
     .navbar.dark-mode {
       background-color: black;
@@ -103,7 +99,7 @@
     }
 
     .menu a:hover {
-      background-color: rgb(22, 160, 219);
+      background-color: blue;
       /* Blue background on hover */
       color: white;
       /* White text on hover */
diff --git a/contact.html b/contact.html
index d82f3bd..02a7ec1 100644
--- a/contact.html
+++ b/contact.html
@@ -349,12 +349,8 @@
             align-items: center;
             animation: logoAnimation 1s ease forwards;
         }
-        ul li a:hover {
-            color: blue !important;
-        }
-        a:hover {
-            color: blue !important;
-        }
+        
+        
 
         .brand-name {
             display: flex;
diff --git a/features.html b/features.html
index 3f116b1..95f03b8 100644
--- a/features.html
+++ b/features.html
@@ -217,7 +217,7 @@
     }
 
     .menu ul li a:hover {
-      background-color: #000;
+      background-color: blue;
       color: white;
     }
 
@@ -225,9 +225,7 @@
       color: white;
       background-color: #000;
     }
-    ul li a:hover {
-    color: blue !important;
-    }
+    
 
     .content {
       margin: 20px;
@@ -444,13 +442,18 @@
 
       <nav class="menu">
         <ul>
-          <li><a href="index.html" id="home-link" onclick="changeContent('home')">
+          <li><a href="index.html" id="home-link" onclick="changeContent('home')"><i
+            class="fa-solid fa-house"></i>
               Home</a></li>
-          <li><a href="features.html" id="features-link" onclick="changeContent('features')"> Features</a></li>
-          <li><a href="team.html" id="team-link" onclick="changeContent('team')">
+          <li><a href="features.html" id="features-link" onclick="changeContent('features')"><i
+            class="fa-solid fa-file"></i> Features</a></li>
+          <li><a href="team.html" id="team-link" onclick="changeContent('team')"><i
+            class="fa-solid fa-user-group"></i>
               Team</a></li>
-          <li><a href="contact.html" id="contact-link" onclick="changeContent('contact')">Contact</a></li>
-          <li><a href="Feedback.html" id="feedback-link" onclick="changeContent('feedback')"> Feedback</a></li>
+          <li><a href="contact.html" id="contact-link" onclick="changeContent('contact')"><i
+            class="fa-solid fa-phone"></i> Contact</a></li>
+          <li><a href="Feedback.html" id="feedback-link" onclick="changeContent('feedback')"><i
+            class="fa-solid fa-clipboard"></i> Feedback</a></li>
         </ul>
       </nav>
       <div class="buttons">