ok
Mini Shell
<div class="top-header-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-6 col-md-12">
<ul class="top-header-information">
<li>
<i class='bx bxs-map'></i> Shivalik Avenue, 1st floor, shop no- 110
near Nirma high school
Bodakdev
Ahmedabad, Gujarat 380054
India
</li>
<!-- <li>
<i class='bx bx-envelope-open'></i>
<a href="https://templates.hibootstrap.com/cdn-cgi/l/email-protection#d5a6a0a5a5baa7a195b2a7bcbbfbb6bab8"><span class="__cf_email__" data-cfemail="f1828481819e8385b19683989fdf929e9c">[email protected]</span></a>
</li> -->
</ul>
</div>
<div class="col-lg-6 col-md-12">
<ul class="top-header-optional">
<li>
<a href="https://www.facebook.com/Drrhythms-101606275985070" target="_blank"><i class='bx bxl-facebook'></i></a>
<a href="#" target="_blank"><i class='bx bxl-twitter'></i></a>
<a href="#" target="_blank"><i class='bx bxl-linkedin'></i></a>
<a href="https://www.instagram.com/rhythm.shah89/" target="_blank"><i class='bx bxl-instagram'></i></a>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="middle-header-area">
<div class="container">
<div class="row align-items-center">
<div class="col-lg-4 col-md-12">
<div class="middle-header">
<h1>
<a href="index.php"><img src="assets/images/logod.png" alt="logo"></a>
</h1>
</div>
</div>
<div class="col-lg-8 col-md-12">
<ul class="middle-header-content">
<li>
<i class="flaticon-emergency-call"></i><span style="color:#1261a0;"> Call Today</span>
<span><a href="tel:+919316816700">+91 93168 16700</a></span>
</li>
<li>
<i class="flaticon-wall-clock"></i><span style="color:#1261a0;"> Email</span>
<span>dr.rhythmdentalhub@gmail.com</span>
</li>
</ul>
</div>
</div>
</div>
</div>
<div class="navbar-area">
<div class="main-responsive-nav">
<div class="container">
<div class="main-responsive-menu">
<div class="logo">
<a href="index.php"><img src="assets/images/logoddd.jpeg" alt="logo"></a>
</div>
</div>
</div>
</div>
<div class="main-navbar">
<div class="container">
<nav class="navbar navbar-expand-md navbar-light">
<div class="collapse navbar-collapse mean-menu" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a href="index.php" class="nav-link active">Home</a>
</li>
<li class="nav-item">
<a href="about.php" class="nav-link">About Us</a>
</li>
<li class="nav-item">
<a href="services.php" class="nav-link">Our Services </a>
</li>
<!-- <li class="nav-item">
<a href="#" class="nav-link">Our Services <i class='bx bx-caret-down'></i></a>
<ul class="dropdown-menu">
<li class="nav-item"><a href="services.php" class="nav-link">Dental Implant</a></li>
<li class="nav-item"><a href="services.php" class="nav-link">Dental Bridge Treatement</a></li>
<li class="nav-item"><a href="services.php" class="nav-link">Root Canal Treatment</a></li>
<li class="nav-item"><a href="services.php" class="nav-link">Laser Treatment</a></li>
<li class="nav-item"><a href="services.php" class="nav-link">Crown Treatment</a></li>
<li class="nav-item"><a href="services.php" class="nav-link">Teeth Whitening</a></li>
<li class="nav-item"><a href="services.php" class="nav-link">Dental Braces Treatment</a></li>
<li class="nav-item"><a href="services.php" class="nav-link">Wisdom Teeth</a></li>
</ul>
</li> -->
<li class="nav-item">
<a href="gallery.php" class="nav-link">Gallery</a>
</li>
<li class="nav-item">
<a href="contact.php" class="nav-link">Contact Us</a>
</li>
<li class="nav-item">
<a href="blog.php" class="nav-link">Blog</a>
</li>
</ul>
<div class="others-options d-flex align-items-center">
<div class="option-item">
<div class="navbar-btn">
<a href="contact.php" class="default-btn">Book Appointment</a>
</div>
</div>
</div>
</div>
</nav>
</div>
</div>
</div>
<div class="modal fade fade-scale searchmodal" id="searchmodal" tabindex="-1" role="dialog">
<div class="modal-dialog" role="document">
<div class="modal-content">
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal"><i class='bx bx-x'></i></button>
</div>
<div class="modal-body">
<form class="modal-search-form">
<input type="search" class="search-field" placeholder="Search...">
<button type="submit"><i class='bx bx-search-alt'></i></button>
</form>
</div>
</div>
</div>
</div>
<!-- <style type="text/css">
.wtspwrapper {left:25px;}
.shareiconcode {position: fixed;bottom: 3%;z-index: 99;}
.shareiconcode a {height:50px;width:50px;display:inline-block;box-shadow: 0px 0px 30px 5px #7d78787d;border-radius: 50%;background: #fff;}
.shareiconcode img {max-width: 100%;max-height: 100%;width: auto;height: auto;}
</style>
<div class="wtspwrapper shareiconcode">
<a href="https://api.whatsapp.com/send?phone=+917096067240&text=" target="new">
< <em class="ion ion-social-whatsapp-outline" aria-hidden="true"></em> <img src="assets/images/whatsapp.png"></a>
</div>
<style type="text/css">
.call {left:25px;}
.callicon {position: fixed;bottom: 12%;z-index: 99;}
.callicon a {height:50px;width:50px;display:inline-block;box-shadow: 0px 0px 30px 5px #7d78787d;border-radius: 50%;background: #fff;}
.callicon img {max-width: 100%;max-height: 100%;width: auto;height: auto;}
</style>
<div class="call callicon">
<a href="tel:+917096067240">
<em class="ion ion-social-whatsapp-outline" aria-hidden="true"></em> <img src="assets/images/call.gif"></a>
</div> -->
Zerion Mini Shell 1.0