Sample Code
<div class="section-large">
<div class="items gap">
<div class="item">
<h2>We <em>create</em> & <em>design</em> award winning digital products</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>
<div class="item"><img src="/themes/zuvipro/images/demo/work1.svg" alt="image" /></div>
</div><!-- /items -->
</div><!-- /section -->
<!-- Our awards -->
<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 -->
<div class="section-large">
<div class="call-to-action">
<div>
<h4>Have any questions about us?</h4>
<p>Don't hesitate to contact us.</p>
</div>
<div><a href="#" class="button-solid">Contact Us</a></div>
</div>
</div>
<div class="section-large">
<h2 class="title">Meet Our <em>Expert</em> Team</h2>
<div class="items gap">
<div class="item">
<div class="box">
<p><img src="/themes/zuvipro/images/demo/team/team1.jpg" alt="image"></p>
<p>Began Vives<br>
Project Manager</p>
<ul class="icons">
<li><a href="#"><i class="ficon-facebook"></i></a></li>
<li><a href="#"><i class="ficon-twitter"></i></a></li>
<li><a href="#"><i class="ficon-instagram"></i></a></li>
</ul>
</div>
</div><!-- /item -->
<div class="item">
<div class="box">
<p><img src="/themes/zuvipro/images/demo/team/team2.jpg" alt="image"></p>
<p>
Jenny Wilson<br>
Managing Director
</p>
<ul class="icons">
<li><a href="#"><i class="ficon-facebook"></i></a></li>
<li><a href="#"><i class="ficon-twitter"></i></a></li>
<li><a href="#"><i class="ficon-instagram"></i></a></li>
</ul>
</div>
</div><!-- /item -->
<div class="item">
<div class="box">
<p><img src="/themes/zuvipro/images/demo/team/team3.jpg" alt="image"></p>
<p>
Hemant Saran<br>
Marketing Director<br>
</p>
<ul class="icons">
<li><a href="#"><i class="ficon-facebook"></i></a></li>
<li><a href="#"><i class="ficon-twitter"></i></a></li>
<li><a href="#"><i class="ficon-instagram"></i></a></li>
</ul>
</div>
</div><!-- /item -->
<div class="item">
<div class="box">
<p><img src="/themes/zuvipro/images/demo/team/team4.jpg" alt="image"></p>
<p>
Simran Siri<br>
Marketing Director
</p>
<ul class="icons">
<li><a href="#"><i class="ficon-facebook"></i></a></li>
<li><a href="#"><i class="ficon-twitter"></i></a></li>
<li><a href="#"><i class="ficon-instagram"></i></a></li>
</ul>
</div>
</div><!-- /item -->
</div><!-- /items -->
</div><!-- /section -->
