D7net
Home
Console
Upload
information
Create File
Create Folder
About
Tools
:
/
home
/
vitalityhealth
/
www
/
Filename :
appointment.html
back
Copy
<!DOCTYPE html> <html lang="zxx"> <head> <!-- Required meta tags --> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <!-- Link of CSS files --> <link rel="stylesheet" href="assets/css/bootstrap.min.css"> <link rel="stylesheet" href="assets/css/flaticon.css"> <link rel="stylesheet" href="assets/css/remixicon.css"> <link rel="stylesheet" href="assets/css/owl.carousel.min.css"> <link rel="stylesheet" href="assets/css/odometer.min.css"> <link rel="stylesheet" href="assets/css/aos.css"> <link rel="stylesheet" href="assets/css/style.css"> <link rel="stylesheet" href="assets/css/responsive.css"> <link rel="stylesheet" href="assets/css/dark-theme.css"> <title>Teli - Digital Healthcare & Medical Services HTML Template</title> <link rel="icon" type="image/png" href="assets/img/favicon.png"> </head> <body> <!--Preloader starts--> <div class="loader js-preloader"> <div class="absCenter"> <div class="loaderPill"> <div class="loaderPill-anim"> <div class="loaderPill-anim-bounce"> <div class="loaderPill-anim-flop"> <div class="loaderPill-pill"></div> </div> </div> </div> <div class="loaderPill-floor"> <div class="loaderPill-floor-shadow"></div> </div> </div> </div> </div> <!--Preloader ends--> <!-- Theme Switcher Start --> <div class="switch-theme-mode"> <label id="switch" class="switch"> <input type="checkbox" onchange="toggleTheme()" id="slider"> <span class="slider round"></span> </label> </div> <!-- Theme Switcher End --> <!-- Page Wrapper End --> <div class="page-wrapper"> <!-- Header Section Start --> <header class="header-wrap style1"> <div class="header-top"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-8"> <div class="header-top-left"> <ul class="contact-info list-style"> <li> <span><i class="ri-customer-service-fill"></i></span> <p>Your Trusted Service Provider</p> </li> <li> <span><i class="ri-phone-fill"></i></span> <a href="tel:2455921125">(+245) 592 1125</a> </li> <li> <span><i class="ri-map-pin-fill"></i></span> <p>2767 Sunrise Street, NY 1002, USA</p> </li> </ul> </div> </div> <div class="col-lg-4"> <div class="header-top-right"> <div class="select-lang"> <i class="ri-earth-fill"></i> <div class="navbar-option-item navbar-language dropdown language-option"> <button class="dropdown-toggle" type="button" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"> <span class="lang-name"></span> </button> <div class="dropdown-menu language-dropdown-menu"> <a class="dropdown-item" href="#"> <img src="assets/img/uk.png" alt="flag"> Eng </a> <a class="dropdown-item" href="#"> <img src="assets/img/china.png" alt="flag"> 简体中文 </a> <a class="dropdown-item" href="#"> <img src="assets/img/uae.png" alt="flag"> العربيّة </a> </div> </div> </div> <ul class="social-profile list-style style1"> <li> <a href="https://facebook.com/"> <i class="ri-facebook-fill"></i> </a> </li> <li> <a href="https://twitter.com/"> <i class="ri-twitter-fill"></i> </a> </li> <li> <a href="https://linkedin.com/"> <i class="ri-linkedin-fill"></i> </a> </li> <li> <a href="https://pinterest.com/"> <i class="ri-pinterest-line"></i> </a> </li> </ul> </div> </div> </div> </div> </div> <div class="header-bottom"> <div class="container"> <nav class="navbar navbar-expand-md navbar-light"> <a class="navbar-brand" href="index.html"> <img class="logo-light" src="assets/img/logo.png" alt="logo"> <img class="logo-dark" src="assets/img/logo-white.png" alt="logo"> </a> <div class="collapse navbar-collapse main-menu-wrap" id="navbarSupportedContent"> <div class="menu-close d-lg-none"> <a href="javascript:void(0)"> <i class="ri-close-line"></i></a> </div> <ul class="navbar-nav ms-auto"> <li class="nav-item"> <a href="#" class="nav-link"> Home <i class="ri-arrow-down-s-line"></i> </a> <ul class="dropdown-menu"> <li class="nav-item"> <a href="index.html" class="nav-link">Home One</a> </li> <li class="nav-item"> <a href="index-2.html" class="nav-link">Home Two</a> </li> <li class="nav-item"> <a href="index-3.html" class="nav-link">Home Three</a> </li> <li class="nav-item"> <a href="index-4.html" class="nav-link">Home Four</a> </li> <li class="nav-item"> <a href="index-5.html" class="nav-link">Home Five</a> </li> <li class="nav-item"> <a href="index-6.html" class="nav-link">Home Six</a> </li> <li class="nav-item"> <a href="index-7.html" class="nav-link">Home Seven</a> </li> </ul> </li> <li class="nav-item"> <a href="about.html" class="nav-link"> About <i class="ri-arrow-down-s-line"></i> </a> <ul class="dropdown-menu"> <li class="nav-item"> <a href="about.html" class="nav-link">About Us</a> </li> <li class="nav-item"> <a href="portfolio.html" class="nav-link">Our Portfolio</a> </li> <li class="nav-item"> <a href="portfolio-details.html" class="nav-link">Single Portfolio</a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> Services <i class="ri-arrow-down-s-line"></i> </a> <ul class="dropdown-menu"> <li class="nav-item"> <a href="service-one.html" class="nav-link">Service One</a> </li> <li class="nav-item"> <a href="service-two.html" class="nav-link">Service Two</a> </li> <li class="nav-item"> <a href="service-details.html" class="nav-link">Single Service</a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link active"> Pages <i class="ri-arrow-down-s-line"></i> </a> <ul class="dropdown-menu"> <li class="nav-item"> <a href="team.html" class="nav-link">Our Team</a> </li> <li class="nav-item"> <a href="appointment.html" class="nav-link active">Book Appointment</a> </li> <li class="nav-item"> <a href="faq.html" class="nav-link">FAQ</a> </li> <li class="nav-item"> <a href="pricing-plan.html" class="nav-link">Pricing Plan</a> </li> <li class="nav-item"> <a href="testimonials.html" class="nav-link">Testimonials</a> </li> <li class="nav-item"> <a href="#" class="nav-link"> User Pages <i class="ri-arrow-right-s-line"></i> </a> <ul class="dropdown-menu"> <li class="nav-item"> <a href="login.html" class="nav-link">Login</a> </li> <li class="nav-item"> <a href="register.html" class="nav-link">Register</a> </li> <li class="nav-item"> <a href="recover-password.html" class="nav-link">Recover Password</a> </li> </ul> </li> <li class="nav-item"> <a href="terms-of-service.html" class="nav-link">Terms of Service</a> </li> <li class="nav-item"> <a href="privacy-policy.html" class="nav-link">Privacy Policy</a> </li> <li class="nav-item"> <a href="error-404.html" class="nav-link">404 Error Page</a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> Blog <i class="ri-arrow-down-s-line"></i> </a> <ul class="dropdown-menu"> <li class="nav-item"> <a href="#" class="nav-link"> Blog Layout <i class="ri-arrow-right-s-line"></i> </a> <ul class="dropdown-menu"> <li class="nav-item"> <a href="blog-no-sidebar.html" class="nav-link">Blog Grid</a> </li> <li class="nav-item"> <a href="blog-left-sidebar.html" class="nav-link">Blog Left Sidebar</a> </li> <li class="nav-item"> <a href="blog-right-sidebar.html" class="nav-link">Blog Right Sidebar</a> </li> </ul> </li> <li class="nav-item"> <a href="#" class="nav-link"> Single Blog <i class="ri-arrow-right-s-line"></i> </a> <ul class="dropdown-menu"> <li class="nav-item"> <a href="blog-details-no-sidebar.html" class="nav-link">Blog Details No Sidebar</a> </li> <li class="nav-item"> <a href="blog-details-left-sidebar.html" class="nav-link">Blog Details Left Sidebar</a> </li> <li class="nav-item"> <a href="blog-details-right-sidebar.html" class="nav-link">Blog Details Right Sidebar</a> </li> </ul> </li> </ul> </li> <li class="nav-item"> <a href="contact.html" class="nav-link">Contact Us</a> </li> <li class="nav-item d-lg-none"> <a href="appointment.html" class="nav-link btn style1">Book Appointment</a> </li> </ul> <div class="other-options md-none"> <div class="option-item"> <button class="searchbtn"><i class="ri-search-line"></i></button> </div> <div class="option-item"> <a href="appointment.html" class="btn style1">Book Appointment</a> </div> </div> </div> </nav> <div class="search-area"> <input type="search" placeholder="Search Here.."> <button type="submit"><i class="ri-search-line"></i></button> </div> <div class="mobile-bar-wrap"> <button class="searchbtn d-lg-none"><i class="ri-search-line"></i></button> <div class="mobile-menu d-lg-none"> <a href="javascript:void(0)"><i class="ri-menu-line"></i></a> </div> </div> </div> </div> </header> <!-- Header Section End --> <!-- Content Wrapper Start --> <div class="content-wrapper"> <!-- Breadcrumb Start --> <div class="breadcrumb-wrap bg-f br-1"> <div class="container"> <div class="breadcrumb-title"> <h2>Book Appointment</h2> <ul class="breadcrumb-menu list-style"> <li><a href="index.html">Home </a></li> <li>Appointment</li> </ul> </div> </div> </div> <!-- Breadcrumb End --> <!-- Appointment section Start --> <section class="appointment-form-wrap ptb-100"> <div class="container"> <div class="row"> <div class="col-xl-8 offset-xl-2 col-lg-10 offset-lg-1"> <form action="#" class="book-appointment-form"> <div class="content-title"> <h4>Your Information</h4> </div> <div class="row"> <div class="col-md-6"> <div class="form-group"> <input type="text" placeholder="Name"> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="email" placeholder="Email"> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="number" placeholder="Phone Number"> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="date" > </div> </div> </div> <div class="row align-items-center mb-20"> <div class="col-xl-2 col-md-3 col-sm-3 col-12"> <h5 class="mb-0">Gender</h5> </div> <div class="col-xl-10 col-md-9 col-sm-9 col-12"> <div class="radio-btn"> <div class="form-group"> <input type="radio" id="test1" name="radio-group" checked> <label for="test1">Male</label> </div> <div class="form-group"> <input type="radio" id="test2" name="radio-group"> <label for="test2">Female</label> </div> <div class="form-group"> <input type="radio" id="test3" name="radio-group"> <label for="test3">Custom</label> </div> </div> </div> </div> <div class="row"> <div class="col-12"> <div class="form-group"> <select name="select_hospital" id="select_hospital"> <option value="0" data-display="Select Hospital">Select Hospital</option> <option value="1">St Josef Hospital, Florida</option> <option value="2">Malinda Foundation Hospital</option> </select> </div> </div> <div class="col-12"> <div class="form-group"> <select name="select_service" id="select_service"> <option value="0" data-display="Select Service">Select Service</option> <option value="1">Orthopedic</option> <option value="2">Neurology</option> <option value="3">Dentristy</option> </select> </div> </div> <div class="col-md-6"> <div class="form-group"> <input type="date"> </div> </div> <div class="col-md-6"> <div class="form-group"> <select name="select_time" id="select_time"> <option value="0" data-display="Select Doctor">Select Time</option> <option value="1" >10:00 AM</option> <option value="2" >11:00 AM</option> <option value="3" >12:00 PM</option> </select> </div> </div> <div class="col-md-12"> <div class="form-group"> <select name="select_doctor" id="select_doctor"> <option value="0" data-display="Select Doctor">Select Doctor</option> <option value="1" >Dr. Novlel Josef</option> <option value="2" >Dr. Fredrick Henry</option> <option value="3" >Dr. Steave Mark</option> </select> </div> </div> <div class="col-12"> <div class="form-group"> <textarea name="item_desc" id="item_desc" cols="30" rows="10" placeholder="Message"></textarea> </div> </div> <div class="col-12"> <button type="submit" class="btn style1 d-block w-100">Book Appointment</button> </div> </div> </form> </div> </div> </div> </section> <!-- Appointment section End --> </div> <!-- Content wrapper end --> <!-- Footer Section Start --> <footer class="footer-wrap"> <div class="container"> <div class="row pt-100 pb-75"> <div class="col-xl-3 col-lg-5 col-md-5 col-sm-12"> <div class="footer-widget"> <a href="index.html" class="footer-logo"> <img src="assets/img/logo-white.png" alt="Image"> </a> <p class="comp-desc"> Lorem ipsum dolor sit amet consc tetur adicing elit. Dolor emque dicta molest enim beatae ame consequ atur tempo pretium auctor nam. </p> <ul class="social-profile style1 list-style"> <li> <a href="https://facebook.com/"> <i class="ri-facebook-fill"></i> </a> </li> <li> <a href="https://twitter.com/"> <i class="ri-twitter-fill"></i> </a> </li> <li> <a href="https://instagram.com/"> <i class="ri-instagram-line"></i> </a> </li> <li> <a href="https://linkedin.com/"> <i class="ri-linkedin-fill"></i> </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-4 col-md-4 col-sm-6"> <div class="footer-widget"> <h3 class="footer-widget-title">Company</h3> <ul class="footer-menu list-style"> <li> <a href="index.html"> <i class="ri-arrow-right-s-line"></i> Home </a> </li> <li> <a href="about.html"> <i class="ri-arrow-right-s-line"></i> About Us </a> </li> <li> <a href="service-one.html"> <i class="ri-arrow-right-s-line"></i> Our Services </a> </li> <li> <a href="team.html"> <i class="ri-arrow-right-s-line"></i> Our Team </a> </li> <li> <a href="contact.html"> <i class="ri-arrow-right-s-line"></i> Contact Us </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-3 col-md-3 col-sm-6"> <div class="footer-widget"> <h3 class="footer-widget-title">Important</h3> <ul class="footer-menu list-style"> <li> <a href="portfolio.html"> <i class="ri-arrow-right-s-line"></i> Portfolio </a> </li> <li> <a href="appointment.html"> <i class="ri-arrow-right-s-line"></i> Appointment </a> </li> <li> <a href="faq.html"> <i class="ri-arrow-right-s-line"></i> FAQ </a> </li> <li> <a href="privacy-policy.html"> <i class="ri-arrow-right-s-line"></i> Privacy Policy </a> </li> <li> <a href="terms-of-service.html"> <i class="ri-arrow-right-s-line"></i> Terms & Conditions </a> </li> </ul> </div> </div> <div class="col-xl-2 col-lg-5 col-md-6 col-sm-6 pe-xl-4"> <div class="footer-widget"> <h3 class="footer-widget-title">Quick Link</h3> <ul class="footer-menu list-style"> <li> <a href="about.html"> <i class="ri-arrow-right-s-line"></i> Why Choose Us </a> </li> <li> <a href="pricing-plan.html"> <i class="ri-arrow-right-s-line"></i> Pricing Plan </a> </li> <li> <a href="blog-left-sidebar.html"> <i class="ri-arrow-right-s-line"></i> News & Articles </a> </li> <li> <a href="login.html"> <i class="ri-arrow-right-s-line"></i> Login </a> </li> <li> <a href="contact.html"> <i class="ri-arrow-right-s-line"></i> Subscribe </a> </li> </ul> </div> </div> <div class="col-xl-3 col-lg-7 col-md-6 col-sm-6"> <div class="footer-widget"> <h3 class="footer-widget-title">Official Info</h3> <ul class="contact-info list-style"> <li> <i class="flaticon-map"></i> <h6>Location</h6> <p>2767 Sunrise Street, NY 1002, USA</p> </li> <li> <i class="flaticon-email-1"></i> <h6>Email</h6> <a href="https://templates.hibotheme.com/cdn-cgi/l/email-protection#9ef6fbf2f2f1deeafbf2f7b0fdf1f3"><span class="__cf_email__" data-cfemail="ec8489808083ac98898085c28f8381">[email protected]</span></a> </li> <li> <i class="flaticon-phone-call-1"></i> <h6>Phone</h6> <a href="tel:13454567877">+1-3454-5678-77</a> </li> </ul> </div> </div> </div> </div> <p class="copyright-text"><i class="ri-copyright-line"></i> <span>Teli</span>. All Rights Reserved By <a href="https://hibotheme.com/">HiboTheme</a></p> </footer> <!-- Footer Section End --> </div> <!-- Page Wrapper End --> <!-- Back-to-top button Start --> <a href="javascript:void(0)" class="back-to-top bounce"><i class="ri-arrow-up-s-line"></i></a> <!-- Back-to-top button End --> <!-- Link of JS files --> <script data-cfasync="false" src="../../cdn-cgi/scripts/5c5dd728/cloudflare-static/email-decode.min.js"></script><script src="assets/js/jquery.min.js"></script> <script src="assets/js/bootstrap.bundle.min.js"></script> <script src="assets/js/form-validator.min.js"></script> <script src="assets/js/contact-form-script.js"></script> <script src="assets/js/aos.js"></script> <script src="assets/js/owl.carousel.min.js"></script> <script src="assets/js/jquery.appear.js"></script> <script src="assets/js/odometer.min.js"></script> <script src="assets/js/fslightbox.js"></script> <script src="assets/js/tweenmax.min.js"></script> <script src="assets/js/main.js"></script> </body> </html>