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

sakeel-103 · web-flow · commit 7a97819ea4e8 · 2024-06-10T21:48:41.000+05:30
#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.
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>
