Header Area

HTML example:

<section class="hero-area pt-200 pb-120">
<div class="shape-slider">
<img class="shape shape-1 " src="img/shape/shape1.png" alt="">
<img class="shape shape-2 " src="img/shape/shape2.png" alt="">
<img class="shape shape-3 " src="img/shape/shape3.png" alt="">
<img class="shape shape-4 " src="img/shape/shape4.png" alt="">
</div>
<div class="container">
<div class="row align-items-center">
<div class="col-lg-7">
<div class="hero-title">
<h6>Digital Marketing Agency</h6>
<h1>Best <span>Digital Marketing Agency </span>For Business.</h1>

<a href="#" class="button mr-20 active">Learn More</a>
<a href="https://www.youtube.com/watch?v=ctvlUvN6wSE" class="button" data-lity>Play Video</a>
</div>
</div>
<div class="col-lg-5">
<div class="hero-img wow fadeInRight animated" data-wow-duration="2.5s">
<img src="img/hero/hero-img.png" alt="">
</div>
</div>
</div>
</div>
<div class="shape-1-img d-m-none">
<img src="img/shape/shape-1.png" alt="">
</div>
</section>
Was this page helpful?

Leave a Reply

Your email address will not be published. Required fields are marked *