[Feature] Navbar sections have no hover effect. (#436)

#431 In Navbar section there was no hover effect. I add hover effect in existing html file. @CSEdgeOfficial Please merge this little update in your main project under gssoc'24 and level 2.
CSEdgeOfficial · Jun 10, 2024 · 7a97819 · 7a97819 · sakeel-103 · Jun 11, 2024
1 parent 7a09eeb
commit 7a97819
Showing 1 changed file with 12 additions and 0 deletions.
diff --git a/index.html b/index.html
@@ -30,6 +30,18 @@
 
   <!--Google Site Search Verification-->
   <meta name="google-site-verification" content="lnzqpbpjoknDdDMpcJhBthXHLR7jUWtfSXoGHbdpI40" />
+  <style>
+    /* CSS for Navbar hover effects */
+    .navbar-nav .nav-link {
+      transition: color 0.3s, background-color 0.3s;
+    }
+
+    .navbar-nav .nav-link:hover {
+      color: #ffffff;
+      background-color: rgba(255, 255, 255, 0.2);
+      border-radius: 4px;
+    }
+  </style>
 </head>
 
 <body>