Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

Sign up for GitHub

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

I made beautiful patient portal section and also aligned the services … #283

Closed
wants to merge 1 commit into from
Closed

I made beautiful patient portal section and also aligned the services … #283

Show file tree
Hide file tree
Changes from all commits
Commits
Show all changes
1 commit
Select commit
File filter

Filter by extension

Filter by extension
Conversations
Failed to load comments.
Loading
Jump to
Jump to file
Failed to load files.
Loading
Diff view
Diff view
230 changes: 115 additions & 115 deletions index.html
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -290,139 +290,139 @@ <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">
<section id="patient-portal" class="patient-portal section-bg">
<div class="container">

<div class="section-title">
<h2>Patient Portal</h2>
<p>Access your medical records, lab results, and prescription history securely.</p>
</div>
<div class="section-title">
<h2>Patient Portal</h2>
<p>Access your medical records, lab results, and prescription history securely.</p>
</div>

<!-- Add Login Form for Patient Portal -->
<div class="login-form">
<form action="login.php" method="post">
<!-- Add Login Form for Patient Portal -->
<div class="login-form">
<form action="login.php" method="post" class="php-email-form">
<div class="row">
<div class="form-group">
<input type="email" class="form-control" name="email" placeholder="Your Email" required>
Your Email
</div>
<div class="form-group">
<input type="password" class="form-control" name="password" placeholder="Your Password" required>
Password
</div>
<div class="text-center"><button type="submit">Login</button></div>
</form>
</div>

<!-- Add Forgot Password Link -->
<div class="forgot-password">
<a href="forgot-password.php">Forgot Your Password?</a>
</div>

</div>
</section><!-- End Patient Portal Section -->

<!-- ############# 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">
</div>
</div>
<div class="row">
<div class="col-md-4 form-group mt-3">
<input type="datetime" name="date" class="form-control datepicker" id="date" placeholder="Appointment Date">
</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 class="form-group" id="login">
Login
</div>
</form>
</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>
<!-- Add Forgot Password Link -->
<div class="forgot-password text-center mt-3" id="forgot">
<a href="forgot-password.php">Forgot Your Password?</a>
</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>
</section><!-- End Patient Portal Section -->

<!-- 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>
<!-- ############# 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>

<div class="form-group mt-3">
<textarea class="form-control" name="message" rows="5" placeholder="Message (Optional)"></textarea>
</div>
<div class="text-center">
<a href="successful_appointment.html" style="text-decoration: none;">
<button type="submit">Make an Appointment</button>
</a>
</div>
</form>
<div class="layout">
<form accept="" role="form" class="php-email-form">
<div class="row" id="section-cards">
<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">
</div>
</div>
<div class="row">
<div class="col-md-4 form-group mt-3">
<input type="datetime" name="date" class="form-control datepicker" id="date" placeholder="Appointment Date">
</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>

</div>
</section><!-- End Appointment Section -->
<!-- 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>

<div class="form-group mt-3">
<textarea class="form-control" name="message" rows="5" placeholder="Message (Optional)"></textarea>
</div>
<div class="text-center mt-3">
<a href="successful_appointment.html" style="text-decoration: none;">
<button type="submit">Make an Appointment</button>
</a>
</div>
</form>
</div>

</div>
</section><!-- End Appointment Section -->




Expand Down
34 changes: 32 additions & 2 deletions style.css
View file
Open in desktop
Original file line number Diff line number Diff line change
Expand Up @@ -277,7 +277,7 @@ h1, h2, h3, h4, h5, h6 {
}
/*################----Sections General----################*/
section {
padding: 60px 0;
padding: 60px 0px;
overflow: hidden;
}

Expand Down Expand Up @@ -322,11 +322,18 @@ section {
}

.section-title p {
margin-bottom: 0;
padding-left: 0px;
}

.icon-box{
width: 500px;
height: 200px;
}





/*################----Home Section----################*/
#home {
width: 100%;
Expand Down Expand Up @@ -837,6 +844,29 @@ section {



/*################----Patient-Portal----################*/
.form-group{
height: 50px;
width: 250px;
border-radius: 30px;
background-color: white;
color: #000;
display: flex;
justify-content: center;
align-items: center;
margin-bottom: 50px;
}

#forgot{
margin-top: 110px;
margin-left: -200px;
}

#login{
margin-left: 25px;
}


/*################----Appointments----################*/
.layout{
/*border: 2px solid #ccc; */
Expand Down