From 697dd2a3edc34f824e87f49dde18d700d98dd1d7 Mon Sep 17 00:00:00 2001
From: "github-actions[bot]" <github-actions[bot]@users.noreply.github.com>
Date: Fri, 7 Jun 2024 11:58:05 +0530
Subject: [PATCH] removeoverlaping of doctor ,patient and appointment section

---
 index.html | 394 ++++++++++++++++++++++-------------------------------
 style.css  |   1 +
 2 files changed, 165 insertions(+), 230 deletions(-)

diff --git a/index.html b/index.html
index 2206baae..de456d18 100644
--- a/index.html
+++ b/index.html
@@ -492,243 +492,177 @@ <h4><a href="https://www.medicalnewstoday.com/">Health Post</a></h4>
     </section><!-- End Services Section -->
 
     <!-- Add Patient Portal Section -->
-
-  <section id="patient-portal" class="patient-portal">
-      <div class="container-patientportal">
-      <div class="section-title" id="section-patientportal">
-
-        <h2>Patient Portal</h2>
-        <p>Access your medical records, lab results, and prescription history securely.</p>
-        <!-- <p>The Patient Portal is your personalized online gateway to your health information. Whether you need to check your recent lab results, review your prescription history, or update your personal details, the Patient Portal provides a convenient and secure platform for managing your healthcare needs.</p> -->
-      </div>
-      <div class="container">
-
-
-      <!-- Add Login Form for Patient Portal -->
-      
-          <div class="login-box">
-              <div class="avatar">
-                  <img src="img\avatar.png" alt="Avatar">
-              </div>
-              <form>
-                  <div class="textbox">
-                      <i class="fas fa-user"></i>
-                      <input type="text" placeholder="Username" name="username" required>
-                  </div>
-                  <div class="textbox">
-                      <i class="fas fa-lock"></i>
-                      <input type="password" placeholder="Password" name="password" required>
-                  </div>
-                  <input type="submit" class="btn" value="SUBMIT">
-                  <div class="register-link">
-                      <a href="#">Not registered yet? Register Here</a>
-                  </div>
-                  <div class="forgot-password" id="forgot-password-patient-portal">
-                    <a href="forgot-password.php">Forgot Your Password?</a>
-                  </div>
-              </form>
-          </div>
-
-
-      <!-- Add Forgot Password Link -->
-
-
-    <!-- ############# Appointment Section ############# -->
-
-
-    <section id="appointment" class="appointment section-bg">
-
-      <div class="container">
-        <div class="section-title">
-          <h2>Make an Appointment</h2>
-          <p>We listed the docs, we made you a form. You make us an appointment.</p><br><br>
-        </div>
-        <div class="layout">
-          <form accept="" role="form" class="php-email-form">
-            <div class="row">
-
-              <div class="col-md-4 form-group">
-
-                <input type="text" name="name" class="form-control" id="name" placeholder="Your Name">
-              </div>
-              <div class="col-md-4 form-group mt-3 mt-md-0">
-                <input type="email" class="form-control" name="email" id="email" placeholder="Your Email">
-              </div>
-              <div class="col-md-4 form-group mt-3 mt-md-0">
-
-                <input type="tel" class="form-control" name="phone" id="phone" placeholder="Your Phone" maxlength="10"
-                  minlength="10" pattern="[0-9]*" style="width: 100%;"
-              </div>
+   
+    
+    <section id="patient-portal" class="patient-portal">
+        <div class="container-patientportal">
+            <div class="section-title" id="section-patientportal">
+                <h2>Patient Portal</h2>
+                <p>Access your medical records, lab results, and prescription history securely.</p>
             </div>
-            <div class="row">
-              <div class="col-md-4 form-group mt-3">
-
-                <input type="date" name="date" class="form-control datepicker" id="date" placeholder="Appointment Date">
-
-                <script>   //To set value of minimum date in calender 
-                  var currentDate = new Date();
-                  var year = currentDate.getFullYear();
-                  var month = (currentDate.getMonth() + 1).toString().padStart(2, '0');
-                  var day = currentDate.getDate().toString().padStart(2, '0');
-                  var formattedDate = `${year}-${month}-${day}`;
-
-                  document.getElementById('date').setAttribute('min', formattedDate);
-                </script>
-
-              </div>
-              <div class="col-md-4 form-group mt-3">
-                <select name="age" id="age" class="form-select">
-                  <option value="">Select Age</option>
-                  <option value="Department 1">18 or below</option>
-                  <option value="Department 2">18 to 55</option>
-                  <option value="Department 3">55 above</option>
-                </select>
-              </div>
-              <div class="col-md-4 form-group mt-3">
-                <select name="doctor" id="doctor" class="form-select">
-                  <option value="">Your Location</option>
-                  <option value="Doctor 1">Mumbai</option>
-                  <option value="Doctor 2">Delhi</option>
-                  <option value="Doctor 3">Chennai</option>
-                  <!-- Add more locations as needed -->
-                </select>
-              </div>
-            </div>
-
-            <!-- Time Slot Section -->
-            <div class="row">
-              <div class="col-md-12 form-group mt-3">
-
-                <select name="time-slot" id="time-slot" class="form-select">
-                  <option value="">Select Time Slot</option>
-                  <!-- Populate with available time slots -->
-                  <option value="9:00 AM">9:00 AM</option>
-                  <option value="11:00 AM">11:00 AM</option>
-                  <option value="2:00 PM">2:00 PM</option>
-                  <!-- Add more time slots as needed -->
-                </select>
-              </div>
-            </div>
-
-            <!-- Hospital Selection Section -->
-            <div class="row">
-              <div class="col-md-12 form-group mt-3">
-
-                <select name="hospital" id="hospital" class="form-select">
-                  <option value="">Select Hospital</option>
-                  <!-- Populate with available hospitals -->
-                  <option value="Hospital 1">Hospital 1</option>
-                  <option value="Hospital 2">Hospital 2</option>
-                  <option value="Hospital 3">Hospital 3</option>
-                  <!-- Add more hospitals as needed -->
-                </select>
-              </div>
-            </div>
-
-            <!-- OPD Section -->
-            <div class="row">
-              <div class="col-md-12 form-group mt-3">
-
-                <select name="opd-section" id="opd-section" class="form-select">
-                  <option value="">Select OPD Section</option>
-                  <!-- Populate with available OPD sections -->
-                  <option value="ENT">ENT</option>
-                  <option value="Gynecologist">Gynecologist</option>
-                  <!-- Add more OPD sections as needed -->
-                </select>
-              </div>
+            <div class="container">
+                <div class="login-box">
+                    <div class="avatar">
+                        <img src="img/avatar.png" alt="Avatar">
+                    </div>
+                    <form>
+                        <div class="textbox">
+                            <i class="fas fa-user"></i>
+                            <input type="text" placeholder="Username" name="username" required>
+                        </div>
+                        <div class="textbox">
+                            <i class="fas fa-lock"></i>
+                            <input type="password" placeholder="Password" name="password" required>
+                        </div>
+                        <input type="submit" class="btn" value="SUBMIT">
+                        <div class="register-link">
+                            <a href="#">Not registered yet? Register Here</a>
+                        </div>
+                        <div class="forgot-password" id="forgot-password-patient-portal">
+                            <a href="forgot-password.php">Forgot Your Password?</a>
+                        </div>
+                    </form>
+                </div>
             </div>
-
-            <div class="form-group mt-3">
-              <textarea class="form-control" name="message" rows="5" placeholder="Message (Optional)"></textarea>
+        </div>
+    </section>
+    
+    <section id="appointment" class="appointment section-bg">
+        <div class="container">
+            <div class="section-title">
+                <h2>Make an Appointment</h2>
+                <p>We listed the docs, we made you a form. You make us an appointment.</p><br><br>
             </div>
-            <div class="text-center">
-              <a href="successful_appointment.html" style="text-decoration: none;">
-                <button type="submit">Make an Appointment</button>
-              </a>
+            <div class="layout">
+                <form action="successful_appointment.html" method="post" role="form" class="php-email-form">
+                    <div class="row">
+                        <div class="col-md-4 form-group">
+                            <label for="name">Your Name</label>
+                            <input type="text" name="name" class="form-control" id="name" placeholder="Your Name" required>
+                        </div>
+                        <div class="col-md-4 form-group mt-3 mt-md-0">
+                            <label for="email">Your Email</label>
+                            <input type="email" class="form-control" name="email" id="email" placeholder="Your Email" required>
+                        </div>
+                        <div class="col-md-4 form-group mt-3 mt-md-0">
+                            <label for="phone">Your Phone</label>
+                            <input type="tel" class="form-control" name="phone" id="phone" placeholder="Your Phone" maxlength="10" minlength="10" pattern="[0-9]*" required>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-4 form-group mt-3">
+                            <label for="date">Appointment Date</label>
+                            <input type="date" name="date" class="form-control datepicker" id="date" placeholder="Appointment Date" required>
+                        </div>
+                        <div class="col-md-4 form-group mt-3">
+                            <label for="age">Select Age</label>
+                            <select name="age" id="age" class="form-select" required>
+                                <option value="">Select Age</option>
+                                <option value="18 or below">18 or below</option>
+                                <option value="18 to 55">18 to 55</option>
+                                <option value="55 above">55 above</option>
+                            </select>
+                        </div>
+                        <div class="col-md-4 form-group mt-3">
+                            <label for="location">Your Location</label>
+                            <select name="location" id="location" class="form-select" required>
+                                <option value="">Your Location</option>
+                                <option value="Mumbai">Mumbai</option>
+                                <option value="Delhi">Delhi</option>
+                                <option value="Chennai">Chennai</option>
+                                <!-- Add more locations as needed -->
+                            </select>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-12 form-group mt-3">
+                            <label for="time-slot">Select Time Slot</label>
+                            <select name="time-slot" id="time-slot" class="form-select" required>
+                                <option value="">Select Time Slot</option>
+                                <option value="9:00 AM">9:00 AM</option>
+                                <option value="11:00 AM">11:00 AM</option>
+                                <option value="2:00 PM">2:00 PM</option>
+                                <!-- Add more time slots as needed -->
+                            </select>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-12 form-group mt-3">
+                            <label for="hospital">Select Hospital</label>
+                            <select name="hospital" id="hospital" class="form-select" required>
+                                <option value="">Select Hospital</option>
+                                <option value="Hospital 1">Hospital 1</option>
+                                <option value="Hospital 2">Hospital 2</option>
+                                <option value="Hospital 3">Hospital 3</option>
+                                <!-- Add more hospitals as needed -->
+                            </select>
+                        </div>
+                    </div>
+                    <div class="row">
+                        <div class="col-md-12 form-group mt-3">
+                            <label for="opd-section">Select OPD Section</label>
+                            <select name="opd-section" id="opd-section" class="form-select" required>
+                                <option value="">Select OPD Section</option>
+                                <option value="ENT">ENT</option>
+                                <option value="Gynecologist">Gynecologist</option>
+                                <!-- Add more OPD sections as needed -->
+                            </select>
+                        </div>
+                    </div>
+                    <div class="form-group mt-3">
+                        <label for="message">Message (Optional)</label>
+                        <textarea class="form-control" name="message" rows="5" placeholder="Message (Optional)"></textarea>
+                    </div>
+                    <div class="text-center">
+                        <button type="submit">Make an Appointment</button>
+                    </div>
+                </form>
             </div>
-          </form>
-
         </div>
-
-      </div>
-    </section><!-- End Appointment Section -->
-
-
-
-    <!-- ################# Doctors Section ################# -->
-
-
+    </section>
+    
     <section id="doctors" class="doctors">
-
-      <div class="section-title">
-        <h2>Doctors</h2>
-        <p>Don’t compromise your health when we have listed the best doctors for you!</p>
-      </div>
-      <div class="container">
-
-        <div class="row">
-
-          <div class="col-lg-6">
-            <div class="member d-flex align-items-start">
-              <div class="pic"><img src="img/doctors/1.png" class="img-fluid" alt=""
-                  style="width: 188px; height: 188px;"></div>
-              <div class="member-info">
-                <h4>Dermatologist</h4>
-                <br>
-                <div class="nxt-pg"><a href="Html-Files/doc.html"><button type="">Appoint a Doctor</button></a></div>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-lg-6 mt-4 mt-lg-0">
-            <div class="member d-flex align-items-start">
-              <div class="pic"><img src="img/doctors/2.png" class="img-fluid" alt=""></div>
-              <div class="member-info">
-                <h4>Gynecologist</h4>
-                <br>
-                <div class="nxt-pg"><a href="Html-Files/doc.html"><button type="">Appoint a Doctor</button></a></div>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-lg-6 mt-4">
-            <div class="member d-flex align-items-start">
-              <div class="pic"><img src="img/doctors/3.png" class="img-fluid" alt=""
-                  style="width: 188px; height: 188px;"></div>
-              <div class="member-info">
-                <h4>Cardiologist</h4>
-                <br>
-                <div class="nxt-pg"><a href="Html-Files/doc.html"><button type="">Appoint a Doctor</button></a></div>
-              </div>
-            </div>
-          </div>
-
-          <div class="col-lg-6 mt-4">
-            <div class="member d-flex align-items-start">
-              <div class="pic"><img src="img/doctors/4.png" class="img-fluid" alt=""
-                  style="width: 188px; height: 188px;"></div>
-              <div class="member-info">
-                <h4>ENT</h4>
-                <br>
-                <div class="nxt-pg"><a href="Html-Files/doc.html"><button type="">Appoint a Doctor</button></a></div>
-              </div>
-            </div>
-          </div>
-          <div class="col-lg-6 mt-4">
-            <div class="member d-flex align-items-start">
-              <div class="pic"><img src="img/doctors/Image(13).png" class="img-fluid" alt=""
-                  style="width: 188px; height: 188px;"></div>
-              <div class="member-info">
-                <h4>Pediatrician</h4>
-                <br>
-                <div class="nxt-pg"><a href="Html-Files/doc.html"><button type="">Appoint a Doctor</button></a></div>
-              </div>
-            </div>
-          </div>
+        <div class="section-title">
+            <h2>Doctors</h2>
+            <p>Don’t compromise your health when we have listed the best doctors for you!</p>
         </div>
-      </div>
-    </section><!-- End Doctors Section -->
+        <div class="container">
+            <div class="row">
+                <div class="col-lg-6">
+                    <div class="member d-flex align-items-start">
+                        <div class="pic"><img src="img/doctors/1.png" class="img-fluid" alt="" style="width: 188px; height: 188px;"></div>
+                        <div class="member-info">
+                            <h4>Dermatologist</h4>
+                            <br>
+                            <div class="nxt-pg"><a href="Html-Files/doc.html"><button type="button">Appoint a Doctor</button></a></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-6 mt-4 mt-lg-0">
+                    <div class="member d-flex align-items-start">
+                        <div class="pic"><img src="img/doctors/2.png" class="img-fluid" alt=""></div>
+                        <div class="member-info">
+                            <h4>Gynecologist</h4>
+                            <br>
+                            <div class="nxt-pg"><a href="Html-Files/doc.html"><button type="button">Appoint a Doctor</button></a></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-6 mt-4">
+                    <div class="member d-flex align-items-start">
+                        <div class="pic"><img src="img/doctors/3.png" class="img-fluid" alt="" style="width: 188px; height: 188px;"></div>
+                        <div class="member-info">
+                            <h4>Cardiologist</h4>
+                            <br>
+                            <div class="nxt-pg"><a href="Html-Files/doc.html"><button type="button">Appoint a Doctor</button></a></div>
+                        </div>
+                    </div>
+                </div>
+                <div class="col-lg-6 mt-4">
+                    <div class="member d-flex align-items-start">
+                        <div class="pic"><img src="img/doctors/4.png" class="img-fluid" alt="" style="width: 188px; height: 188px;"></div>
+  
+    <!-- End Doctors Section -->
 
 
     <!-- ################# Contact Section ################# -->
diff --git a/style.css b/style.css
index cb76f3ac..d1fef8fb 100644
--- a/style.css
+++ b/style.css
@@ -1751,6 +1751,7 @@ footer {
   color: #29888a;
   /* Sets a blue color for the heading */
   text-align: center;
+  
 }
 
 .section-title p {