<section id=”home” class=”home”>
<div class=”banner_wrapper wrapper”>
<div class=”container”>
<div class=”row align-items-center”>
<div class=”col-md-6 order-md-1 order-2″>
<h3>better life through</h3>
<h1>Better Dentistry</h1>
<p>Lorem ipsum dolor sit amet consectetur adipisicing elit. Voluptate, iusto, reprehenderit maxime illo
aliquid tempora perferendis ea ducimus porro harum laborum distinctio modi nostrum? Nobis debitis minima
veniam ducimus odit!
</p>
<a href=”#” class=”main-btn mt-4 fill-btn”>Appointment</a>
<a href=”#” class=”main-btn mt-4 ms-3″>learn more</a>
</div>
<div class=”col-md-6 order-md-2 order-1 mb-md-0 mb-5″>
<div class=”top-right-sec”>
<div class=”animate-img”>
<img class=”aimg1″ src=”./images/top-banner-img/woman-brush.png”>
<img class=”aimg2″ src=”./images/top-banner-img/doctor.png”>
</div>
<img class=”img-fluid ms-xl-5″ src=”./images/top-banner-img/top-right-img-1.png”>
</div>
</div>
</div>
</div>
</div>
<div class=”wrapper pb-0″>
<div class=”container”>
<div class=”row”>
<div class=”col-md-4 col-sm-6 mb-4″>
<div class=”card text-center”>
<div class=”icon-box”>
<img src=”./images/top-banner-img/Appointment-icon.png”>
</div>
<div>
<h4>Easy Appointment</h4>
<p>Lorem ipsum dolor sit, iae is, enim mccusantium nam accusamus. Voluptate.</p>
</div>
</div>
</div>
<div class=”col-md-4 col-sm-6 mb-4″>
<div class=”card text-center”>
<div class=”icon-box”>
<img src=”./images/top-banner-img/Emergency-icon.png”>
</div>
<div>
<h4>Emergency Service</h4>
<p>Lorem ipsum dolor sit, iae is, enim mccusantium nam accusamus. Voluptate.</p>
</div>
</div>
</div>
<div class=”col-md-4 col-sm-6 mb-4″>
<div class=”card text-center”>
<div class=”icon-box”>
<img src=”./images/top-banner-img/7-Service-icon.png”>
</div>
<div>
<h4> 24/7 Service</h4>
<p>Lorem ipsum dolor sit, iae is, enim mccusantium nam accusamus. Voluptate.</p>
</div>
</div>
</div>
</div>
</div>
Please follow and like us: