Merge pull request #1082 from dhairyagothi/main

Fixing patient portal and no of visitor icon in mobile view
Anishkagupta04 · Aug 2, 2024 · ee9b31f · ee9b31f
2 parents 74a3159 + b297e37
commit ee9b31f
Show file tree

Hide file tree

Showing 2 changed files with 34 additions and 5 deletions.
diff --git a/index.css b/index.css
@@ -1003,6 +1003,14 @@ body {
     .avatar img {
       max-width: 80%;
     }
+
+    .avatar {
+        margin: 30px -62px;
+    }
+    .visitor-counter{
+        bottom: 1%;
+        left: 4%;
+    }
   }
 
   @media screen and (max-width: 767px) {
@@ -1034,6 +1042,13 @@ body {
     .register-link p, .forgot-password a {
       font-size: 12px;
     }
+    .avatar {
+        margin: 30px -62px;
+    }
+    .visitor-counter{
+        bottom: 1%;
+        left: 4%;
+    }
   }
   @media screen and (width: 463px) and (height: 592px) {
     .section-title h2 {
@@ -1051,8 +1066,18 @@ body {
     .avatar img {
       max-width: 30%;
     }
+
+    .avatar {
+        margin: 46px 15px;
+    }
+    .visitor-counter{
+        bottom: 1%;
+        left: 4%;
+    }
+
   }
   .doc-app:hover{
     background-color: teal !important;
     font-size: 15px;
+
   }
diff --git a/index.html b/index.html
@@ -344,16 +344,16 @@ <h2>Patient Portal</h2>
           <p>Access your medical records, lab results, and prescription history securely.</p>
         </div>
         <div class="container">
-
+    
           <!-- Add Login Form for Patient Portal -->
           <div class="login-box">
             <div class="avatar">
-              <img src="img/avatar.png" height="280px" width="263px" alt="Avatar">
+              <img src="img/avatar.png" height="220px" width="263px" alt="Avatar">
             </div>
-            <form>
+            <form id="loginForm">
               <div class="textbox">
                 <i class="fas fa-user"></i>
-                <input type="text" placeholder="Username" name="username" required class="t1">
+                <input type="text" placeholder="Username" name="username" required>
               </div>
               <br>
               <div class="textbox">
@@ -363,13 +363,17 @@ <h2>Patient Portal</h2>
               <br>
               <input type="submit" class="btn" value="SUBMIT">
               <div class="register-link">
+                <a href="#">Not registered yet? Register Here</a>
                 <p style="font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 15px;">Not registered yet?<a href="./log/login.html" style="font-family: Verdana, Geneva, Tahoma, sans-serif;"> Register Here</a></p>
+
               </div>
               <div class="forgot-password" id="forgot-password-patient-portal">
-                <a style="font-family: Verdana, Geneva, Tahoma, sans-serif; font-size: 14px;" href="forgot-password.php">Forgot Your Password?</a>
+                <a href="forgot-password.php">Forgot Your Password?</a>
               </div>
             </form>
+            <div id="loginMessage" class="popup-message"></div>
           </div>
+
         </div>
       </div>
     </section>