diff --git a/contactUs.html b/contactUs.html
index a55e0bb..ea8a8a8 100644
--- a/contactUs.html
+++ b/contactUs.html
@@ -1,77 +1,74 @@
 <!DOCTYPE html>
 <html>
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="Shortcut Icon" type="image/ico" href="images/favicon.svg" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
 
+        <title>Contact Us</title>
 
-<head>
-    <meta charset="UTF-8">
-    <link rel="Shortcut Icon" type="image/ico" href="images/favicon.svg">
-    <meta http-equiv="X-UA-Compatible" content="IE=edge">
-    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link
+            rel="stylesheet"
+            href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+            integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
+            crossorigin="anonymous" />
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
 
+        <link rel="stylesheet" href="./css/style.css" />
+        <!-- Your custom CSS file -->
+        <link rel="stylesheet" href="./css/contactus.css" />
+    </head>
 
-    <title>Contact Us</title>
+    <body>
+        <!-- NavBar -->
+        <nav id="navbar" class="navbar navbar-expand-lg navbar-dark fixed-top">
+            <a class="navbar-brand mb-1 nav-heading" href="/index.html" style="font-size: 28px">
+                <!-- <img src="./medicalLogo.png" /> -->
+                <i class="fa fa-stethoscope" style="font-size: 30px; color: white"></i>
+                <img src="./images/logo-color.jpeg" alt="" width="130px" />
+            </a>
+            <ul>
+                <li><a href="index.html">Home</a></li>
+                <li><a href="about.html">About</a></li>
+                <li><a href="contactUs.html">Contact Us</a></li>
+                <li><a href="login.html" style="color: white; text-decoration: none">Logout</a></li>
+            </ul>
+        </nav>
 
-    <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
-        integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-
-    <link rel="stylesheet" href="./css/style.css"> <!-- Your custom CSS file -->
-    <link rel="stylesheet" href="./css/contactus.css">
-
-</head>
-
-<body>
-
-    <!-- NavBar -->
-    <nav id="navbar" class="navbar navbar-expand-lg navbar-dark fixed-top">
-        <a class="navbar-brand mb-1 nav-heading" href="/index.html" style="font-size: 28px;">
-            <!-- <img src="./medicalLogo.png" /> -->
-            <i class="fa fa-stethoscope" style="font-size:30px;color:white"></i>
-            <img src="./images/logo-color.jpeg" alt="" width="130px">
-        </a>
-        <ul>
-            <li><a href="index.html">Home</a></li>
-            <li><a href="about.html">About</a></li>
-            <li><a href="contactUs.html">Contact Us</a></li>
-            <li><a href="login.html" style="color: white; text-decoration: none;">Logout</a></li>
-        </ul>
-    </nav>
-
-    <div class="contact-form">
-        <h1>Contact us</h1>
-        <div class="container">
-            <div class="main">
-                <div class="content">
-                    <h2>Contact Us</h2>
-                    <form action="#" method="post">
-                        <input type="text" name="name" placeholder="Enter your Name">
-                        <input type="email" name="name" placeholder="Enter your Email">
-                        <textarea name="message" placeholder="Your Message"></textarea>
-                        <button type="submit" class="btn">Send<i class="butn"></i></button>
-                    </form>
-                </div>
-                <div class="form-img">
-                    <img src="./images/contactus.svg" alt="contactus">
+        <div class="contact-form">
+            <h1>Contact us</h1>
+            <div class="container">
+                <div class="main">
+                    <div class="content">
+                        <h2>Contact Us</h2>
+                        <form action="#" method="post">
+                            <input type="text" name="name" placeholder="Enter your Name" />
+                            <input type="email" name="name" placeholder="Enter your Email" />
+                            <textarea name="message" placeholder="Your Message"></textarea>
+                            <button type="submit" class="btn">Send<i class="butn"></i></button>
+                        </form>
+                    </div>
+                    <div class="form-img">
+                        <img src="./images/contactus.svg" alt="contactus" />
+                    </div>
                 </div>
             </div>
         </div>
-    </div>
-
-    <footer>
-        <p class="text-center1">
-            Made by Kiran Amin Panjwani <br>
-            This Project is participating in Hacktoberfest. Copyright © <span id="current-year"></span>.</br></br>
-        </p>
-    </footer>
 
-    <!-- dynamic data code -->
-    <script src="./js/script.js"></script>
+        <footer>
+            <p class="text-center1">
+                Made by Kiran Amin Panjwani <br />
+                This Project is participating in Hacktoberfest. Copyright © <span id="current-year"></span>.<br /><br />
+            </p>
+        </footer>
 
-    <script>
-        const currentYear = new Date().getFullYear();
-        document.getElementById('current-year').textContent = currentYear;
-    </script>
-    
-</body>
+        <!-- dynamic data code -->
+        <script src="./js/script.js"></script>
 
-</html>
\ No newline at end of file
+        <script>
+            const currentYear = new Date().getFullYear();
+            document.getElementById("current-year").textContent = currentYear;
+        </script>
+    </body>
+</html>
diff --git a/index.html b/index.html
index 762514a..60b3823 100644
--- a/index.html
+++ b/index.html
@@ -1,228 +1,243 @@
 <!DOCTYPE html>
 <html>
-
-
-<head>
-  <meta charset="UTF-8">
-  <link rel="Shortcut Icon" type="image/ico" href="images/favicon.svg">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-
-  <title>MedStats</title>
-
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
-    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-  <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
-
-  <link rel="stylesheet" href="./css/style.css"> <!-- Your custom CSS file -->
-
-  <link rel="stylesheet" href="./css/verticalScroll.css">
-
-  <link rel="stylesheet" href="./css/scrollTop.css">
-
-</head>
-
-<body>
-
-  <!-- NavBar -->
-  <nav id="navbar" class="navbar navbar-expand-lg navbar-dark fixed-top">
-    <a class="navbar-brand mb-1 nav-heading" href="/index.html" style="font-size: 28px;">
-      <!-- <img src="./medicalLogo.png" /> -->
-      <i class="fa fa-stethoscope" style="font-size:30px;color:white"></i>
-      <img src="./images/logo-color.jpeg" alt="" width="130px">
-    </a>
-    <ul>
-      <li>Home</li>
-      <li>About</li>
-
-      <li><a href="contactUs.html">Contact Us</a></li>
-      <li><a href="login.html" style="color: white; text-decoration: none;">Login</a></li>
-    </ul>
-  </nav>
-
-  <!-- Section for Adding Health Records -->
-  <div class="container pt-4 mt-5 my-3">
-    <br>
-    <p class="text-center" id="subHead1"><b>Personal Health Journal</b></p>
-    <hr>
-
-    <!-- Modify your form to include unique IDs for input fields -->
-    <form id="MedicalForm">
-      <div class="form-group row">
-        <label for="PatientName" class="col-sm-2 col-form-label">Patient Name:</label>
-        <div class="col-sm-10 position-relative">
-          <input type="text" class="form-control" id="PatientNameInput" placeholder="Patient Name">
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="Shortcut Icon" type="image/ico" href="images/favicon.svg" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+        <title>MedStats</title>
+
+        <link
+            rel="stylesheet"
+            href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+            integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
+            crossorigin="anonymous" />
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
+        <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />
+
+        <link rel="stylesheet" href="./css/style.css" />
+        <!-- Your custom CSS file -->
+
+        <link rel="stylesheet" href="./css/verticalScroll.css" />
+
+        <link rel="stylesheet" href="./css/scrollTop.css" />
+    </head>
+
+    <body>
+        <!-- NavBar -->
+        <nav id="navbar" class="navbar navbar-expand-lg navbar-dark fixed-top">
+            <a class="navbar-brand mb-1 nav-heading" href="/index.html" style="font-size: 28px">
+                <!-- <img src="./medicalLogo.png" /> -->
+                <i class="fa fa-stethoscope" style="font-size: 30px; color: white"></i>
+                <img src="./images/logo-color.jpeg" alt="" width="130px" />
+            </a>
+            <ul>
+                <li>Home</li>
+                <li>About</li>
+
+                <li><a href="contactUs.html">Contact Us</a></li>
+                <li><a href="login.html" style="color: white; text-decoration: none">Login</a></li>
+            </ul>
+        </nav>
+
+        <!-- Section for Adding Health Records -->
+        <div class="container pt-4 mt-5 my-3">
+            <br />
+            <p class="text-center" id="subHead1"><b>Personal Health Journal</b></p>
+            <hr />
+
+            <!-- Modify your form to include unique IDs for input fields -->
+            <form id="MedicalForm">
+                <div class="form-group row">
+                    <label for="PatientName" class="col-sm-2 col-form-label">Patient Name:</label>
+                    <div class="col-sm-10 position-relative">
+                        <input type="text" class="form-control" id="PatientNameInput" placeholder="Patient Name" />
+                    </div>
+                </div>
+                <div class="form-group row">
+                    <label for="Symptoms" class="col-sm-2 col-form-label">Symptoms :</label>
+                    <div class="col-sm-10 position-relative">
+                        <input type="text" class="form-control" id="SymptomsInput" placeholder="Symptoms" />
+                    </div>
+                </div>
+                <div class="form-group row">
+                    <label for="Medications" class="col-sm-2 col-form-label">Medications:</label>
+                    <div class="col-sm-10">
+                        <input type="text" class="form-control" id="MedicationsInput" placeholder="Medications" />
+                    </div>
+                </div>
+                <button type="button" class="btn text-light btn-large btn-block" style="background-color: #b40c57" id="add-record-btn">
+                    Add Your Record
+                </button>
+            </form>
         </div>
-      </div>
-      <div class="form-group row">
-        <label for="Symptoms" class="col-sm-2 col-form-label">Symptoms :</label>
-        <div class="col-sm-10 position-relative">
-          <input type="text" class="form-control" id="SymptomsInput" placeholder="Symptoms">
+
+        <!-- Section for Progress Bar -->
+
+        <div>
+            <section style="background-color: #85365e; padding: 5%; margin-bottom: 0">
+                <h2 style="color: white; font-size: large">Check your progress</h2>
+
+                <ol class="progress-bar">
+                    <li class="is-good" onclick="progressbarPopup(7)">
+                        <div class="popup">
+                            <span
+                                >Excellent<br /><span>July/9/2023</span>
+                                <span class="popuptext" id="Popup7" style="left: -50%">
+                                    <div class="navProgressbar">
+                                        <div class="dateBox">July/9/2023</div>
+                                        <div class="HealthTag" style="background-color: #b1eb9d">Excellent</div>
+                                    </div>
+                                    <hr class="hrPopup" />
+                                    <p class="pPopup">
+                                        😷 Symptoms : Notting <br />
+                                        💊 Medications : Notting
+                                    </p>
+                                </span>
+                            </span>
+                        </div>
+                    </li>
+                    <li class="is-good" onclick="progressbarPopup(6)">
+                        <div class="popup">
+                            <span
+                                >Healthy<br /><span>August/12/2023</span>
+                                <span class="popuptext" id="Popup6" style="left: -50%">
+                                    <div class="navProgressbar">
+                                        <div class="dateBox">August/12/2023</div>
+                                        <div class="HealthTag" style="background-color: #b1eb9d">Healthy</div>
+                                    </div>
+                                    <hr class="hrPopup" />
+                                    <p class="pPopup">
+                                        😷 Symptoms : Notting <br />
+                                        💊 Medications : Notting
+                                    </p>
+                                </span>
+                            </span>
+                        </div>
+                    </li>
+                    <li class="is-fair" onclick="progressbarPopup(5)">
+                        <div class="popup">
+                            <span
+                                >Fair<br /><span>Sep/8/2023</span>
+                                <span class="popuptext" id="Popup5" style="left: -50%">
+                                    <div class="navProgressbar">
+                                        <div class="dateBox">Sep/8/2023</div>
+                                        <div class="HealthTag" style="background-color: #f7e694">Fair</div>
+                                    </div>
+                                    <hr class="hrPopup" />
+                                    <p class="pPopup">
+                                        😷 Symptoms : Fever, High blood pressure<br />
+                                        💊 Medications : Acetaminophen (Tylenol), Lisinopril
+                                    </p>
+                                </span>
+                            </span>
+                        </div>
+                    </li>
+                    <li class="is-poor" onclick="progressbarPopup(4)">
+                        <div class="popup">
+                            <span
+                                >Poor<br /><span>Sep/15/2023</span>
+                                <span class="popuptext" id="Popup4">
+                                    <div class="navProgressbar">
+                                        <div class="dateBox">Sep/15/2023</div>
+                                        <div class="HealthTag" style="background-color: rgb(249, 49, 89); color: white">Poor</div>
+                                    </div>
+                                    <hr class="hrPopup" />
+                                    <p class="pPopup">
+                                        😷 Symptoms : Fever Joint, muscle pain<br />
+                                        💊 Medications : Acetaminophen (Tylenol), <br />Ibuprofen (Advil, Motrin)
+                                    </p>
+                                </span>
+                            </span>
+                        </div>
+                    </li>
+                    <li class="is-improving" onclick="progressbarPopup(3)">
+                        <div class="popup">
+                            <span
+                                >Improving<br /><span>Sep/30/2023</span>
+                                <span class="popuptext" id="Popup3">
+                                    <div class="navProgressbar">
+                                        <div class="dateBox">Sep/30/2023</div>
+                                        <div class="HealthTag" style="background-color: #fceeaa">Improving</div>
+                                    </div>
+                                    <hr class="hrPopup" />
+                                    <p class="pPopup">
+                                        😷 Symptoms : Fever <br />
+                                        💊 Medications : Acetaminophen (Tylenol)
+                                    </p>
+                                </span>
+                            </span>
+                        </div>
+                    </li>
+                    <li class="is-stable" onclick="progressbarPopup(2)">
+                        <div class="popup">
+                            <span
+                                >Stable<br /><span>Oct/3/2023</span>
+                                <span class="popuptext" id="Popup2">
+                                    <div class="navProgressbar">
+                                        <div class="dateBox">Oct/3/2023</div>
+                                        <div class="HealthTag" style="background-color: #fceeaa">Stable</div>
+                                    </div>
+                                    <hr class="hrPopup" />
+                                    <p class="pPopup">
+                                        😷 Symptoms : Fever<br />
+                                        💊 Medications : Acetaminophen (Tylenol)
+                                    </p>
+                                </span>
+                            </span>
+                        </div>
+                    </li>
+
+                    <li class="is-active" onclick="progressbarPopup(1)">
+                        <div class="popup">
+                            <span>Healthy <br /><span>[Today]</span></span
+                            ><span class="popuptext" id="Popup1">
+                                <div class="navProgressbar">
+                                    <div class="dateBox">Today</div>
+                                    <div class="HealthTag" style="background-color: #b1eb9d">Healthy</div>
+                                </div>
+                                <hr class="hrPopup" />
+                                <p class="pPopup">
+                                    😷 Symptoms : Notting<br />
+                                    💊 Medications : Notting
+                                </p>
+                            </span>
+                        </div>
+                    </li>
+                    <li><span></span></li>
+                    <li><span></span></li>
+                    <li><span></span></li>
+                </ol>
+            </section>
         </div>
-      </div>
-      <div class="form-group row">
-        <label for="Medications" class="col-sm-2 col-form-label">Medications:</label>
-        <div class="col-sm-10">
-          <input type="text" class="form-control" id="MedicationsInput" placeholder="Medications">
+        <div class="record-container">
+            <!-- dont remove this div -->
+            <!-- Repeat the above code for each recorded note -->
         </div>
-      </div>
-      <button type="button" class="btn text-light btn-large btn-block" style="background-color: #b40c57;"
-        id="add-record-btn">Add Your Record</button>
-    </form>
-
-
-  </div>
-
-  <!-- Section for Progress Bar -->
 
-  <div>
-    <section style="background-color: #85365e; padding: 5%; margin-bottom: 0;">
-      <h2 style="color: white; font-size: large;">Check your progress</h2>
-
-      <ol class="progress-bar">
-        <li class="is-good" onclick="progressbarPopup(7)">
-          <div class="popup"><span>Excellent</br><span>July/9/2023</span>
-              <span class="popuptext" id="Popup7" style="left: -50%;">
-                <div class="navProgressbar">
-                  <div class="dateBox">July/9/2023</div>
-                  <div class="HealthTag" style="background-color: #b1eb9d;">Excellent</div>
-                </div>
-                <hr class="hrPopup" />
-                <p class="pPopup">😷 Symptoms : Notting <br />
-                  💊 Medications : Notting
-                  </p>
-              </span>
-            </span></div>
-        </li>
-        <li class="is-good" onclick="progressbarPopup(6)">
-          <div class="popup"><span>Healthy</br><span>August/12/2023</span>
-              <span class="popuptext" id="Popup6" style="left: -50%;">
-                <div class="navProgressbar">
-                  <div class="dateBox">August/12/2023</div>
-                  <div class="HealthTag" style="background-color: #b1eb9d;">Healthy</div>
-                </div>
-                <hr class="hrPopup" />
-                <p class="pPopup">😷 Symptoms : Notting <br />
-                  💊 Medications : Notting
-                  </p>
-              </span>
-            </span></div>
-        </li>
-        <li class="is-fair" onclick="progressbarPopup(5)">
-          <div class="popup"><span>Fair</br><span>Sep/8/2023</span>
-              <span class="popuptext" id="Popup5" style="left: -50%;">
-                <div class="navProgressbar">
-                  <div class="dateBox">Sep/8/2023</div>
-                  <div class="HealthTag" style="background-color: #f7e694;">Fair</div>
-                </div>
-                <hr class="hrPopup" />
-                <p class="pPopup">😷 Symptoms : Fever, High blood pressure<br />
-                  💊 Medications : Acetaminophen (Tylenol), Lisinopril
-                  </p>
-              </span>
-            </span></div>
-        </li>
-        <li class="is-poor" onclick="progressbarPopup(4)">
-          <div class="popup"><span>Poor</br><span>Sep/15/2023</span>
-              <span class="popuptext" id="Popup4">
-                <div class="navProgressbar">
-                  <div class="dateBox">Sep/15/2023</div>
-                  <div class="HealthTag" style="background-color: rgb(249, 49, 89); color: white;">Poor</div>
-                </div>
-                <hr class="hrPopup" />
-                <p class="pPopup">😷 Symptoms : Fever Joint, muscle pain<br />
-                  💊 Medications : Acetaminophen (Tylenol), <br/>Ibuprofen (Advil, Motrin)
-                  </p>
-              </span>
-            </span></div>
-        </li>
-        <li class="is-improving" onclick="progressbarPopup(3)">
-          <div class="popup"><span>Improving</br><span>Sep/30/2023</span>
-              <span class="popuptext" id="Popup3">
-                <div class="navProgressbar">
-                  <div class="dateBox">Sep/30/2023</div>
-                  <div class="HealthTag" style="background-color: #fceeaa;">Improving</div>
-                </div>
-                <hr class="hrPopup" />
-                <p class="pPopup">😷 Symptoms : Fever <br />
-                  💊 Medications : Acetaminophen (Tylenol)
-                  </p>
-              </span>
-            </span></div>
-        </li>
-        <li class="is-stable" onclick="progressbarPopup(2)">
-          <div class="popup"><span>Stable</br><span>Oct/3/2023</span>
-              <span class="popuptext" id="Popup2">
-                <div class="navProgressbar">
-                  <div class="dateBox">Oct/3/2023</div>
-                  <div class="HealthTag" style="background-color: #fceeaa;">Stable</div>
-                </div>
-                <hr class="hrPopup" />
-                <p class="pPopup">😷 Symptoms : Fever<br />
-                  💊 Medications : Acetaminophen (Tylenol)
-                  </p>
-              </span>
-          </div>
-          </span>
-
-        </li>
-
-        <li class="is-active" onclick="progressbarPopup(1)">
-          <div class="popup"><span>Healthy
-              </br><span>[Today]</span></span><span class="popuptext" id="Popup1">
-              <div class="navProgressbar">
-                <div class="dateBox">Today</div>
-                <div class="HealthTag" style="background-color: #b1eb9d;">Healthy</div>
-              </div>
-              <hr class="hrPopup" />
-              <p class="pPopup">😷 Symptoms : Notting<br />
-                💊 Medications : Notting
-                </p>
-                
-            </span>
-
-          </div>
-
-        </li>
-        <li><span></span></li>
-        <li><span></span></li>
-        <li><span></span></li>
-      </ol>
-    </section>
-
-  </div>
-  <div class="record-container">
-    <!-- dont remove this div -->
-    <!-- Repeat the above code for each recorded note -->
-  </div>
-
-  <footer>
-    <p class="text-center1">
-      Made by Kiran Amin Panjwani <br>
-      This Project is participating in Hacktoberfest. Copyright © <span id="current-year"></span>.
-      </br></br>
-    </p>
-  </footer>
-
-  <!-- Scroll to top button start -->
-  <button onclick="scrollToTop()" id="backToTopBtn" title="Go to top">
-    <i class="icon-chevron-up"></i>
-  </button>
-  <!-- end -->
-
-  <!-- dynamic data code -->
-  <script src="./js/script.js"></script>
-  <script src="./js/scrollTop.js"></script>
-
-  <script src="./js/progressBar.js"></script>
-
-  <script>
-    const currentYear = new Date().getFullYear();
-    document.getElementById('current-year').textContent = currentYear;
-</script>
-
-</body>
-
-</html>
\ No newline at end of file
+        <footer>
+            <p class="text-center1">
+                Made by Kiran Amin Panjwani <br />
+                This Project is participating in Hacktoberfest. Copyright © <span id="current-year"></span>. <br /><br />
+            </p>
+        </footer>
+
+        <!-- Scroll to top button start -->
+        <button onclick="scrollToTop()" id="backToTopBtn" title="Go to top">
+            <i class="icon-chevron-up"></i>
+        </button>
+        <!-- end -->
+
+        <!-- dynamic data code -->
+        <script src="./js/script.js"></script>
+        <script src="./js/scrollTop.js"></script>
+
+        <script src="./js/progressBar.js"></script>
+
+        <script>
+            const currentYear = new Date().getFullYear();
+            document.getElementById("current-year").textContent = currentYear;
+        </script>
+    </body>
+</html>
diff --git a/login.html b/login.html
index caf68bc..4e2ab91 100644
--- a/login.html
+++ b/login.html
@@ -1,103 +1,93 @@
 <!DOCTYPE html>
 <html>
-
-<head>
-  <meta charset="UTF-8">
-  <link rel="Shortcut Icon" type="image/ico" href="">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <title>MedStats</title>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-  <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
-
-
-
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
-    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-
-  <link rel="stylesheet" href="./css/sign up.css"> <!-- Your custom CSS file -->
-
-</head>
-
-<body>
-  
-   <!-- NavBar -->
-   <nav id="navbar" class="navbar navbar-expand-lg navbar-dark fixed-top">
-    <a class="navbar-brand mb-1 nav-heading" href="/index.html" style="font-size: 28px;">
-      <!-- <img src="./medicalLogo.png" /> -->
-      <i class="fa fa-stethoscope" style="font-size:30px;color:white"></i>
-      <img src="./images/logo-color.jpeg" alt="" width="130px">
-    </a>
-  </nav>
-<section id="sign">
-  <div class="container pt-4 my-5">
-    <br>
-    <p style="font-size:30px;" class="text-center" id="subHead1"><b>Login into your account</b></p>
-    <hr>
-    <div class="form-container">
-      <form id="MedicalForm">
-        <div class="form-group row">
-          <label for="username" class="col-sm-2 col-form-label">Username</label>
-          <div class="col-sm-10 position-relative">
-            <input type="text" class="form-control" id="username" placeholder="Username">
-          </div>
-        </div>
-  
-        <div class="form-group row">
-          <label for="Password" class="col-sm-2 col-form-label">Password</label>
-          <div class="col-sm-10">
-            <input type="password" class="form-control" id="password" placeholder="Password">
-          </div>
-        </div>
-  
-        <a href="index.html" >
-         <button type="button" class="btn text-light btn-large btn-block" style="background-color: #b40c57;" id="add-record-btn">Done</button>
-        </a>
-
-        <p>New here? <a href="sign up.html">sign up</a> and create your account</p>
-      </form>
-    </div>
-
-  </div>
-
-  </div>
-  <footer style="
-  position: fixed; 
-  bottom: 0;
-  left: 0;
-  width: 100%;">
-    <p class="text-center1">
-      Made by Kiran Amin Panjwani 
-      <br>
-      This Project is participating in Hacktoberfest. Copyright © <span id="current-year"></span>.</br></br>
-    </p>
-  </footer>
-
-  <script>
-    const currentYear = new Date().getFullYear();
-    document.getElementById('current-year').textContent = currentYear;
-  </script>
-  <script>
-    // const addRecordBtn = document.getElementById("add-record-btn");
-
-    // addRecordBtn.addEventListener("click", function () {
-    //   alert("Please login inorder to save add your records to your personal journal");
-    // });
-  </script>
-  
-
-</section>
-<section>
-  <footer>
-    <p class="text-center">
-      Made by Kiran Amin Panjwani <br>
-      This Project is participating in Hacktoberfest. Copyright © 2023.</br></br>
-    </p>
-  </footer>
-
-</section>
-
-</body>
-
-</html>
\ No newline at end of file
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="Shortcut Icon" type="image/ico" href="" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+        <title>MedStats</title>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
+        <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />
+
+        <link
+            rel="stylesheet"
+            href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+            integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
+            crossorigin="anonymous" />
+
+        <link rel="stylesheet" href="./css/sign up.css" />
+        <!-- Your custom CSS file -->
+    </head>
+
+    <body>
+        <!-- NavBar -->
+        <nav id="navbar" class="navbar navbar-expand-lg navbar-dark fixed-top">
+            <a class="navbar-brand mb-1 nav-heading" href="/index.html" style="font-size: 28px">
+                <!-- <img src="./medicalLogo.png" /> -->
+                <i class="fa fa-stethoscope" style="font-size: 30px; color: white"></i>
+                <img src="./images/logo-color.jpeg" alt="" width="130px" />
+            </a>
+        </nav>
+        <section id="sign">
+            <div class="container pt-4 my-5">
+                <br />
+                <p style="font-size: 30px" class="text-center" id="subHead1"><b>Login into your account</b></p>
+                <hr />
+                <div class="form-container">
+                    <form id="MedicalForm">
+                        <div class="form-group row">
+                            <label for="username" class="col-sm-2 col-form-label">Username</label>
+                            <div class="col-sm-10 position-relative">
+                                <input type="text" class="form-control" id="username" placeholder="Username" />
+                            </div>
+                        </div>
+
+                        <div class="form-group row">
+                            <label for="Password" class="col-sm-2 col-form-label">Password</label>
+                            <div class="col-sm-10">
+                                <input type="password" class="form-control" id="password" placeholder="Password" />
+                            </div>
+                        </div>
+
+                        <a href="index.html">
+                            <button type="button" class="btn text-light btn-large btn-block" style="background-color: #b40c57" id="add-record-btn">
+                                Done
+                            </button>
+                        </a>
+
+                        <p>New here? <a href="sign up.html">sign up</a> and create your account</p>
+                    </form>
+                </div>
+            </div>
+
+            <footer style="position: fixed; bottom: 0; left: 0; width: 100%">
+                <p class="text-center1">
+                    Made by Kiran Amin Panjwani
+                    <br />
+                    This Project is participating in Hacktoberfest. Copyright © <span id="current-year"></span>.<br /><br />
+                </p>
+            </footer>
+
+            <script>
+                const currentYear = new Date().getFullYear();
+                document.getElementById("current-year").textContent = currentYear;
+            </script>
+            <script>
+                // const addRecordBtn = document.getElementById("add-record-btn");
+
+                // addRecordBtn.addEventListener("click", function () {
+                //   alert("Please login inorder to save add your records to your personal journal");
+                // });
+            </script>
+        </section>
+        <section>
+            <footer>
+                <p class="text-center">
+                    Made by Kiran Amin Panjwani <br />
+                    This Project is participating in Hacktoberfest. Copyright © 2023.<br /><br />
+                </p>
+            </footer>
+        </section>
+    </body>
+</html>
diff --git a/sign up.html b/sign up.html
index 34a5bd3..3280289 100644
--- a/sign up.html	
+++ b/sign up.html	
@@ -1,91 +1,88 @@
 <!DOCTYPE html>
 <html>
-
-<head>
-  <meta charset="UTF-8">
-  <link rel="Shortcut Icon" type="image/ico" href="">
-  <meta http-equiv="X-UA-Compatible" content="IE=edge">
-  <meta name="viewport" content="width=device-width, initial-scale=1.0">
-
-  <title>MedStats</title>
-  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
-  <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet">
-  <link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
-    integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T" crossorigin="anonymous">
-
-  <link rel="stylesheet" href="./css/sign up.css"> <!-- Your custom CSS file -->
-
-</head>
-
-<body>
-
-  <!-- NavBar -->
-  <!-- <nav id="navbar" class="navbar navbar-expand-lg navbar-dark fixed-top"> -->
-  <nav id="navbar">
-    <a class="navbar-brand mb-1 nav-heading" href="/index.html" style="font-size: 28px;">
-      <!-- <img src="./medicalLogo.png" /> -->
-      <i class="fa fa-stethoscope" style="font-size:30px;color:white"></i>
-      <img src="./images/logo-color.jpeg" alt="" width="130px">
-    </a>
-  </nav>
-  <br>
-  <section id="sign">
-    <div class="container">
-      <p style="font-size:30px;" class="text-center" id="subHead1"><b>Sign up</b></p>
-      <hr>
-      <div class="form-container">
-        <form id="MedicalForm">
-          <div class="form-group row">
-            <label for="email" class="col-sm-2 col-form-label">Email Id</label>
-            <div class="col-sm-10 position-relative">
-              <input type="email" class="form-control" id="email" placeholder="Email">
-            </div>
-          </div>
-          <div class="form-group row">
-            <label for="username" class="col-sm-2 col-form-label">Username</label>
-            <div class="col-sm-10 position-relative">
-              <input type="text" class="form-control" id="username" placeholder="Username">
-            </div>
-          </div>
-
-          <div class="form-group row">
-            <label for="Password" class="col-sm-2 col-form-label">Password</label>
-            <div class="col-sm-10">
-              <input type="password" class="form-control" id="password" placeholder="Password">
+    <head>
+        <meta charset="UTF-8" />
+        <link rel="Shortcut Icon" type="image/ico" href="" />
+        <meta http-equiv="X-UA-Compatible" content="IE=edge" />
+        <meta name="viewport" content="width=device-width, initial-scale=1.0" />
+
+        <title>MedStats</title>
+        <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css" />
+        <link href="//netdna.bootstrapcdn.com/font-awesome/3.2.1/css/font-awesome.css" rel="stylesheet" />
+        <link
+            rel="stylesheet"
+            href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css"
+            integrity="sha384-ggOyR0iXCbMQv3Xipma34MD+dH/1fQ784/j6cY/iJTQUOhcWr7x9JvoRxT2MZw1T"
+            crossorigin="anonymous" />
+
+        <link rel="stylesheet" href="./css/sign up.css" />
+        <!-- Your custom CSS file -->
+    </head>
+
+    <body>
+        <!-- NavBar -->
+        <!-- <nav id="navbar" class="navbar navbar-expand-lg navbar-dark fixed-top"> -->
+        <nav id="navbar">
+            <a class="navbar-brand mb-1 nav-heading" href="/index.html" style="font-size: 28px">
+                <!-- <img src="./medicalLogo.png" /> -->
+                <i class="fa fa-stethoscope" style="font-size: 30px; color: white"></i>
+                <img src="./images/logo-color.jpeg" alt="" width="130px" />
+            </a>
+        </nav>
+        <br />
+        <section id="sign">
+            <div class="container">
+                <p style="font-size: 30px" class="text-center" id="subHead1"><b>Sign up</b></p>
+                <hr />
+                <div class="form-container">
+                    <form id="MedicalForm">
+                        <div class="form-group row">
+                            <label for="email" class="col-sm-2 col-form-label">Email Id</label>
+                            <div class="col-sm-10 position-relative">
+                                <input type="email" class="form-control" id="email" placeholder="Email" />
+                            </div>
+                        </div>
+                        <div class="form-group row">
+                            <label for="username" class="col-sm-2 col-form-label">Username</label>
+                            <div class="col-sm-10 position-relative">
+                                <input type="text" class="form-control" id="username" placeholder="Username" />
+                            </div>
+                        </div>
+
+                        <div class="form-group row">
+                            <label for="Password" class="col-sm-2 col-form-label">Password</label>
+                            <div class="col-sm-10">
+                                <input type="password" class="form-control" id="password" placeholder="Password" />
+                            </div>
+                        </div>
+
+                        <a href="index.html">
+                            <button type="button" class="btn text-light btn-large btn-block" style="background-color: #b40c57" id="add-record-btn">
+                                Done
+                            </button>
+                        </a>
+
+                        <p>Have an existing account? <a href="login.html">login</a> here</p>
+                    </form>
+                </div>
             </div>
-          </div>
-
-          <a href="index.html">
-            <button type="button" class="btn text-light btn-large btn-block" style="background-color: #b40c57;"
-              id="add-record-btn">Done</button>
-          </a>
-
-          <p>Have an existing account? <a href="login.html">login</a> here</p>
-        </form>
-      </div>
-
-    </div>
-
-    </div>
-  </section>
-
-  <section>
-    <footer>
-      <p class="text-center">
-        Made by Kiran Amin Panjwani <br>
-        This Project is participating in Hacktoberfest. Copyright © 2023.</br></br>
-      </p>
-    </footer>
-
-  </section>
-
-  <script>
-    // const addRecordBtn = document.getElementById("add-record-btn");
-
-    // addRecordBtn.addEventListener("click", function () {
-    //   alert("Please login inorder to save add your records to your personal journal");
-    // });
-  </script>
-</body>
-
-</html>
\ No newline at end of file
+        </section>
+
+        <section>
+            <footer>
+                <p class="text-center">
+                    Made by Kiran Amin Panjwani <br />
+                    This Project is participating in Hacktoberfest. Copyright © 2023.<br /><br />
+                </p>
+            </footer>
+        </section>
+
+        <script>
+            // const addRecordBtn = document.getElementById("add-record-btn");
+
+            // addRecordBtn.addEventListener("click", function () {
+            //   alert("Please login inorder to save add your records to your personal journal");
+            // });
+        </script>
+    </body>
+</html>
