Merge pull request #35 from rishabh-bijalwan12/main

Navbar UI enhanced
AayushPaigwar · May 10, 2024 · fe40bc1 · fe40bc1
2 parents 2f28d90 + 69f9b7a
commit fe40bc1
Showing 1 changed file with 16 additions and 8 deletions.
diff --git a/css/index.css b/css/index.css
@@ -13,7 +13,14 @@ html {
 
 i:hover {
     /* background-color: yellow; */
-    color: #007BFF;
+    color: #fff;
+}
+
+.navbar-list-item a{
+    text-decoration: none !important;
+}
+.navbar-list-item a:hover{
+    color: white;
 }
 
 .hero {
@@ -73,8 +80,8 @@ li {
 
 /* Navbar Section */
 .navbar {
-    width: 80%;
-    background-color: #212020;
+    width: 90%;
+    background-color: #FF6500;
     padding: 10px;
     display: flex;
     justify-content: space-between;
@@ -100,7 +107,9 @@ li {
     color: #fff;
 }
 
+
 .navbar-list-item {
+    text-decoration: none;
     font-size: 18px;
     padding: 10px 20px;
     cursor: pointer;
@@ -134,10 +143,10 @@ li {
     color: inherit;
 } */
 
-.navbar-list-item:hover a {
+/* .navbar-list-item:hover {
     font-weight: bold;
     /* Change link weight to bold because the orange was not visible enough */
-}
+/* } */
 
 /* Hamburger menu icon */
 .menu-toggle {
@@ -419,9 +428,9 @@ li {
 }
 
 .navbar-list-item:hover {
-    background-color: #0056b3;
+    background-color: black;
     /* Change background color on hover */
-    border-radius: 5px;
+    border-radius: 65px;
     transition: background-color 0.3s;
 }
 
@@ -541,7 +550,6 @@ a {
 
 
 
-
 @import url(https://fonts.googleapis.com/css?family=Roboto:400,300,100,500,700,900);
 
 .contact-form {