Sample Code
<div class="section">
<h3 class="center width80 text-center animate-fadeIn">We are an innovative digital marketing agency serving top brands.</h3>
<p class="center width60 text-center animate-fadeInUp">We take the time to get to know our clients, so that we can effectively unite their business objectives with intelligent creative digital design solutions.</p>
</div><!-- /section -->
<div class="section-large">
<div class="services animate-fadeInUp">
<div class="service">
<div class="service-icon"><i class="fa fa-coffee" aria-hidden="true"></i></div>
<h3>UI/UX Design</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum possimus veritatis inventore.</p>
<a class="button-link" href="#">read more</a>
</div><!-- .service -->
<div class="service">
<div class="service-icon"><i class="fa fa-diamond" aria-hidden="true"></i></div>
<h3>Web Design</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum possimus veritatis inventore.</p>
<a class="button-link" href="#">read more</a>
</div><!-- .service -->
<div class="service">
<div class="service-icon"><i class="fa fa-android" aria-hidden="true"></i></div>
<h3>Mobile Apps</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum possimus veritatis inventore.</p>
<a class="button-link" href="#">read more</a>
</div><!-- .service -->
<div class="service">
<div class="service-icon"><i class="fa fa-video-camera" aria-hidden="true"></i></div>
<h3>Video Editing</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum possimus veritatis inventore.</p>
<a class="button-link" href="#">read more</a>
</div><!-- .service -->
<div class="service">
<div class="service-icon"><i class="fa fa-bullhorn" aria-hidden="true"></i></div>
<h3>Branding</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum possimus veritatis inventore.</p>
<a class="button-link" href="#">read more</a>
</div><!-- .service -->
<div class="service">
<div class="service-icon"><i class="fa fa-area-chart" aria-hidden="true"></i></div>
<h3>Social Marketing</h3>
<p>Lorem ipsum dolor, sit amet consectetur adipisicing elit. Eum possimus veritatis inventore.</p>
<a class="button-link" href="#">read more</a>
</div><!-- .service -->
</div><!-- .services -->
</div><!-- /section -->
<div class="section-large">
<div class="items gap">
<div class="item animate-fadeIn">
<h2><em>Web</em> & <em>Mobile</em> development</h2>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris.</p>
<p><button class="button-round">Responsive Design</button> <button class="button-round">UI / UX Design</button></p>
<p><button class="button-round">E-commerce</button> <button class="button-round">Mobile App Development</button></p>
<p><button class="button-round">Drupal</button> <button class="button-round">Wordpress</button></p>
</div><!-- /item -->
<div class="item animate-fadeInUp delay-1s">
<img src="/themes/zuvipro/images/demo/service2.svg" alt="award image" />
</div><!-- /item -->
</div><!-- /full -->
</div><!-- /section -->
<div class="section-large">
<h2 class="title">Our Awards</h2>
<div class="items animate-bounceUp">
<div class="box grid-center">
<img src="/themes/zuvipro/images/demo/awards/award1.png" alt="award image" />
</div>
<div class="box grid-center">
<img src="/themes/zuvipro/images/demo/awards/award2.png" alt="award image" />
</div>
<div class="box grid-center">
<img src="/themes/zuvipro/images/demo/awards/award3.png" alt="award image" />
</div>
<div class="box grid-center">
<img src="/themes/zuvipro/images/demo/awards/award4.png" alt="award image" />
</div>
</div>
</div><!-- /section -->
<div class="section-large">
<h2 class="title">Our Clients</h2>
<div class="items animate-bounceUp">
<div class="box grid-center">
<img src="/themes/zuvipro/images/demo/clients/client1.svg" alt="client image" />
</div>
<div class="box grid-center">
<img src="/themes/zuvipro/images/demo/clients/client2.svg" alt="client image" />
</div>
<div class="box grid-center">
<img src="/themes/zuvipro/images/demo/clients/client3.svg" alt="client image" />
</div>
<div class="box grid-center">
<img src="/themes/zuvipro/images/demo/clients/client4.svg" alt="client image" />
</div>
</div>
</div><!-- /section -->
