From 52849dd4c8e8d6e598d474f4dcbd4b5041964fff Mon Sep 17 00:00:00 2001
From: Stuti <stutirajput2003@gmail.com>
Date: Wed, 15 May 2024 19:21:42 +0530
Subject: [PATCH 1/2] Enhanced UI of Patient Portal section

---
 index.html |  2 +-
 style.css  | 66 ++++++++++++++++++++++++++++++++++++++++++++++++++++++
 2 files changed, 67 insertions(+), 1 deletion(-)

diff --git a/index.html b/index.html
index 0fde1e7e..009287c6 100644
--- a/index.html
+++ b/index.html
@@ -329,7 +329,7 @@ <h4><a href="https://www.medicalnewstoday.com/">Health Post</a></h4>
     <div class="container">
 
       <div class="section-title">
-        <h2>Patient Portal</h2>
+        <h1>Patient Portal</h1>
         <p>Access your medical records, lab results, and prescription history securely.</p>
       </div>
 
diff --git a/style.css b/style.css
index 20a1de0f..dd1ddbe1 100644
--- a/style.css
+++ b/style.css
@@ -1363,3 +1363,69 @@ section {
   visibility: visible;
   opacity: 1;
 }
+
+
+/* Style for pateint portal  */
+/* -----***************************************-----  */
+.container {
+  width: 90%;
+  max-width: 600px; /* Maximum width of the container */
+  margin: 0 auto; /* Centers the container */
+  padding: 20px;
+  box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Adds shadow to the container */
+  background-color: white;
+  text-align: center; /* White background for the content area */
+}
+/* Section title styling */
+.section-title h1 {
+  color: #29888a; /* Sets a blue color for the heading */
+  text-align: center;
+}
+.section-title p {
+  text-align: center;
+  color: #000;
+  font-size: 16px;
+}
+/* Form styling */
+.form-group {
+  margin-bottom: 15px; /* Adds bottom margin for form-group */
+}
+.form-control {
+  width: 90%; /* Full width */
+  padding: 10px;
+  border: 1px solid #ccc; /* Light gray border */
+  border-radius: 4px; /* Rounded corners */
+}
+button {
+  background-color: #29888a; /* Blue background for the button */
+  color: white;
+  border: none;
+  padding: 10px 20px;
+  border-radius: 4px;
+  cursor: pointer;
+}
+button:hover {
+  background-color: #1c413b; /* Darker blue on hover */
+}
+
+/* Forgot password link styling */
+.forgot-password {
+  text-align: center; /* Center-aligns the forgot password link */
+  margin-top: 10px;
+}
+.forgot-password a {
+  color: #29888a;
+  text-decoration: none;
+}
+.forgot-password a:hover {
+  text-decoration: underline;
+}
+/* Text centering */
+.text-center {
+  text-align: center; /* Centers the login button */
+}
+.login-form {
+  width: 100%;
+}
+
+/* -----***************************************-----  */

From 08b5045232d8ce85b4969b970f6d0843fc697dd1 Mon Sep 17 00:00:00 2001
From: Stuti <stutirajput2003@gmail.com>
Date: Thu, 16 May 2024 10:58:36 +0530
Subject: [PATCH 2/2] Enhanced UI of Patient Portal section

---
 index.html |  4 ++--
 style.css  | 20 ++++++++++++--------
 2 files changed, 14 insertions(+), 10 deletions(-)

diff --git a/index.html b/index.html
index 009287c6..e68737b5 100644
--- a/index.html
+++ b/index.html
@@ -337,10 +337,10 @@ <h1>Patient Portal</h1>
       <div class="login-form">
         <form action="login.php" method="post">
           <div class="form-group">
-            <input type="email" class="form-control" name="email" placeholder="Your Email" required>
+            <input type="email" class="form-control2" name="email" placeholder="Your Email" required>
           </div>
           <div class="form-group">
-            <input type="password" class="form-control" name="password" placeholder="Your Password" required>
+            <input type="password" class="form-control2" name="password" placeholder="Your Password" required>
           </div>
           <div class="text-center"><button type="submit">Login</button></div>
         </form>
diff --git a/style.css b/style.css
index dd1ddbe1..655edf87 100644
--- a/style.css
+++ b/style.css
@@ -1367,15 +1367,16 @@ section {
 
 /* Style for pateint portal  */
 /* -----***************************************-----  */
-.container {
+ .patient-portal {
   width: 90%;
   max-width: 600px; /* Maximum width of the container */
   margin: 0 auto; /* Centers the container */
-  padding: 20px;
-  box-shadow: 0 4px 8px rgba(0,0,0,0.1); /* Adds shadow to the container */
-  background-color: white;
-  text-align: center; /* White background for the content area */
-}
+   padding: 20px; 
+   box-shadow: 0 4px 8px rgba(0,0,0,0.1);  
+   background-color: white;
+   text-align: center; 
+   margin-bottom: 7%;
+} 
 /* Section title styling */
 .section-title h1 {
   color: #29888a; /* Sets a blue color for the heading */
@@ -1390,11 +1391,12 @@ section {
 .form-group {
   margin-bottom: 15px; /* Adds bottom margin for form-group */
 }
-.form-control {
-  width: 90%; /* Full width */
+.form-control2 {
+  width: 60%; /* Full width */
   padding: 10px;
   border: 1px solid #ccc; /* Light gray border */
   border-radius: 4px; /* Rounded corners */
+  text-align: center;
 }
 button {
   background-color: #29888a; /* Blue background for the button */
@@ -1426,6 +1428,8 @@ button:hover {
 }
 .login-form {
   width: 100%;
+  margin: auto 0 ;
+  text-align: center;
 }
 
 /* -----***************************************-----  */