Changes in Disease Predictor

anuragverma108 · Jan 4, 2024 · 5f22cc1 · 5f22cc1
1 parent 62e7ddb
commit 5f22cc1
Show file tree

Hide file tree

Showing 6 changed files with 100 additions and 22 deletions.
diff --git a/dashboard.html b/dashboard.html
@@ -10,19 +10,19 @@
 
 <body style="background-color: #42636A;">
 
-    <!-- Navigation Bar -->
     <nav>
         <a href="index.html">
-            <div class="logo">MedQ</div>
+          <div class="logo">MedQ</div>
         </a>
         <ul class="nav-links">
-            <li><a href="index.html">Home</a></li>
-            <li><a href="department.html">Departments</a></li>
-            <li><a href="dashboard.html">Dashboard</a></li>
-            <li><a href="medical history.html">Medical History</a></li>
-            <li><a href="login.html">Login</a></li>
+          <li><a href="index.html">Home</a></li>
+          <li><a href="department.html">Departments</a></li>
+          <li><a href="dashboard.html">Dashboard</a></li>
+          <li><a href="diagnosis.html">Disease Predictor </a></li>
+          <li><a href="medical history.html">Medical History</a></li>
+          <li><a href="login.html">Login</a></li>
         </ul>
-    </nav>
+      </nav>
 
     <!-- Upcoming Appointments Section -->
     <section id="upcoming-appointments" class="appointment-section">

diff --git a/department.html b/department.html
@@ -10,7 +10,6 @@
 
 <body style="background-color: #42636A;">
 
-  <!-- Navigation Bar -->
   <nav>
     <a href="index.html">
       <div class="logo">MedQ</div>
@@ -19,6 +18,7 @@
       <li><a href="index.html">Home</a></li>
       <li><a href="department.html">Departments</a></li>
       <li><a href="dashboard.html">Dashboard</a></li>
+      <li><a href="diagnosis.html">Disease Predictor </a></li>
       <li><a href="medical history.html">Medical History</a></li>
       <li><a href="login.html">Login</a></li>
     </ul>

diff --git a/diagnosis.html b/diagnosis.html
@@ -1,12 +1,90 @@
 <!DOCTYPE html>
-<html>
+<html lang="en">
 
 <head>
-    <title>Disease Selector</title>
-    <link rel="stylesheet" type="text/css" href="style1.css">
+    <meta charset="UTF-8">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Disease Predictor</title>
+    <link rel="stylesheet" href="style.css">
+    <style>
+        body {
+            display: flex;
+            flex-direction: column;
+            min-height: 100vh;
+            margin: 0;
+            font-family: 'Arial', sans-serif;
+            background-color: #42636A;
+            background-image: url('backl.jpg');
+            background-size: cover;
+            background-position: right top;
+            background-repeat: no-repeat;
+        }
+
+        .container {
+            display: flex;
+            flex-direction: column;
+            align-items: flex-start;
+            justify-content: center;
+            min-height: calc(100vh - 100px);
+            padding: 20px;
+            margin-left: 20px;
+        }
+
+        .symptom-selector {
+            text-align: center;
+        }
+
+        .symptom-list {
+            list-style: none;
+            padding: 0;
+        }
+
+        .symptom-list li {
+
+            display: inline-flex;
+            align-items: center;
+            margin-bottom: 10px;
+        }
+
+        .symptom-list input {
+            margin-right: 10px;
+        }
+
+        #result-container {
+            margin-top: 20px;
+            text-align: center;
+        }
+        .space{
+            height: 40vh;
+        }
+
+        footer {
+            background-color: rgba(0, 0, 0, 0.7);
+            color: white;
+            text-align: center;
+            padding: 10px;
+            width: 100%;
+            margin-top: auto;
+        }
+    </style>
 </head>
 
 <body>
+
+    <nav>
+        <a href="index.html">
+            <div class="logo">MedQ</div>
+        </a>
+        <ul class="nav-links">
+            <li><a href="index.html">Home</a></li>
+            <li><a href="department.html">Departments</a></li>
+            <li><a href="dashboard.html">Dashboard</a></li>
+            <li><a href="diagnosis.html">Disease Predictor </a></li>
+            <li><a href="medical history.html">Medical History</a></li>
+            <li><a href="login.html">Login</a></li>
+        </ul>
+    </nav>
+
     <div class="container">
         <div class="symptom-selector">
             <h2>Select Your Symptoms</h2>
@@ -20,7 +98,6 @@ <h2>Select Your Symptoms</h2>
                 <li><input type="checkbox" name="symptom" value="severe_headache">Severe Headache</li>
                 <li><input type="checkbox" name="symptom" value="nausea">Nausea</li>
                 <li><input type="checkbox" name="symptom" value="light_sensitivity">Sensitivity to Light</li>
-
             </ul>
             <button id="detect-btn">Detect Disease</button>
         </div>
@@ -29,18 +106,18 @@ <h2>You May Have...</h2>
             <ul id="disease-list"></ul>
         </div>
     </div>
-    <nav>
-        <div class="left"><a style="text-decoration: none;" href="index.html">Home</a></div>
-    </nav>
+    <div class="space">
+
+    </div>
     <footer>
         <div class="notice">
-            <p><b>Disclaimer: The information provided here may not be accurate. Do consult a doctor before proceeding
-                    further.We are not responsible for providing any wrong information.</b></p>
+            <p><b>Disclaimer: The information provided here may not be accurate. Do consult a doctor before
+                    proceeding further. We are not responsible for providing any wrong information.</b></p>
         </div>
     </footer>
 
     <script src="script.js"></script>
 
 </body>
 
-</html>
+</html>
diff --git a/index.html b/index.html
@@ -18,6 +18,7 @@
       <li><a href="index.html">Home</a></li>
       <li><a href="department.html">Departments</a></li>
       <li><a href="dashboard.html">Dashboard</a></li>
+      <li><a href="diagnosis.html">Disease Predictor </a></li>
       <li><a href="medical history.html">Medical History</a></li>
       <li><a href="login.html">Login</a></li>
     </ul>

diff --git a/medical history.html b/medical history.html
@@ -10,15 +10,15 @@
 
 <body style="background-color: #42636A;">
 
-  <!-- Navigation Bar -->
-  <nav>
+  <<nav>
     <a href="index.html">
       <div class="logo">MedQ</div>
     </a>
     <ul class="nav-links">
       <li><a href="index.html">Home</a></li>
       <li><a href="department.html">Departments</a></li>
       <li><a href="dashboard.html">Dashboard</a></li>
+      <li><a href="diagnosis.html">Disease Predictor </a></li>
       <li><a href="medical history.html">Medical History</a></li>
       <li><a href="login.html">Login</a></li>
     </ul>

diff --git a/style.css b/style.css
@@ -297,5 +297,5 @@ p>a {
 }
 
 .homepage {
-  width: 90%;
+  width: 85%;
 }