Nav bar hover fixed on all page

vimistify · Oct 16, 2024 · a4bda13 · a4bda13
1 parent 4a4f58f
commit a4bda13
Show file tree

Hide file tree

Showing 3 changed files with 17 additions and 22 deletions.
diff --git 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
@@ -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
@@ -217,17 +217,15 @@
     }
 
     .menu ul li a:hover {
-      background-color: #000;
+      background-color: blue;
       color: white;
     }
 
     .menu ul li a.active {
       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">