Sample Code
<div class="section-small width60 center text-center">
<h2>We make designs that <span class="color-primary">lead</span> and <span class="color-primary">inpire</span></h2>
</div><!-- /section -->
<div class="section-small width60 center text-center">
<p>Our expert team has years of experience helping businesses of all sizes and industries succeed online. We take pride in our work and are committed to delivering results that exceed our clients expectations</p>
</div><!-- /section -->
<div class="services">
<div class="service animate-fadeIn">
<div><img src="/themes/mahipro/images/demo/service-digital-marketing.svg" alt="service-digital-marketing" /></div>
<h3><a href="#">Digital Marketing</a></h3>
<div>There are many variations of passages of lorem ipsum available and its is used as dummy text.</div>
</div><!--/service-->
<div class="service animate-fadeIn delay">
<div><img src="/themes/mahipro/images/demo/service-web-design.svg" alt="web-design" /></div>
<h3><a href="#">Web Development</a></h3>
<div>There are many variations of passages of lorem ipsum available and its is used as dummy text.</div>
</div><!--/service-->
<div class="service animate-fadeIn delay-1s">
<div><img src="/themes/mahipro/images/demo/service-product-design.svg" alt="service-product-design" /></div>
<h3><a href="#">Product Designs</a></h3>
<div>There are many variations of passages of lorem ipsum available and its is used as dummy text.</div>
</div><!--/service-->
<div class="service animate-fadeIn delay-1_5s">
<div><img src="/themes/mahipro/images/demo/service-animation.svg" alt="service-animation" /></div>
<h3><a href="#">Animations</a></h3>
<div>There are many variations of passages of lorem ipsum available and its is used as dummy text.</div>
</div><!--/service-->
<div class="service animate-fadeIn delay-2s">
<div><img src="/themes/mahipro/images/demo/service-brand-building.svg" alt="brand-building" /></div>
<h3><a href="#">Brand Building</a></h3>
<div>There are many variations of passages of lorem ipsum available and its is used as dummy text.</div>
</div><!--/service-->
<div class="service animate-fadeIn delay-2_5s">
<div><img src="/themes/mahipro/images/demo/service-custom-app.svg" alt="custom app" /></div>
<h3><a href="#">Custom App</a></h3>
<div>There are many variations of passages of lorem ipsum available and its is used as dummy text.</div>
</div><!--/service-->
</div><!--/services-->