<!-- service item -->
<div class="col-lg-4 col-sm-6 mb-4 mb-lg-0">
<div class="card border-0 rounded-0 box-shadow">
<img class="card-img-top rounded-0" src="images/" alt="Card image cap">
<div class="card-body position-relative">
<i class="card-icon fa fa-bar-chart hover-ripple"></i>
<a href="#">
<h4 class="card-title">Service name</h4>
</a>
<p class="card-text">description</p>
<a href="#" class="btn btn-secondary btn-arrow">Read More</a>
</div>
</div>
</div>
Just Copy the code. Don't remove the classnames. Use your own class for customization
<!-- service item 2 -->
<div class="col-lg-3 col-sm-6 mb-4">
<div class="bg-white py-5 px-4 text-center box-shadow hover-bg-dark">
<div class="icon-bg mb-4 water-wave">
<i class="fa fa-diamond icon text-primary"></i>
</div>
<h4 class="mb-4">service name</h4>
<p>description</p>
</div>
</div>
Just Copy the code. Don't remove the classnames. Use your own class for customization
Lorem ipsum dolor sit amet constur adipelit sed.
Lorem ipsum dolor sit amet constur adipelit sed.
Lorem ipsum dolor sit amet constur adipelit sed.
Lorem ipsum dolor sit amet constur adipelit sed.