html

html
 <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>
Scroll to Top