View file Mediweb/mediweb/appoinment.html
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="shortcut icon" type="image/x-icon" href="assets/images/fav.png">
<title>Shared on THEMELOCK.COM - Medical & Health Care
HTML Template</title>
<meta name="description" content="Your trusted source for expert healthcare services and medical information. Providing personalized care, advanced treatments, and reliable health resources to help you achieve better health.">
<link rel="stylesheet" href="assets/css/plugins/plugins.css">
<link rel="stylesheet" href="assets/css/plugins/magnifying-popup.css">
<link rel="stylesheet" href="assets/css/vendor/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/style.css">
</head>
<body>
<!-- header area start -->
<!-- header area start -->
<header class="header-one header--sticky">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="header-wrapper-1">
<div class="logo-area-start">
<a href="index.html" class="logo">
<img src="assets/images/logo/logo.svg" alt="logo_area">
</a>
<div class="nav-area">
<ul class="">
<li class="has-dropdown main-nav">
<a href="#">Home</a>
<ul class="submenu parent-nav">
<li><a href="index.html">Hospital Home</a></li>
<li><a href="index-two.html">Medical Consulting</a></li>
<li><a href="index-three.html">Medical Center</a></li>
<li><a href="index-four.html">Online Doctor</a></li>
<li><a href="index-five.html">Dental Care</a></li>
<li><a href="index-six.html">Health Care</a></li>
<li><a href="index-seven.html">Gynecology</a></li>
<li><a href="index-eight.html">Surgery</a></li>
<li><a href="index-nine.html">Optics</a></li>
</ul>
</li>
<li class="main-nav has-dropdown mega-menu">
<a href="#">Pages</a>
<div class="rts-mega-menu">
<div class="wrapper">
<div class="row g-0">
<div class="col-lg-3">
<ul class="mega-menu-item parent-nav">
<li><a href="about.html">About</a></li>
<li><a href="doctors-one.html">Our Doctors</a></li>
<li><a href="doctors-two.html">Our Doctors v2</a></li>
<li><a href="doctor-details.html">Doctors Details</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item parent-nav">
<li><a href="shedule.html">Doctors Shedule</a></li>
<li><a href="appoinment.html">Appoinment</a></li>
<li><a href="procedures.html">Procedures</a></li>
<li><a href="health-package.html">Health Packages</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item parent-nav">
<li><a href="international-patient.html">International Patient</a></li>
<li><a href="portfolio.html">Portfolio</a></li>
<li><a href="portfolio-details.html">Portfolio Details</a></li>
<li><a href="faq.html">FAQ's</a></li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item parent-nav">
<li><a href="doctors-one.html">Our Doctors</a></li>
<li><a href="pricing.html">Pricing Plan</a></li>
<li><a href="before-after.html">Before After</a></li>
<li><a href="contactus.html">Contact Us</a></li>
</ul>
</div>
</div>
</div>
</div>
</li>
<li class="main-nav has-dropdown mega-menu">
<a href="#">Service</a>
<div class="rts-mega-menu with-add">
<div class="wrapper">
<div class="row g-0">
<div class="col-lg-9">
<div class="menu-add-top-area">
<h5 class="title">Our Treatments</h5>
</div>
<div class="row pl--30 pt--30">
<div class="col-lg-3">
<ul class="mega-menu-item">
<li>
<a href="service-details.html">
<img src="assets/images/service/09.svg" alt="service">Cardiology</a>
</li>
<li>
<a href="service-details.html">
<img src="assets/images/service/11.svg" alt="service">Dental Care</a>
</li>
<li>
<a href="service-details.html">
<img src="assets/images/service/10.svg" alt="service">Neurology</a>
</li>
<li>
<a href="service-details.html">
<img src="assets/images/service/12.svg" alt="service">Mental Health</a>
</li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item">
<li>
<a href="service-details.html">
<img src="assets/images/service/14.svg" alt="service">Orthopedics</a>
</li>
<li>
<a href="service-details.html">
<img src="assets/images/service/13.svg" alt="service">Medicine</a>
</li>
<li>
<a href="service-details.html">
<img src="assets/images/service/15.svg" alt="service">Comprehensive</a>
</li>
<li>
<a href="service-details.html">
<img src="assets/images/service/16.svg" alt="service">Gynecology</a>
</li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item">
<li>
<a href="service-details.html">
<img src="assets/images/service/24.svg" alt="service">Kidney
Transplant</a>
</li>
<li>
<a href="service-details.html">
<img src="assets/images/service/25.svg" alt="service">Medicine</a>
</li>
<li>
<a href="service-details.html">
<img src="assets/images/service/26.svg" alt="service">Cancer Care</a>
</li>
<li>
<a href="service-details.html">
<img src="assets/images/service/27.svg" alt="service">Radiology</a>
</li>
</ul>
</div>
<div class="col-lg-3">
<ul class="mega-menu-item">
<li>
<a href="service.html">
<img src="assets/images/service/10.svg" alt="service">Service</a>
</li>
<li>
<a href="service-details.html">
<img src="assets/images/service/10.svg" alt="service">Service
Details</a>
</li>
<li>
<a href="service-details-2.html">
<img src="assets/images/service/10.svg" alt="service">Service
Details v2</a>
</li>
<li>
<a href="service-details-3.html">
<img src="assets/images/service/10.svg" alt="service">Service
Details v3</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-3">
<div class="menu-right-add">
<img src="assets/images/menu/01.webp" alt="">
<div class="absolute-image">
<img src="assets/images/menu/02.webp" alt="">
<div class="inner-content">
<h3 class="title">
Trust Your Heart to <br> The Experts
</h3>
<a href="appoinment.html" class="rts-btn btn-primary">Appointment</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</li>
<li class="main-nav has-dropdown">
<a href="doctors-one.html">Our Doctors</a>
<ul class="submenu parent-nav">
<li><a href="doctors-one.html">Our Doctors</a></li>
<li><a href="doctors-two.html">Our Doctors v2</a></li>
<li><a href="doctor-details.html">Doctors Details</a></li>
</ul>
</li>
<li class="main-nav has-dropdown">
<a href="#">Blog</a>
<ul class="submenu parent-nav">
<li><a href="blog.html">Blog Grid</a></li>
<li><a href="blog-list.html">Blog List</a></li>
<li><a href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li class="main-nav"><a href="contactus.html">Contact</a></li>
</ul>
</div>
</div>
<div class="header-right">
<!-- <div class="cart-button">
<i class="fa-light fa-cart-shopping"></i>
</div> -->
<a href="appoinment.html" class="rts-btn btn-primary">Appointment <img src="assets/images/banner/icons/arrow--up-right.svg" alt=""></a>
<div class="menu-btn" id="menu-btn">
<svg width="20" height="16" viewBox="0 0 20 16" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect y="14" width="20" height="2" fill="#1F1F25"></rect>
<rect y="7" width="20" height="2" fill="#1F1F25"></rect>
<rect width="20" height="2" fill="#1F1F25"></rect>
</svg>
</div>
</div>
</div>
</div>
</div>
</div>
</header>
<!-- header area end -->
<!-- header area end -->
<!-- rts breadcrumb area start -->
<div class="rts-breadcrumb-area bg_image rts-section-gap">
<div class="container ptb--40">
<div class="row">
<div class="breadcrumb-area-wrapper">
<h1 class="title">Appoinment</h1>
<div class="nav-bread-crumb">
<a href="/">Home</a>
<i class="fa-solid fa-chevron-right"></i>
<a href="#" class="current">Appoinment</a>
</div>
</div>
</div>
</div>
</div>
<!-- rts breadcrumb area end -->
<!-- book your consulting -->
<div class="book-your-consulting rts-section-gap">
<div class="container">
<div class="row g-0">
<div class="col-lg-6">
<div class="appoinment-area-main appoinment-page bg_image">
<h2 class="title mb--40">Make an Appoinment</h2>
<form action="#">
<div class="half-input-wrapper">
<input type="text" placeholder="Patient name">
<input type="text" placeholder="Phone Number">
</div>
<div class="search-input">
<select class="">
<option data-display="Select Department">Doctor Department</option>
<option value="1">Medicine</option>
<option value="2">Cardiology</option>
<option value="3">Operation</option>
</select>
<div class="nice-select custom-select one" style="flex-basis: 50%;" tabindex="0">
<span class="current">Select Department</span>
<ul class="list">
<li data-value="Morning 10 AM" data-display="Morning 10 AM" class="option selected focus">Medicine</li>
<li data-value="1" class="option">Sergary</li>
<li data-value="2" class="option">Casualty</li>
<li data-value="3" class="option">Cardiology </li>
</ul>
</div>
</div>
<div class="search-input">
<select class="">
<option data-display="Select Time">Doctor Department</option>
<option value="1">Medicine</option>
<option value="2">Cardiology</option>
<option value="3">Operation</option>
</select>
<div class="nice-select custom-select one" style="flex-basis: 50%;" tabindex="0">
<span class="current">Select Doctor</span>
<ul class="list">
<li data-value="Morning 10 AM" data-display="Morning 10 AM" class="option selected focus">Mr. Kadir</li>
<li data-value="1" class="option">David John Lee</li>
<li data-value="2" class="option">Mark John</li>
<li data-value="3" class="option">Kapoor Sharma</li>
</ul>
</div>
</div>
<div class="input-half-wrapper datepicker-wrapper">
<input type="text" id="datepicker" placeholder="mm/dd/yyyy">
<div class="search-input">
<select class="">
<option data-display="Select Time">Doctor Department</option>
<option value="1">Medicine</option>
<option value="2">Cardiology</option>
<option value="3">Operation</option>
</select>
<div class="nice-select custom-select one" style="flex-basis: 50%;" tabindex="0">
<span class="current">Select Doctor Time</span>
<ul class="list">
<li data-value="Morning 10 AM" data-display="Morning 10 AM" class="option selected focus">Morning 10 AM</li>
<li data-value="1" class="option">Morning 11 AM</li>
<li data-value="2" class="option">Morning 12 AM</li>
<li data-value="3" class="option">Evening 5 PM</li>
</ul>
</div>
</div>
</div>
<textarea class="mb--15" name="#" id="textarea" placeholder="text message"></textarea>
<a href="#" class="rts-btn btn-primary">Appoinment <img src="assets/images/banner/icons/arrow--up-right.svg" alt=""></a>
</form>
</div>
</div>
<div class="col-lg-6">
<div class="thumbnail-appoinment wow move-right">
<img src="assets/images/appoinment/01.webp" alt="appoinment">
</div>
</div>
</div>
</div>
</div>
<!-- book your consulting end -->
<div class="short-service-area rts-section-gapBottom">
<div class="container">
<div class="row g-5">
<div class="col-lg-3 col-md-4 col-sm-6 col-12 wow fadeInRight" data-wow-delay=".2s" data-wow-duration=".8s">
<a href="contactus.html" class="single-short-service">
<div class="icon">
<img src="assets/images/service/01.svg" alt="service">
</div>
<h5 class="title">
Get <br> Contact
</h5>
</a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 wow fadeInRight" data-wow-delay=".4s" data-wow-duration=".8s">
<a href="doctors-two.html" class="single-short-service">
<div class="icon">
<img src="assets/images/service/02.svg" alt="service">
</div>
<h5 class="title">
Find <br>
Doctors
</h5>
</a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 wow fadeInRight" data-wow-delay=".6s" data-wow-duration=".8s">
<a href="tel:+4733378901" class="single-short-service">
<div class="icon">
<img src="assets/images/service/03.svg" alt="service">
</div>
<h5 class="title">
Emergency <br>
Call
</h5>
</a>
</div>
<div class="col-lg-3 col-md-4 col-sm-6 col-12 wow fadeInRight" data-wow-delay=".8s" data-wow-duration=".8s">
<a href="#" class="single-short-service">
<div class="icon">
<img src="assets/images/service/04.svg" alt="service">
</div>
<h5 class="title">
24/7 <br>
Support
</h5>
</a>
</div>
</div>
</div>
</div>
<!-- header area start -->
<!-- rts footer area start -->
<div class="rts-footer-area footer-two pt--105 pt_sm--60">
<div class="container">
<div class="row">
<div class="col-lg-12">
<!-- subscribe area start -->
<div class="subscribe-area-start pb--30">
<a href="#" class="logo">
<img src="assets/images/logo/logo-3.svg" alt="logo">
</a>
<!-- subscribe area start -->
<div class="subscribe-area">
<input type="text" placeholder="Enter your mail">
<button class="rts-btn btn-primary">Subscribe</button>
</div>
<!-- subscribe area end -->
</div>
<!-- subscribe area end -->
</div>
<div class="col-lg-12">
<div class="footer-wrapper-style-between">
<div class="single-wized">
<h6 class="title">Contact</h6>
<div class="body">
<p class="location">
Canada, 245 14h Street
Office 42 Calgary, de 52473
</p>
<a href="#">info@email.com</a>
<a href="#">+1 554 558 748</a>
</div>
</div>
<div class="single-wized">
<h6 class="title">Company </h6>
<div class="body">
<ul class="nav-bottom">
<li><a href="about.html">Company</a></li>
<li><a href="about.html">About</a></li>
<li><a href="appoinment.html">Appointment </a></li>
<li><a href="contactus.html">Contact</a></li>
</ul>
</div>
</div>
<div class="single-wized">
<h6 class="title">Our Services</h6>
<div class="body">
<ul class="nav-bottom">
<li><a href="service-details.html">Orthopaedic</a></li>
<li><a href="service-details.html">Neurology</a></li>
<li><a href="service-details.html">Psychiatry </a></li>
<li><a href="service-details.html">Cardiology</a></li>
</ul>
</div>
</div>
<div class="single-wized">
<h6 class="title">Working Time</h6>
<div class="body">
<p class="location">
Mon - Fri: 9.00am - 5.00pm
</p>
<p class="location">
Saturday: 10.00am - 6.00pm
</p>
<p class="location">
Sunday Closed
</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="copyright-area two">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="copyright-area-inner">
<p>© 2025 Mediweb. All Rights Reserved by <a target="_blank" href="https://themeforest.net/user/themewant">ThemeWant</a></p>
</div>
</div>
</div>
</div>
</div>
<!-- rts footer area end -->
<!-- header area end -->
<!-- header style two -->
<div id="side-bar" class="side-bar header-two">
<button class="close-icon-menu"><i class="far fa-times"></i></button>
<!-- mobile menu area start -->
<div class="mobile-menu-main">
<nav class="nav-main mainmenu-nav mt--30">
<ul class="mainmenu metismenu" id="mobile-menu-active">
<li class="has-droupdown">
<a href="#" class="main">Home</a>
<ul class="submenu mm-collapse">
<li><a class="mobile-menu-link" href="index.html">Main Home</a></li>
<li><a class="mobile-menu-link" href="index-two.html">Home Two</a></li>
<li><a class="mobile-menu-link" href="index-three.html">Home Three</a></li>
<li><a class="mobile-menu-link" href="index-four.html">Home Four</a></li>
<li><a class="mobile-menu-link" href="index-five.html">Home Five</a></li>
<li><a class="mobile-menu-link" href="index-six.html">Home Six</a></li>
<li><a class="mobile-menu-link" href="index-seven.html">Home Seven</a></li>
<li><a class="mobile-menu-link" href="index-eight.html">Home Eight</a></li>
<li><a class="mobile-menu-link" href="index-nine.html">Home Nine</a></li>
</ul>
</li>
<li class="has-droupdown">
<a href="#" class="main">Pages</a>
<ul class="submenu mm-collapse">
<li class="main-nav"><a href="about.html">About</a></li>
<li><a class="mobile-menu-link" href="doctors-one.html">Our Doctors</a></li>
<li><a class="mobile-menu-link" href="doctors-two.html">Our Doctors v2</a></li>
<li><a class="mobile-menu-link" href="doctor-details.html">Doctors Details</a></li>
<li><a class="mobile-menu-link" href="appoinment.html">Appoinment</a></li>
<li><a class="mobile-menu-link" href="procedures.html">Procedures</a></li>
<li><a class="mobile-menu-link" href="portfolio.html">Portfolio</a></li>
<li><a class="mobile-menu-link" href="portfolio-details.html">Portfolio Details</a></li>
<li><a class="mobile-menu-link" href="faq.html">FAQ's</a></li>
<li><a class="mobile-menu-link" href="shedule.html">Docot Shedule</a></li>
<li><a class="mobile-menu-link" href="pricing.html">Pricing Plane</a></li>
<li><a class="mobile-menu-link" href="before-after.html">Before After</a></li>
<li><a class="mobile-menu-link" href="contactus.html">Contact Us</a></li>
</ul>
</li>
<li class="has-droupdown">
<a href="#" class="main">Service</a>
<ul class="submenu mm-collapse">
<li><a href="service.html">Service</a></li>
<li><a href="service-details.html">Service Details</a></li>
<li><a href="service-details-2.html">Service Details v2</a></li>
<li><a href="service-details-3.html">Service Details v3</a></li>
</ul>
</li>
<li class="has-droupdown">
<a href="#" class="main">Blog</a>
<ul class="submenu mm-collapse">
<li><a class="mobile-menu-link" href="blog.html">Blog Post</a></li>
<li><a class="mobile-menu-link" href="blog-list.html">Blog Post</a></li>
<li><a class="mobile-menu-link" href="blog-details.html">Blog Details</a></li>
</ul>
</li>
<li><a href="contactus.html" class="main">Contact</a></li>
</ul>
</nav>
<div class="rts-social-style-one pl--20 mt--50">
<ul>
<li>
<a href="#">
<i class="fa-brands fa-facebook-f"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa-brands fa-twitter"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa-brands fa-youtube"></i>
</a>
</li>
<li>
<a href="#">
<i class="fa-brands fa-linkedin-in"></i>
</a>
</li>
</ul>
</div>
</div>
<!-- mobile menu area end -->
</div>
<!-- header style two End -->
<div class="loader-wrapper">
<div class="loader">
</div>
<div class="loader-section section-left"></div>
<div class="loader-section section-right"></div>
</div>
<div id="anywhere-home">
</div>
<!-- progress area start -->
<div class="progress-wrap">
<svg class="progress-circle svg-content" width="100%" height="100%" viewBox="-1 -1 102 102">
<path d="M50,1 a49,49 0 0,1 0,98 a49,49 0 0,1 0,-98" style="transition: stroke-dashoffset 10ms linear 0s; stroke-dasharray: 307.919, 307.919; stroke-dashoffset: 307.919;">
</path>
</svg>
</div>
<!-- progress area end -->
<script src="assets/js/plugins/jquery.js"></script>
<script src="assets/js/plugins/jquery-ui.js"></script>
<script src="assets/js/vendor/waw.js"></script>
<script src="assets/js/plugins/swiper.js"></script>
<script src="assets/js/plugins/metismenu.js"></script>
<script src="assets/js/plugins/jarallax.js"></script>
<script src="assets/js/plugins/smooth-scroll.js"></script>
<script src="assets/js/plugins/magnifying-popup.js"></script>
<script src="assets/js/vendor/bootstrap.min.js"></script>
<!-- main js here -->
<script src="assets/js/main.js"></script>
</body>
</html>