Merge branch 'main' of https://github.com/kritikaparmar-programmer/HealthCheck into main

Author: manan-bedi2908

static/style.css

@@ -19,6 +19,18 @@ body {
   color: black;
   background-color: #f8f9fa;
 }
+a:hover , .mynav a:hover , .dropdown-menu .dropdown-item a:hover
+{
+  background-color: rgb(185, 203, 255);
+  border-radius: 50px;
+  transition: 1s;
+}
+.dark-mode .mynav a:hover
+{
+  background-color:rgb(0, 225, 255);
+  border-radius: 50px;
+  transition: 1s;
+}
 .center {
   margin: auto;
   width: 50%;
@@ -121,7 +133,11 @@ max-width: 40rem;
   color: #fff;
   background-color: #3e3c3c;
 }
-
+.dark-mode .dropdown-menu .dropdown-item 
+{
+  background-color: #fff;
+  color: black;
+}
 .dark-mode .navbar-toggler
 {
   background-color: #fff;

templates/layout.html

@@ -38,6 +38,18 @@
               <span class="sr-only">(current)</span>
             </a>
           </li>
+           <li class="nav-item dropdown">
+        <a class="nav-link dropdown-toggle" href="#" id="navbarDropdown" role="button" data-toggle="dropdown" aria-haspopup="true" aria-expanded="false">
+          Diseases
+        </a>
+        <div class="dropdown-menu" aria-labelledby="navbarDropdown">
+          <a class="dropdown-item" href="/diabetes">Diabetes Prediction</a>
+          <a class="dropdown-item" href="/heart">Heart Disease Prediction</a>
+          <a class="dropdown-item" href="/cancer">Cancer Prediction</a>
+          <a class="dropdown-item" href="/fetal_health">Fetal Health Prediction</a>
+          
+        </div>
+      </li>
           <li class="nav-item">
             <a class="nav-link" href="{{ url_for('about') }}">About</a>
           </li>