<!-- 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 banner-feature">
<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