Mini Shell
Mini Shell
| Direktori : /proc/self/root/home2/selectio/www/thedentalpark.com/appointment/admin/ |
| Current File : //proc/self/root/home2/selectio/www/thedentalpark.com/appointment/admin/dr-profile.html |
<!doctype html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8" />
<title>Doctris - Doctor Appointment Booking System</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta name="description" content="Premium Bootstrap 5 Landing Page Template" />
<meta name="keywords" content="Appointment, Booking, System, Dashboard, Health" />
<meta name="author" content="Shreethemes" />
<meta name="email" content="support@shreethemes.in" />
<meta name="website" content="https://shreethemes.in/" />
<meta name="Version" content="v1.4.0" />
<!-- favicon -->
<link rel="shortcut icon" href="https://shreethemes.in/doctris/layouts/assets/images/favicon.ico">
<!-- Css -->
<link href="../assets/libs/simplebar/simplebar.min.css" rel="stylesheet">
<link href="../assets/libs/tiny-slider/tiny-slider.css" rel="stylesheet">
<!-- Bootstrap Css -->
<link href="../assets/css/bootstrap.min.css" class="theme-opt" rel="stylesheet" type="text/css" />
<!-- Icons Css -->
<link href="../assets/css/icons.min.css" rel="stylesheet" type="text/css" />
<link href="../assets/libs/remixicon/fonts/remixicon.css" rel="stylesheet" type="text/css" />
<link href="../assets/libs/%40iconscout/unicons/css/line.css" type="text/css" rel="stylesheet" />
<!-- Style Css-->
<link href="../assets/css/style.min.css" class="theme-opt" rel="stylesheet" type="text/css" />
</head>
<body>
<!-- Loader -->
<!-- <div id="preloader">
<div id="status">
<div class="spinner">
<div class="double-bounce1"></div>
<div class="double-bounce2"></div>
</div>
</div>
</div> -->
<!-- Loader -->
<div class="page-wrapper doctris-theme toggled">
<!-- sidebar-wrapper -->
<nav id="sidebar" class="sidebar-wrapper">
<div class="sidebar-content" data-simplebar style="height: calc(100% - 60px);">
<div class="sidebar-brand">
<a href="index.html">
<img src="../assets/images/logo-dark.png" height="22" class="logo-light-mode" alt="">
<img src="../assets/images/logo-light.png" height="22" class="logo-dark-mode" alt="">
<span class="sidebar-colored">
<img src="../assets/images/logo-light.png" height="22" alt="">
</span>
</a>
</div>
<ul class="sidebar-menu">
<li><a href="index.html"><i class="uil uil-dashboard me-2 d-inline-block"></i>Dashboard</a></li>
<li class="sidebar-dropdown">
<a href="javascript:void(0)"><i class="uil uil-browser me-2"></i>Layouts <span class="badge bg-danger rounded-pill ms-2">New</span></a>
<div class="sidebar-submenu">
<ul>
<li><a href="index-dark.html">Dark Dashboard</a></li>
<li><a href="index-rtl.html">RTL Dashboard</a></li>
<li><a href="index-rtl-dark.html">Dark RTL Dashboard</a></li>
<li><a href="index-sidebar-dark.html">Dark Sidebar</a></li>
<li><a href="index-sidebar-colored.html">Colored Sidebar</a></li>
</ul>
</div>
</li>
<li><a href="appointment.html"><i class="uil uil-stethoscope me-2 d-inline-block"></i>Appointment</a></li>
<li class="sidebar-dropdown">
<a href="javascript:void(0)"><i class="uil uil-user me-2 d-inline-block"></i>Doctors</a>
<div class="sidebar-submenu">
<ul>
<li><a href="doctors.html">Doctors</a></li>
<li><a href="add-doctor.html">Add Doctor</a></li>
<li><a href="dr-profile.html">Profile</a></li>
</ul>
</div>
</li>
<li class="sidebar-dropdown">
<a href="javascript:void(0)"><i class="uil uil-wheelchair me-2 d-inline-block"></i>Patients</a>
<div class="sidebar-submenu">
<ul>
<li><a href="patients.html">All Patients</a></li>
<li><a href="add-patient.html">Add Patients</a></li>
<li><a href="patient-profile.html">Profile</a></li>
</ul>
</div>
</li>
<li class="sidebar-dropdown">
<a href="javascript:void(0)"><i class="uil uil-apps me-2 d-inline-block"></i>Apps</a>
<div class="sidebar-submenu">
<ul>
<li><a href="chat.html">Chat</a></li>
<li><a href="email.html">Email</a></li>
<li><a href="calendar.html">Calendar</a></li>
</ul>
</div>
</li>
<li class="sidebar-dropdown">
<a href="javascript:void(0)"><i class="uil uil-shopping-cart me-2 d-inline-block"></i>Pharmacy</a>
<div class="sidebar-submenu">
<ul>
<li><a href="shop.html">Shop</a></li>
<li><a href="product-detail.html">Shop Detail</a></li>
<li><a href="shopcart.html">Shopcart</a></li>
<li><a href="checkout.html">Checkout</a></li>
</ul>
</div>
</li>
<li class="sidebar-dropdown">
<a href="javascript:void(0)"><i class="uil uil-flip-h me-2 d-inline-block"></i>Blogs</a>
<div class="sidebar-submenu">
<ul>
<li><a href="blogs.html">Blogs</a></li>
<li><a href="blog-detail.html">Blog Detail</a></li>
</ul>
</div>
</li>
<li class="sidebar-dropdown">
<a href="javascript:void(0)"><i class="uil uil-file me-2 d-inline-block"></i>Pages</a>
<div class="sidebar-submenu">
<ul>
<li><a href="faqs.html">FAQs</a></li>
<li><a href="review.html">Reviews</a></li>
<li><a href="invoice-list.html">Invoice List</a></li>
<li><a href="invoice.html">Invoice</a></li>
<li><a href="terms.html">Terms & Policy</a></li>
<li><a href="privacy.html">Privacy Policy</a></li>
<li><a href="blank-page.html">Blank Page</a></li>
</ul>
</div>
</li>
<li class="sidebar-dropdown">
<a href="javascript:void(0)"><i class="uil uil-envelope-open me-2 d-inline-block"></i>Email Template </a>
<div class="sidebar-submenu">
<ul>
<li><a href="email-confirmation.html">Confirmation</a></li>
<li><a href="email-password-reset.html">Reset Password</a></li>
<li><a href="email-alert.html">Alert</a></li>
<li><a href="email-invoice.html">Invoice</a></li>
</ul>
</div>
</li>
<li class="sidebar-dropdown">
<a href="javascript:void(0)"><i class="uil uil-sign-in-alt me-2 d-inline-block"></i>Authentication</a>
<div class="sidebar-submenu">
<ul>
<li><a href="login.html">Login</a></li>
<li><a href="signup.html">Signup</a></li>
<li><a href="forgot-password.html">Forgot Password</a></li>
<li><a href="lock-screen.html">Lock Screen</a></li>
</ul>
</div>
</li>
<li class="sidebar-dropdown">
<a href="javascript:void(0)"><i class="uil uil-file-info-alt me-2 d-inline-block"></i>UI Components </a>
<div class="sidebar-submenu">
<ul>
<li><a href="ui-button.html">Buttons</a></li>
<li><a href="ui-badges.html">Badges</a></li>
<li><a href="ui-alert.html">Alert</a></li>
<li><a href="ui-dropdown.html">Dropdowns</a></li>
<li><a href="ui-typography.html">Typography</a></li>
<li><a href="ui-background.html">Background</a></li>
<li><a href="ui-text.html">Text Color</a></li>
<li><a href="ui-tooltip-popover.html">Tooltips & Popovers</a></li>
<li><a href="ui-shadow.html">Shadows</a></li>
<li><a href="ui-border.html">Border</a></li>
<li><a href="ui-form.html">Form Elements</a></li>
<li><a href="ui-pagination.html">Pagination</a></li>
<li><a href="ui-avatar.html">Avatars</a></li>
<li><a href="ui-modals.html">Modals</a></li>
<li><a href="ui-icons.html">Icons</a></li>
</ul>
</div>
</li>
<li class="sidebar-dropdown">
<a href="javascript:void(0)"><i class="uil uil-postcard me-2 d-inline-block"></i>Miscellaneous </a>
<div class="sidebar-submenu">
<ul>
<li><a href="comingsoon.html">Comingsoon</a></li>
<li><a href="maintenance.html">Maintenance</a></li>
<li><a href="error.html">404 !</a></li>
<li><a href="thankyou.html">Thank you...!</a></li>
</ul>
</div>
</li>
<li><a href="https://shreethemes.in/doctris/layouts/landing/index-two.html" target="_blank"><i class="uil uil-window me-2 d-inline-block"></i>Landing page</a></li>
</ul>
<!-- sidebar-menu -->
</div>
<!-- Sidebar Footer -->
<ul class="sidebar-footer list-unstyled mb-0">
<li class="list-inline-item mb-0 ms-1">
<a href="#" class="btn btn-icon btn-pills btn-soft-primary">
<i class="uil uil-comment"></i>
</a>
</li>
</ul>
<!-- Sidebar Footer -->
</nav>
<!-- sidebar-wrapper -->
<!-- sidebar-wrapper -->
<!-- Start Page Content -->
<main class="page-content bg-light">
<div class="top-header">
<div class="header-bar d-flex justify-content-between border-bottom">
<div class="d-flex align-items-center">
<a href="#" class="logo-icon">
<img src="../assets/images/logo-icon.png" height="30" class="small" alt="">
<span class="big">
<img src="../assets/images/logo-dark.png" height="22" class="logo-light-mode" alt="">
<img src="../assets/images/logo-light.png" height="22" class="logo-dark-mode" alt="">
</span>
</a>
<a id="close-sidebar" class="btn btn-icon btn-pills btn-soft-primary ms-2" href="#">
<i class="uil uil-bars"></i>
</a>
<div class="search-bar p-0 d-none d-lg-block ms-2">
<div id="search" class="menu-search mb-0">
<form role="search" method="get" id="searchform" class="searchform">
<div>
<input type="text" class="form-control border rounded-pill" name="s" id="s" placeholder="Search Keywords...">
<input type="submit" id="searchsubmit" value="Search">
</div>
</form>
</div>
</div>
</div>
<ul class="list-unstyled mb-0">
<li class="list-inline-item mb-0">
<div class="dropdown dropdown-primary">
<button type="button" class="btn btn-pills btn-soft-primary dropdown-toggle p-0" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="../assets/images/language/american.png" class="avatar avatar-ex-small rounded-circle p-2" alt=""></button>
<div class="dropdown-menu dd-menu drop-ups dropdown-menu-end shadow border-0 mt-3 p-2" data-simplebar style="height: 175px;">
<a href="javascript:void(0)" class="d-flex align-items-center">
<img src="../assets/images/language/chinese.png" class="avatar avatar-client rounded-circle shadow" alt="">
<div class="flex-1 text-left ms-2 overflow-hidden">
<small class="text-dark mb-0">Chinese</small>
</div>
</a>
<a href="javascript:void(0)" class="d-flex align-items-center mt-2">
<img src="../assets/images/language/european.png" class="avatar avatar-client rounded-circle shadow" alt="">
<div class="flex-1 text-left ms-2 overflow-hidden">
<small class="text-dark mb-0">European</small>
</div>
</a>
<a href="javascript:void(0)" class="d-flex align-items-center mt-2">
<img src="../assets/images/language/indian.png" class="avatar avatar-client rounded-circle shadow" alt="">
<div class="flex-1 text-left ms-2 overflow-hidden">
<small class="text-dark mb-0">Indian</small>
</div>
</a>
<a href="javascript:void(0)" class="d-flex align-items-center mt-2">
<img src="../assets/images/language/japanese.png" class="avatar avatar-client rounded-circle shadow" alt="">
<div class="flex-1 text-left ms-2 overflow-hidden">
<small class="text-dark mb-0">Japanese</small>
</div>
</a>
<a href="javascript:void(0)" class="d-flex align-items-center mt-2">
<img src="../assets/images/language/russian.png" class="avatar avatar-client rounded-circle shadow" alt="">
<div class="flex-1 text-left ms-2 overflow-hidden">
<small class="text-dark mb-0">Russian</small>
</div>
</a>
</div>
</div>
</li>
<li class="list-inline-item mb-0 ms-1">
<a href="javascript:void(0)" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
<div class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="settings" class="fea icon-sm"></i></div>
</a>
</li>
<li class="list-inline-item mb-0 ms-1">
<div class="dropdown dropdown-primary">
<button type="button" class="btn btn-icon btn-pills btn-soft-primary dropdown-toggle p-0" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><i data-feather="mail" class="fea icon-sm"></i></button>
<span class="position-absolute top-0 start-100 translate-middle badge rounded-pill bg-danger">4 <span class="visually-hidden">unread mail</span></span>
<div class="dropdown-menu dd-menu dropdown-menu-end shadow rounded border-0 mt-3 px-2 py-2" data-simplebar style="height: 320px; width: 300px;">
<a href="#" class="d-flex align-items-center justify-content-between py-2">
<div class="d-inline-flex position-relative overflow-hidden">
<img src="../assets/images/client/02.jpg" class="avatar avatar-md-sm rounded-circle shadow" alt="">
<small class="text-dark mb-0 d-block text-truncat ms-3">You received a new email from <b>Janalia</b> <small class="text-muted fw-normal d-inline-block">1 hour ago</small></small>
</div>
</a>
<a href="#" class="d-flex align-items-center justify-content-between py-2 border-top">
<div class="d-inline-flex position-relative overflow-hidden">
<img src="https://shreethemes.in/doctris/layouts/assets/images/client/Codepen.svg" class="avatar avatar-md-sm rounded-circle shadow" alt="">
<small class="text-dark mb-0 d-block text-truncat ms-3">You received a new email from <b>codepen</b> <small class="text-muted fw-normal d-inline-block">4 hour ago</small></small>
</div>
</a>
<a href="#" class="d-flex align-items-center justify-content-between py-2 border-top">
<div class="d-inline-flex position-relative overflow-hidden">
<img src="../assets/images/client/03.jpg" class="avatar avatar-md-sm rounded-circle shadow" alt="">
<small class="text-dark mb-0 d-block text-truncat ms-3">You received a new email from <b>Cristina</b> <small class="text-muted fw-normal d-inline-block">5 hour ago</small></small>
</div>
</a>
<a href="#" class="d-flex align-items-center justify-content-between py-2 border-top">
<div class="d-inline-flex position-relative overflow-hidden">
<img src="https://shreethemes.in/doctris/layouts/assets/images/client/dribbble.svg" class="avatar avatar-md-sm rounded-circle shadow" alt="">
<small class="text-dark mb-0 d-block text-truncat ms-3">You received a new email from <b>Dribbble</b> <small class="text-muted fw-normal d-inline-block">24 hour ago</small></small>
</div>
</a>
<a href="#" class="d-flex align-items-center justify-content-between py-2 border-top">
<div class="d-inline-flex position-relative overflow-hidden">
<img src="../assets/images/client/06.jpg" class="avatar avatar-md-sm rounded-circle shadow" alt="">
<small class="text-dark mb-0 d-block text-truncat ms-3">You received a new email from <b>Donald Aghori</b> <small class="text-muted fw-normal d-inline-block">1 day ago</small></small>
</div>
</a>
<a href="#" class="d-flex align-items-center justify-content-between py-2 border-top">
<div class="d-inline-flex position-relative overflow-hidden">
<img src="../assets/images/client/07.jpg" class="avatar avatar-md-sm rounded-circle shadow" alt="">
<small class="text-dark mb-0 d-block text-truncat ms-3">You received a new email from <b>Calvin</b> <small class="text-muted fw-normal d-inline-block">2 day ago</small></small>
</div>
</a>
</div>
</div>
</li>
<li class="list-inline-item mb-0 ms-1">
<div class="dropdown dropdown-primary">
<button type="button" class="btn btn-pills btn-soft-primary dropdown-toggle p-0" data-bs-toggle="dropdown" aria-haspopup="true" aria-expanded="false"><img src="../assets/images/doctors/01.jpg" class="avatar avatar-ex-small rounded-circle" alt=""></button>
<div class="dropdown-menu dd-menu dropdown-menu-end shadow border-0 mt-3 py-3" style="min-width: 200px;">
<a class="dropdown-item d-flex align-items-center text-dark" href="profile.html">
<img src="../assets/images/doctors/01.jpg" class="avatar avatar-md-sm rounded-circle border shadow" alt="">
<div class="flex-1 ms-2">
<span class="d-block mb-1">Calvin Carlo</span>
<small class="text-muted">Orthopedic</small>
</div>
</a>
<a class="dropdown-item text-dark" href="index.html"><span class="mb-0 d-inline-block me-1"><i class="uil uil-dashboard align-middle h6"></i></span> Dashboard</a>
<a class="dropdown-item text-dark" href="dr-profile.html"><span class="mb-0 d-inline-block me-1"><i class="uil uil-setting align-middle h6"></i></span> Profile Settings</a>
<div class="dropdown-divider border-top"></div>
<a class="dropdown-item text-dark" href="lock-screen.html"><span class="mb-0 d-inline-block me-1"><i class="uil uil-sign-out-alt align-middle h6"></i></span> Logout</a>
</div>
</div>
</li>
</ul>
</div>
</div>
<div class="container-fluid">
<div class="layout-specing">
<div class="d-md-flex justify-content-between">
<h5 class="mb-0">Doctor Profile & Settings</h5>
<nav aria-label="breadcrumb" class="d-inline-block mt-4 mt-sm-0">
<ul class="breadcrumb bg-transparent rounded mb-0 p-0">
<li class="breadcrumb-item"><a href="index.html">Doctris</a></li>
<li class="breadcrumb-item"><a href="doctors.html">Doctor</a></li>
<li class="breadcrumb-item active" aria-current="page">Profile</li>
</ul>
</nav>
</div>
<div class="card rounded shadow overflow-hidden mt-4 border-0">
<div class="p-5 bg-primary bg-gradient"></div>
<div class="avatar-profile d-flex margin-nagative mt-n5 position-relative ps-3">
<img src="../assets/images/doctors/01.jpg" class="rounded-circle shadow-md avatar avatar-medium" alt="">
<div class="mt-4 ms-3 pt-3">
<h5 class="mt-3 mb-1">Dr. Calvin Carlo</h5>
<p class="text-muted mb-0">Orthopedic</p>
</div>
</div>
<div class="row">
<div class="col-12 mt-4">
<div class="card border-0 rounded-0 p-4">
<ul class="nav nav-pills nav-justified flex-column flex-sm-row rounded shadow overflow-hidden bg-light" id="pills-tab" role="tablist">
<li class="nav-item">
<a class="nav-link rounded-0 active" id="overview-tab" data-bs-toggle="pill" href="#pills-overview" role="tab" aria-controls="pills-overview" aria-selected="false">
<div class="text-center pt-1 pb-1">
<h5 class="mb-0">Overview</h5>
</div>
</a><!--end nav link-->
</li><!--end nav item-->
<li class="nav-item">
<a class="nav-link rounded-0" id="experience-tab" data-bs-toggle="pill" href="#pills-experience" role="tab" aria-controls="pills-experience" aria-selected="false">
<div class="text-center pt-1 pb-1">
<h5 class="mb-0">Experience</h5>
</div>
</a><!--end nav link-->
</li><!--end nav item-->
<li class="nav-item">
<a class="nav-link rounded-0" id="review-tab" data-bs-toggle="pill" href="#pills-review" role="tab" aria-controls="pills-review" aria-selected="false">
<div class="text-center pt-1 pb-1">
<h5 class="mb-0">Reviews</h5>
</div>
</a><!--end nav link-->
</li><!--end nav item-->
<li class="nav-item">
<a class="nav-link rounded-0" id="timetable-tab" data-bs-toggle="pill" href="#pills-timetable" role="tab" aria-controls="pills-timetable" aria-selected="false">
<div class="text-center pt-1 pb-1">
<h5 class="mb-0">Time Table</h5>
</div>
</a><!--end nav link-->
</li><!--end nav item-->
<li class="nav-item">
<a class="nav-link rounded-0" id="settings-tab" data-bs-toggle="pill" href="#pills-settings" role="tab" aria-controls="pills-settings" aria-selected="false">
<div class="text-center pt-1 pb-1">
<h5 class="mb-0">Settings</h5>
</div>
</a><!--end nav link-->
</li><!--end nav item-->
</ul><!--end nav pills-->
<div class="tab-content mt-4" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-overview" role="tabpanel" aria-labelledby="overview-tab">
<p class="text-muted">A gynecologist is a surgeon who specializes in the female reproductive system, which includes the cervix, fallopian tubes, ovaries, uterus, vagina and vulva. Menstrual problems, contraception, sexuality, menopause and infertility issues are diagnosed and treated by a gynecologist; most gynecologists also provide prenatal care, and some provide primary care.</p>
<h6 class="mb-0">Specialties: </h6>
<ul class="list-unstyled mt-4">
<li class="mt-1"><i class="uil uil-arrow-right text-primary"></i> Women's health services</li>
<li class="mt-1"><i class="uil uil-arrow-right text-primary"></i> Pregnancy care</li>
<li class="mt-1"><i class="uil uil-arrow-right text-primary"></i> Surgical procedures</li>
<li class="mt-1"><i class="uil uil-arrow-right text-primary"></i> Specialty care</li>
<li class="mt-1"><i class="uil uil-arrow-right text-primary"></i> Conclusion</li>
</ul>
<h6 class="mb-0">My Team: </h6>
<div class="row row-cols-md-2 row-cols-lg-5">
<div class="col mt-4">
<div class="card team border-0 rounded shadow overflow-hidden">
<div class="team-person position-relative overflow-hidden">
<img src="../assets/images/doctors/05.jpg" class="img-fluid" alt="">
<ul class="list-unstyled team-like">
<li><a href="#" class="btn btn-icon btn-pills btn-soft-danger"><i data-feather="heart" class="icons"></i></a></li>
</ul>
</div>
<div class="card-body">
<a href="#" class="title text-dark h5 d-block mb-0">Jessica McFarlane</a>
<small class="text-muted speciality">M.B.B.S, Dentist</small>
<div class="d-flex justify-content-between align-items-center mt-2">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<p class="text-muted mb-0">5 Star</p>
</div>
<ul class="list-unstyled mt-2 mb-0">
<li class="d-flex">
<i class="ri-map-pin-line text-primary align-middle"></i>
<small class="text-muted ms-2">63, PG Shustoke, UK</small>
</li>
<li class="d-flex mt-2">
<i class="ri-time-line text-primary align-middle"></i>
<small class="text-muted ms-2">Mon: 2:00PM - 6:00PM</small>
</li>
<li class="d-flex mt-2">
<i class="ri-money-dollar-circle-line text-primary align-middle"></i>
<small class="text-muted ms-2">$ 75 USD / Visit</small>
</li>
</ul>
<ul class="list-unstyled mt-2 mb-0">
<li class="list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="facebook" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="linkedin" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="github" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="twitter" class="icons"></i></a></li>
</ul>
</div>
</div>
</div><!--end col-->
<div class="col mt-4">
<div class="card team border-0 rounded shadow overflow-hidden">
<div class="team-person position-relative overflow-hidden">
<img src="../assets/images/doctors/06.jpg" class="img-fluid" alt="">
<ul class="list-unstyled team-like">
<li><a href="#" class="btn btn-icon btn-pills btn-soft-danger"><i data-feather="heart" class="icons"></i></a></li>
</ul>
</div>
<div class="card-body">
<a href="#" class="title text-dark h5 d-block mb-0">Elsie Sherman</a>
<small class="text-muted speciality">M.B.B.S, Gastrologist</small>
<div class="d-flex justify-content-between align-items-center mt-2">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<p class="text-muted mb-0">5 Star</p>
</div>
<ul class="list-unstyled mt-2 mb-0">
<li class="d-flex">
<i class="ri-map-pin-line text-primary align-middle"></i>
<small class="text-muted ms-2">63, PG Shustoke, UK</small>
</li>
<li class="d-flex mt-2">
<i class="ri-time-line text-primary align-middle"></i>
<small class="text-muted ms-2">Mon: 2:00PM - 6:00PM</small>
</li>
<li class="d-flex mt-2">
<i class="ri-money-dollar-circle-line text-primary align-middle"></i>
<small class="text-muted ms-2">$ 75 USD / Visit</small>
</li>
</ul>
<ul class="list-unstyled mt-2 mb-0">
<li class="list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="facebook" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="linkedin" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="github" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="twitter" class="icons"></i></a></li>
</ul>
</div>
</div>
</div><!--end col-->
<div class="col mt-4">
<div class="card team border-0 rounded shadow overflow-hidden">
<div class="team-person position-relative overflow-hidden">
<img src="../assets/images/doctors/07.jpg" class="img-fluid" alt="">
<ul class="list-unstyled team-like">
<li><a href="#" class="btn btn-icon btn-pills btn-soft-danger"><i data-feather="heart" class="icons"></i></a></li>
</ul>
</div>
<div class="card-body">
<a href="#" class="title text-dark h5 d-block mb-0">Bertha Magers</a>
<small class="text-muted speciality">M.B.B.S, Urologist</small>
<div class="d-flex justify-content-between align-items-center mt-2">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<p class="text-muted mb-0">5 Star</p>
</div>
<ul class="list-unstyled mt-2 mb-0">
<li class="d-flex">
<i class="ri-map-pin-line text-primary align-middle"></i>
<small class="text-muted ms-2">63, PG Shustoke, UK</small>
</li>
<li class="d-flex mt-2">
<i class="ri-time-line text-primary align-middle"></i>
<small class="text-muted ms-2">Mon: 2:00PM - 6:00PM</small>
</li>
<li class="d-flex mt-2">
<i class="ri-money-dollar-circle-line text-primary align-middle"></i>
<small class="text-muted ms-2">$ 75 USD / Visit</small>
</li>
</ul>
<ul class="list-unstyled mt-2 mb-0">
<li class="list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="facebook" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="linkedin" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="github" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="twitter" class="icons"></i></a></li>
</ul>
</div>
</div>
</div><!--end col-->
<div class="col mt-4">
<div class="card team border-0 rounded shadow overflow-hidden">
<div class="team-person position-relative overflow-hidden">
<img src="../assets/images/doctors/08.jpg" class="img-fluid" alt="">
<ul class="list-unstyled team-like">
<li><a href="#" class="btn btn-icon btn-pills btn-soft-danger"><i data-feather="heart" class="icons"></i></a></li>
</ul>
</div>
<div class="card-body">
<a href="#" class="title text-dark h5 d-block mb-0">Louis Batey</a>
<small class="text-muted speciality">M.B.B.S, Neurologist</small>
<div class="d-flex justify-content-between align-items-center mt-2">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<p class="text-muted mb-0">5 Star</p>
</div>
<ul class="list-unstyled mt-2 mb-0">
<li class="d-flex">
<i class="ri-map-pin-line text-primary align-middle"></i>
<small class="text-muted ms-2">63, PG Shustoke, UK</small>
</li>
<li class="d-flex mt-2">
<i class="ri-time-line text-primary align-middle"></i>
<small class="text-muted ms-2">Mon: 2:00PM - 6:00PM</small>
</li>
<li class="d-flex mt-2">
<i class="ri-money-dollar-circle-line text-primary align-middle"></i>
<small class="text-muted ms-2">$ 75 USD / Visit</small>
</li>
</ul>
<ul class="list-unstyled mt-2 mb-0">
<li class="list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="facebook" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="linkedin" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="github" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="twitter" class="icons"></i></a></li>
</ul>
</div>
</div>
</div><!--end col-->
<div class="col mt-4">
<div class="card team border-0 rounded shadow overflow-hidden">
<div class="team-person position-relative overflow-hidden">
<img src="../assets/images/doctors/02.jpg" class="img-fluid" alt="">
<ul class="list-unstyled team-like">
<li><a href="#" class="btn btn-icon btn-pills btn-soft-danger"><i data-feather="heart" class="icons"></i></a></li>
</ul>
</div>
<div class="card-body">
<a href="#" class="title text-dark h5 d-block mb-0">Cristino Murphy</a>
<small class="text-muted speciality">M.B.B.S, Gynecologist</small>
<div class="d-flex justify-content-between align-items-center mt-2">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<p class="text-muted mb-0">5 Star</p>
</div>
<ul class="list-unstyled mt-2 mb-0">
<li class="d-flex">
<i class="ri-map-pin-line text-primary align-middle"></i>
<small class="text-muted ms-2">63, PG Shustoke, UK</small>
</li>
<li class="d-flex mt-2">
<i class="ri-time-line text-primary align-middle"></i>
<small class="text-muted ms-2">Mon: 2:00PM - 6:00PM</small>
</li>
<li class="d-flex mt-2">
<i class="ri-money-dollar-circle-line text-primary align-middle"></i>
<small class="text-muted ms-2">$ 75 USD / Visit</small>
</li>
</ul>
<ul class="list-unstyled mt-2 mb-0">
<li class="list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="facebook" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="linkedin" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="github" class="icons"></i></a></li>
<li class="mt-2 list-inline-item"><a href="#" class="btn btn-icon btn-pills btn-soft-primary"><i data-feather="twitter" class="icons"></i></a></li>
</ul>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end teb pane-->
<div class="tab-pane fade" id="pills-experience" role="tabpanel" aria-labelledby="experience-tab">
<h5 class="mb-1">Experience:</h5>
<p class="text-muted mt-4">The most well-known dummy text is the 'Lorem Ipsum', which is said to have originated in the 16th century. Lorem Ipsum is composed in a pseudo-Latin language which more or less corresponds to 'proper' Latin. It contains a series of real Latin words. This ancient dummy text is also incomprehensible, but it imitates the rhythm of most European languages in Latin script. The advantage of its Latin origin and the relative meaninglessness of Lorum Ipsum is that the text does not attract attention to itself or distract the viewer's attention from the layout.</p>
<h6 class="mb-0">Professional Experience:</h6>
<div class="row">
<div class="col-12 mt-4">
<div class="col-md-12">
<div class="slider-range-four tiny-timeline">
<div class="tiny-slide text-center">
<div class="card border-0 p-4 item-box mb-2 shadow rounded">
<p class="text-muted mb-0">2010 - 2014</p>
<h6 class="mt-1">Master Of Science</h6>
<p class="text-muted mb-0">X.Y.Z Hospital (NZ)</p>
</div>
</div>
<div class="tiny-slide text-center">
<div class="card border-0 p-4 item-box mb-2 shadow rounded">
<p class="text-muted mb-0">2014 - 2016</p>
<h6 class="mt-1">Gynecology Test</h6>
<p class="text-muted mb-0">X.Y.Z Hospital (NZ)</p>
</div>
</div>
<div class="tiny-slide text-center">
<div class="card border-0 p-4 item-box mb-2 shadow rounded">
<p class="text-muted mb-0">2016 - 2019</p>
<h6 class="mt-1">Master Of Medicine</h6>
<p class="text-muted mb-0">X.Y.Z Hospital (NZ)</p>
</div>
</div>
<div class="tiny-slide text-center">
<div class="card border-0 p-4 item-box mb-2 shadow rounded">
<p class="text-muted mb-0">2019 - 2020</p>
<h6 class="mt-1">Orthopedics</h6>
<p class="text-muted mb-0">X.Y.Z Hospital (NZ)</p>
</div>
</div>
<div class="tiny-slide text-center">
<div class="card border-0 p-4 item-box mb-2 shadow rounded">
<p class="text-muted mb-0">2020 to continue..</p>
<h6 class="mt-1">Gynecologist (Final)</h6>
<p class="text-muted mb-0">X.Y.Z Hospital (NZ)</p>
</div>
</div>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end teb pane-->
<div class="tab-pane fade" id="pills-review" role="tabpanel" aria-labelledby="review-tab">
<div class="row justify-content-center">
<div class="col-lg-8 text-center">
<div class="client-review-slider">
<div class="tiny-slide text-center">
<p class="text-muted fw-normal fst-italic">" It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. The most well-known dummy text is the 'Lorem Ipsum', which is said to have originated in the 16th century. "</p>
<img src="../assets/images/client/01.jpg" class="img-fluid avatar avatar-small rounded-circle mx-auto shadow my-3" alt="">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<h6 class="text-primary">- Thomas Israel <small class="text-muted">C.E.O</small></h6>
</div><!--end customer testi-->
<div class="tiny-slide text-center">
<p class="text-muted fw-normal fst-italic">" The advantage of its Latin origin and the relative meaninglessness of Lorum Ipsum is that the text does not attract attention to itself or distract the viewer's attention from the layout. "</p>
<img src="../assets/images/client/02.jpg" class="img-fluid avatar avatar-small rounded-circle mx-auto shadow my-3" alt="">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<h6 class="text-primary">- Carl Oliver <small class="text-muted">P.A</small></h6>
</div><!--end customer testi-->
<div class="tiny-slide text-center">
<p class="text-muted fw-normal fst-italic">" There is now an abundance of readable dummy texts. These are usually used when a text is required purely to fill a space. These alternatives to the classic Lorem Ipsum texts are often amusing and tell short, funny or nonsensical stories. "</p>
<img src="../assets/images/client/03.jpg" class="img-fluid avatar avatar-small rounded-circle mx-auto shadow my-3" alt="">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<h6 class="text-primary">- Barbara McIntosh <small class="text-muted">M.D</small></h6>
</div><!--end customer testi-->
<div class="tiny-slide text-center">
<p class="text-muted fw-normal fst-italic">" According to most sources, Lorum Ipsum can be traced back to a text composed by Cicero in 45 BC. Allegedly, a Latin scholar established the origin of the text by compiling all the instances of the unusual word 'consectetur' he could find "</p>
<img src="../assets/images/client/04.jpg" class="img-fluid avatar avatar-small rounded-circle mx-auto shadow my-3" alt="">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<h6 class="text-primary">- Christa Smith <small class="text-muted">Manager</small></h6>
</div><!--end customer testi-->
<div class="tiny-slide text-center">
<p class="text-muted fw-normal fst-italic">" It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. The most well-known dummy text is the 'Lorem Ipsum', which is said to have originated in the 16th century. "</p>
<img src="../assets/images/client/05.jpg" class="img-fluid avatar avatar-small rounded-circle mx-auto shadow my-3" alt="">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<h6 class="text-primary">- Dean Tolle <small class="text-muted">Developer</small></h6>
</div><!--end customer testi-->
<div class="tiny-slide text-center">
<p class="text-muted fw-normal fst-italic">" It seems that only fragments of the original text remain in the Lorem Ipsum texts used today. One may speculate that over the course of time certain letters were added or deleted at various positions within the text. "</p>
<img src="../assets/images/client/06.jpg" class="img-fluid avatar avatar-small rounded-circle mx-auto shadow my-3" alt="">
<ul class="list-unstyled mb-0">
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
<li class="list-inline-item"><i class="mdi mdi-star text-warning"></i></li>
</ul>
<h6 class="text-primary">- Jill Webb <small class="text-muted">Designer</small></h6>
</div><!--end customer testi-->
</div><!--end carousel-->
</div><!--end col-->
</div><!--end row-->
<div class="row justify-content-center">
<div class="col-lg-2 col-md-2 col-6 text-center py-4">
<img src="../assets/images/client/amazon.png" class="avatar avatar-client" alt="">
</div><!--end col-->
<div class="col-lg-2 col-md-2 col-6 text-center py-4">
<img src="../assets/images/client/google.png" class="avatar avatar-client" alt="">
</div><!--end col-->
<div class="col-lg-2 col-md-2 col-6 text-center py-4">
<img src="../assets/images/client/lenovo.png" class="avatar avatar-client" alt="">
</div><!--end col-->
<div class="col-lg-2 col-md-2 col-6 text-center py-4">
<img src="../assets/images/client/paypal.png" class="avatar avatar-client" alt="">
</div><!--end col-->
<div class="col-lg-2 col-md-2 col-6 text-center py-4">
<img src="../assets/images/client/shopify.png" class="avatar avatar-client" alt="">
</div><!--end col-->
<div class="col-lg-2 col-md-2 col-6 text-center py-4">
<img src="../assets/images/client/spotify.png" class="avatar avatar-client" alt="">
</div><!--end col-->
</div><!--end row-->
</div><!--end teb pane-->
<div class="tab-pane fade" id="pills-timetable" role="tabpanel" aria-labelledby="timetable-tab">
<div class="row">
<div class="col-lg-4 col-md-12">
<div class="card border-0 p-3 rounded shadow">
<ul class="list-unstyled mb-0">
<li class="d-flex justify-content-between">
<p class="text-muted mb-0"><i class="ri-time-fill text-primary align-middle h5 mb-0"></i> Monday</p>
<p class="text-primary mb-0"><span class="text-dark">Time:</span> 8.00 - 20.00</p>
</li>
<li class="d-flex justify-content-between mt-2">
<p class="text-muted mb-0"><i class="ri-time-fill text-primary align-middle h5 mb-0"></i> Tuesday</p>
<p class="text-primary mb-0"><span class="text-dark">Time:</span> 8.00 - 20.00</p>
</li>
<li class="d-flex justify-content-between mt-2">
<p class="text-muted mb-0"><i class="ri-time-fill text-primary align-middle h5 mb-0"></i> Wednesday</p>
<p class="text-primary mb-0"><span class="text-dark">Time:</span> 8.00 - 20.00</p>
</li>
<li class="d-flex justify-content-between mt-2">
<p class="text-muted mb-0"><i class="ri-time-fill text-primary align-middle h5 mb-0"></i> Thursday</p>
<p class="text-primary mb-0"><span class="text-dark">Time:</span> 8.00 - 20.00</p>
</li>
<li class="d-flex justify-content-between mt-2">
<p class="text-muted mb-0"><i class="ri-time-fill text-primary align-middle h5 mb-0"></i> Friday</p>
<p class="text-primary mb-0"><span class="text-dark">Time:</span> 8.00 - 20.00</p>
</li>
<li class="d-flex justify-content-between mt-2">
<p class="text-muted mb-0"><i class="ri-time-fill text-primary align-middle h5 mb-0"></i> Saturday</p>
<p class="text-primary mb-0"><span class="text-dark">Time:</span> 8.00 - 18.00</p>
</li>
<li class="d-flex justify-content-between mt-2">
<p class="text-muted mb-0"><i class="ri-time-fill text-primary align-middle h5 mb-0"></i> Sunday</p>
<p class="text-primary mb-0"><span class="text-dark">Time:</span> 8.00 - 14.00</p>
</li>
</ul>
</div>
</div><!--end col-->
<div class="col-lg-4 col-md-6 mt-4 mt-lg-0 pt-2 pt-lg-0">
<div class="card border-0 text-center features feature-primary">
<div class="icon text-center mx-auto rounded-md">
<i class="uil uil-phone h3 mb-0"></i>
</div>
<div class="card-body p-0 mt-4">
<h5 class="title fw-bold">Phone</h5>
<p class="text-muted">Great doctor if you need your family member to get effective immediate assistance</p>
<a href="tel:+152534-468-854" class="link">+152 534-468-854</a>
</div>
</div>
</div><!--end col-->
<div class="col-lg-4 col-md-6 mt-4 mt-lg-0 pt-2 pt-lg-0">
<div class="card border-0 text-center features feature-primary">
<div class="icon text-center mx-auto rounded-md">
<i class="uil uil-envelope h3 mb-0"></i>
</div>
<div class="card-body p-0 mt-4">
<h5 class="title fw-bold">Email</h5>
<p class="text-muted">Great doctor if you need your family member to get effective immediate assistance</p>
<a href="mailto:contact@example.com" class="link">contact@example.com</a>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end teb pane-->
<div class="tab-pane fade" id="pills-settings" role="tabpanel" aria-labelledby="settings-tab">
<h5 class="mb-1">Settings</h5>
<div class="row">
<div class="col-lg-6">
<div class="rounded shadow mt-4">
<div class="p-4 border-bottom">
<h6 class="mb-0">Personal Information :</h6>
</div>
<div class="p-4">
<div class="row align-items-center">
<div class="col-lg-2 col-md-4">
<img src="../assets/images/doctors/01.jpg" class="avatar avatar-md-md rounded-pill shadow mx-auto d-block" alt="">
</div><!--end col-->
<div class="col-lg-5 col-md-8 text-center text-md-start mt-4 mt-sm-0">
<h6 class="">Upload your picture</h6>
<p class="text-muted mb-0">For best results, use an image at least 256px by 256px in either .jpg or .png format</p>
</div><!--end col-->
<div class="col-lg-5 col-md-12 text-lg-end text-center mt-4 mt-lg-0">
<a href="#" class="btn btn-primary">Upload</a>
<a href="#" class="btn btn-soft-primary ms-2">Remove</a>
</div><!--end col-->
</div><!--end row-->
<form class="mt-4">
<div class="row">
<div class="col-md-6">
<div class="mb-3">
<label class="form-label">First Name</label>
<input name="name" id="name" type="text" class="form-control" placeholder="First Name :">
</div>
</div><!--end col-->
<div class="col-md-6">
<div class="mb-3">
<label class="form-label">Last Name</label>
<input name="name" id="name2" type="text" class="form-control" placeholder="Last Name :">
</div>
</div><!--end col-->
<div class="col-md-6">
<div class="mb-3">
<label class="form-label">Your Email</label>
<input name="email" id="email" type="email" class="form-control" placeholder="Your email :">
</div>
</div><!--end col-->
<div class="col-md-6">
<div class="mb-3">
<label class="form-label">Phone no.</label>
<input name="number" id="number" type="text" class="form-control" placeholder="Phone no. :">
</div>
</div><!--end col-->
<div class="col-md-12">
<div class="mb-3">
<label class="form-label">Your Bio Here</label>
<textarea name="comments" id="comments" rows="4" class="form-control" placeholder="Bio :"></textarea>
</div>
</div>
</div><!--end row-->
<div class="row">
<div class="col-sm-12">
<input type="submit" id="submit" name="send" class="btn btn-primary" value="Save changes">
</div><!--end col-->
</div><!--end row-->
</form><!--end form-->
</div>
</div>
<div class="rounded shadow mt-4">
<div class="p-4 border-bottom">
<h6 class="mb-0">Account Notifications :</h6>
</div>
<div class="p-4">
<form>
<div class="row">
<div class="col-lg-12">
<div class="mb-3">
<label class="form-label">Old password :</label>
<input type="password" class="form-control" placeholder="Old password" required="">
</div>
</div><!--end col-->
<div class="col-lg-12">
<div class="mb-3">
<label class="form-label">New password :</label>
<input type="password" class="form-control" placeholder="New password" required="">
</div>
</div><!--end col-->
<div class="col-lg-12">
<div class="mb-3">
<label class="form-label">Re-type New password :</label>
<input type="password" class="form-control" placeholder="Re-type New password" required="">
</div>
</div><!--end col-->
<div class="col-lg-12 mt-2 mb-0">
<button class="btn btn-primary">Save password</button>
</div><!--end col-->
</div><!--end row-->
</form>
</div>
</div>
</div><!--end col-->
<div class="col-lg-6">
<div class="rounded shadow mt-4">
<div class="p-4 border-bottom">
<h6 class="mb-0">General Notifications :</h6>
</div>
<div class="p-4">
<div class="d-flex justify-content-between pb-4">
<h6 class="mb-0 fw-normal">When someone mentions me</h6>
<div class="form-check">
<input type="checkbox" class="form-check-input" value="" id="customSwitch1">
<label class="form-check-label" for="customSwitch1"></label>
</div>
</div>
<div class="d-flex justify-content-between py-4 border-top">
<h6 class="mb-0 fw-normal">When someone follows me</h6>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="customSwitch2" checked>
<label class="form-check-label" for="customSwitch2"></label>
</div>
</div>
<div class="d-flex justify-content-between py-4 border-top">
<h6 class="mb-0 fw-normal">When shares my activity</h6>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="customSwitch3">
<label class="form-check-label" for="customSwitch3"></label>
</div>
</div>
<div class="d-flex justify-content-between py-4 border-top">
<h6 class="mb-0 fw-normal">When someone messages me</h6>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="customSwitch4" checked>
<label class="form-check-label" for="customSwitch4"></label>
</div>
</div>
</div>
</div>
<div class="rounded shadow mt-4">
<div class="p-4 border-bottom">
<h6 class="mb-0">Marketing Notifications :</h6>
</div>
<div class="p-4">
<div class="d-flex justify-content-between pb-4">
<h6 class="mb-0 fw-normal">There is a sale or promotion</h6>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="customSwitch5" checked>
<label class="form-check-label" for="customSwitch5"></label>
</div>
</div>
<div class="d-flex justify-content-between py-4 border-top">
<h6 class="mb-0 fw-normal">Company news</h6>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="customSwitch6">
<label class="form-check-label" for="customSwitch6"></label>
</div>
</div>
<div class="d-flex justify-content-between py-4 border-top">
<h6 class="mb-0 fw-normal">Weekly jobs</h6>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="customSwitch7">
<label class="form-check-label" for="customSwitch7"></label>
</div>
</div>
<div class="d-flex justify-content-between py-4 border-top">
<h6 class="mb-0 fw-normal">Unsubscribe News</h6>
<div class="form-check">
<input type="checkbox" class="form-check-input" id="customSwitch8" checked>
<label class="form-check-label" for="customSwitch8"></label>
</div>
</div>
</div>
</div>
<div class="rounded shadow mt-4">
<div class="p-4 border-bottom">
<h6 class="mb-0">General Notifications :</h6>
</div>
<div class="p-4">
<div class="p-4 border-bottom">
<h5 class="mb-0 text-danger">Delete Account :</h5>
</div>
<div class="p-4">
<h6 class="mb-0 fw-normal">Do you want to delete the account? Please press below "Delete" button</h6>
<div class="mt-4">
<button class="btn btn-danger">Delete Account</button>
</div><!--end col-->
</div>
</div>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end teb pane-->
</div><!--end tab content-->
</div>
</div><!--end col-->
</div><!--end row-->
</div>
</div>
</div><!--end container-->
<!-- Footer Start -->
<footer class="bg-footer-color shadow py-3">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col">
<div class="text-sm-start text-center">
<p class="mb-0 text-muted"><script>document.write(new Date().getFullYear())</script> © Doctris. Design with <i class="mdi mdi-heart text-danger"></i> by <a href="https://shreethemes.in/" target="_blank" class="text-reset">Shreethemes</a>.</p>
</div>
</div><!--end col-->
</div><!--end row-->
</div><!--end container-->
</footer><!--end footer-->
<!-- End -->
</main>
<!--End page-content" -->
</div>
<!-- page-wrapper -->
<!-- Offcanvas Start -->
<div class="offcanvas offcanvas-end shadow border-0" tabindex="-1" id="offcanvasRight" aria-labelledby="offcanvasRightLabel">
<div class="offcanvas-header p-4 border-bottom">
<h5 id="offcanvasRightLabel" class="mb-0">
<img src="../assets/images/logo-dark.png" height="22" class="light-version" alt="">
<img src="../assets/images/logo-light.png" height="22" class="dark-version" alt="">
</h5>
<button type="button" class="btn-close d-flex align-items-center text-dark" data-bs-dismiss="offcanvas" aria-label="Close"><i class="uil uil-times fs-4"></i></button>
</div>
<div class="offcanvas-body p-4 px-md-5">
<div class="row">
<div class="col-12">
<!-- Style switcher -->
<div id="style-switcher">
<div>
<ul class="text-center style-switcher list-unstyled mb-0">
<li class="d-grid"><a href="javascript:void(0)" class="rtl-version t-rtl-light" onclick="setTheme('style-rtl')"><img src="../assets/images/layouts/light-dash-rtl.png" class="img-fluid rounded-md shadow-md d-block mx-auto" style="width: 240px;" alt=""><span class="text-dark fw-medium mt-3 d-block">RTL Version</span></a></li>
<li class="d-grid"><a href="javascript:void(0)" class="ltr-version t-ltr-light" onclick="setTheme('style')"><img src="../assets/images/layouts/light-dash.png" class="img-fluid rounded-md shadow-md d-block mx-auto" style="width: 240px;" alt=""><span class="text-dark fw-medium mt-3 d-block">LTR Version</span></a></li>
<li class="d-grid"><a href="javascript:void(0)" class="dark-rtl-version t-rtl-dark" onclick="setTheme('style-dark-rtl')"><img src="../assets/images/layouts/dark-dash-rtl.png" class="img-fluid rounded-md shadow-md d-block mx-auto" style="width: 240px;" alt=""><span class="text-dark fw-medium mt-3 d-block">RTL Version</span></a></li>
<li class="d-grid"><a href="javascript:void(0)" class="dark-ltr-version t-ltr-dark" onclick="setTheme('style-dark')"><img src="../assets/images/layouts/dark-dash.png" class="img-fluid rounded-md shadow-md d-block mx-auto" style="width: 240px;" alt=""><span class="text-dark fw-medium mt-3 d-block">LTR Version</span></a></li>
<li class="d-grid"><a href="javascript:void(0)" class="dark-version t-dark mt-4" onclick="setTheme('style-dark')"><img src="../assets/images/layouts/dark-dash.png" class="img-fluid rounded-md shadow-md d-block mx-auto" style="width: 240px;" alt=""><span class="text-dark fw-medium mt-3 d-block">Dark Version</span></a></li>
<li class="d-grid"><a href="javascript:void(0)" class="light-version t-light mt-4" onclick="setTheme('style')"><img src="../assets/images/layouts/light-dash.png" class="img-fluid rounded-md shadow-md d-block mx-auto" style="width: 240px;" alt=""><span class="text-dark fw-medium mt-3 d-block">Light Version</span></a></li>
<li class="d-grid"><a href="https://shreethemes.in/doctris/layouts/landing/index.html" target="_blank" class="mt-4"><img src="../assets/images/layouts/landing-light.png" class="img-fluid rounded-md shadow-md d-block mx-auto" style="width: 240px;" alt=""><span class="text-dark fw-medium mt-3 d-block">Landing Page</span></a></li>
</ul>
</div>
</div>
<!-- end Style switcher -->
</div><!--end col-->
</div><!--end row-->
</div>
<div class="offcanvas-footer p-4 border-top text-center">
<ul class="list-unstyled social-icon social mb-0">
<li class="list-inline-item mb-0"><a href="https://1.envato.market/doctris-template" target="_blank" class="rounded"><i class="uil uil-shopping-cart align-middle" title="Buy Now"></i></a></li>
<li class="list-inline-item mb-0"><a href="https://dribbble.com/shreethemes" target="_blank" class="rounded"><i class="uil uil-dribbble align-middle" title="dribbble"></i></a></li>
<li class="list-inline-item mb-0"><a href="https://www.behance.net/shreethemes" target="_blank" class="rounded"><i class="uil uil-behance align-middle" title="behance"></i></a></li>
<li class="list-inline-item mb-0"><a href="https://www.facebook.com/shreethemes" target="_blank" class="rounded"><i class="uil uil-facebook-f align-middle" title="facebook"></i></a></li>
<li class="list-inline-item mb-0"><a href="https://www.instagram.com/shreethemes/" target="_blank" class="rounded"><i class="uil uil-instagram align-middle" title="instagram"></i></a></li>
<li class="list-inline-item mb-0"><a href="https://x.com/shreethemes" target="_blank" class="rounded"><i class="uil uil-twitter align-middle" title="twitter"></i></a></li>
<li class="list-inline-item mb-0"><a href="mailto:support@shreethemes.in" class="rounded"><i class="uil uil-envelope align-middle" title="email"></i></a></li>
<li class="list-inline-item mb-0"><a href="https://shreethemes.in/" target="_blank" class="rounded"><i class="uil uil-globe align-middle" title="website"></i></a></li>
</ul><!--end icon-->
</div>
</div>
<!-- Offcanvas End -->
<!-- javascript -->
<script src="../assets/libs/simplebar/simplebar.min.js"></script>
<script src="../assets/libs/tiny-slider/min/tiny-slider.js"></script></script>
<!-- Icons -->
<script src="../assets/libs/feather-icons/feather.min.js"></script>
<!-- Main Js -->
<!-- JAVASCRIPT -->
<script src="../assets/libs/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="../assets/js/plugins.init.js"></script>
<script src="../assets/js/app.js"></script>
</body>
</html>