ikan Uploader :
Directory : /var/www/html/shardahospital.org/drbooking/html/
Upload File : |
| Current File : /var/www/html/shardahospital.org/drbooking/html/doctor.html |
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- The above 3 meta tags *must* come first in the head; any other head content must come *after* these tags -->
<title>Hospital Booking</title>
<!-- [favicon Start] -->
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon.png">
<!-- [favicon End] -->
<!-- All CSS inclueded in one -->
<link href="css/bootstrap.css" rel="stylesheet" type="text/css">
<link href="css/bootstrap-icons.css" rel="stylesheet" type="text/css">
<link href="css/custom.css" rel="stylesheet" type="text/css">
<script src="https://use.fontawesome.com/267f3d102f.js"></script>
</head>
<body class="bg-3">
<div class="main-wraper ">
<section class="header" id="header-home">
<div class="container-fluid">
<div class="row">
<div class="col-md-3">
<div class="logo">
<a href="index.html"><img src="images/logo.png"></a>
</div>
</div>
<div class="col-md-6">
<div class="header-location">
<p class="online">You are in <strong>Greater Noida</strong></p>
</div>
</div>
<div class="col-md-3">
<div class="right-header">
<ul>
<li><a href="#"><i class="bi bi-question-circle"></i> Need Help </a></li>
<li><a href="#"><i class="bi bi-person-circle"></i> Login / Signup </a></li>
</ul>
</div>
</div>
</div>
</div>
</section>
<div class="doctor-detail">
<div class="container">
<div class="row">
<div class="col-md-4">
<div class="doc-info">
<div class="image">
<img src="images/doc.png">
</div>
<div class="conant">
<h4>Dr. Ashok Kumar Aggarwal</h4>
<p>Professor Emeritus, Internal Medicine</p>
<ul>
<li><i class="bi bi-briefcase"></i> General Surgery</li>
<li><i class="bi bi-globe"></i> English ,Hindi</li>
</ul>
<div class="heading-line">
<h5>About </h5>
</div>
<p>Dr. Vijay Sharma is a Consultant at Sharda Hospital with impeccable educational and practical background. Apart from his interest in Urology & Renal Transplant, he has been a part of renowned hospital which makes him a pro in this field. Dr. Sharma a gold medalist is actively taking part in development to Kidney Transplant unit in Sharda Hospital.</p>
</div>
</div>
</div>
<div class="col-md-8">
<div class="doc-form">
<div class="heading-line">
<h5>Select Date </h5>
</div>
<div class="date-sec">
<input type="date" name="date">
</div>
<div class="heading-line">
<h5>Select Time </h5>
</div>
<div class="time-tabing">
<ul class="nav nav-tabs" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="home-tab" data-bs-toggle="tab" data-bs-target="#home" type="button" role="tab" aria-controls="home" aria-selected="true">Morning</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="profile-tab" data-bs-toggle="tab" data-bs-target="#profile" type="button" role="tab" aria-controls="profile" aria-selected="false">Afternoon</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="contact-tab" data-bs-toggle="tab" data-bs-target="#contact" type="button" role="tab" aria-controls="contact" aria-selected="false">Evening</button>
</li>
</ul>
<div class="tab-content" id="myTabContent">
<div class="tab-pane fade show active" id="home" role="tabpanel" aria-labelledby="home-tab">
<div class="radio-sec">
<label class="labcoms">
<input type="radio" name="radio" checked>
<span class="checkmark"><strong>10:00 - 11:00</strong></span>
</label>
<label class="labcoms">
<input type="radio" name="radio">
<span class="checkmark"><strong>11:00 - 11:30</strong></span>
</label>
<label class="labcoms">
<input type="radio" name="radio">
<span class="checkmark"><strong>11:30 - 12:00</strong></span>
</label>
</div>
</div>
<div class="tab-pane fade" id="profile" role="tabpanel" aria-labelledby="profile-tab">
<div class="radio-sec">
<label class="labcoms">
<input type="radio" name="radio1">
<span class="checkmark"><strong>01:00 - 01:30</strong></span>
</label>
<label class="labcoms">
<input type="radio" name="radio1">
<span class="checkmark"><strong>02:00 - 02:30</strong></span>
</label>
<label class="labcoms">
<input type="radio" name="radio1">
<span class="checkmark"><strong>02:30 - 03:00</strong></span>
</label>
</div>
</div>
<div class="tab-pane fade" id="contact" role="tabpanel" aria-labelledby="contact-tab">
<div class="radio-sec">
<label class="labcoms">
<input type="radio" name="radio2">
<span class="checkmark"><strong>06:00 - 06:30</strong></span>
</label>
<label class="labcoms">
<input type="radio" name="radio2">
<span class="checkmark"><strong>07:00 - 07:30</strong></span>
</label>
<label class="labcoms">
<input type="radio" name="radio2">
<span class="checkmark"><strong>07:30 - 08:00</strong></span>
</label>
</div>
</div>
</div>
</div>
<div class="heading-line">
<h5>Personal Details </h5>
</div>
<div class="p-data">
<div class="row">
<div class="col-md-8">
<div class="pdata-form">
<input type="text" placeholder="Enter your Full Name">
</div>
</div>
<div class="col-md-8">
<div class="pdata-form">
<input type="text" placeholder="Enter your Full Name">
</div>
</div>
<div class="col-md-8">
<div class="pdata-form">
<input type="text" placeholder="Mobile Number">
</div>
</div>
<div class="col-md-2">
<div class="pdata-form">
<input type="text" placeholder="Enter OTP">
</div>
</div>
<div class="col-md-4">
<div class="pdata-form">
<input type="text" placeholder="Date of Birth">
</div>
</div>
<div class="col-md-4">
<div class="pdata-form">
<input type="text" placeholder="Date of Birth">
</div>
</div>
<div class="col-md-8">
<div class="pdata-form">
<a href="#" class="button1">Continue <span><i class="bi bi-arrow-right-short"></i></span></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<script src="js/jquery-3.6.0.min.js"></script>
<script src="js/bootstrap.js"></script>
<script>
// When the user scrolls the page, execute myFunction
window.onscroll = function() {myFunction()};
// Get the header
var header = document.getElementById("header-home");
// Get the offset position of the navbar
var sticky = header.offsetTop;
// Add the sticky class to the header when you reach its scroll position. Remove "sticky" when you leave the scroll position
function myFunction() {
if (window.pageYOffset > sticky) {
header.classList.add("sticky");
} else {
header.classList.remove("sticky");
}
}
</script>
</body>
</html>
Kontol Shell Bypass