<div class="services">
<div class="service bg-light">
<div class="service-icon"><img src="/themes/xara/images/demo/service/service1.svg" alt="service name" /></div>
<h3>App Development</h3>
<p>Lorem ipsum is placeholder text commonly used in the web dev industries for previewing layouts and visual mockups.</p>
<p><a class="button" href="#">read more</a></p>
</div><!--/service -->
<div class="service">
<div class="service-icon"><img src="/themes/xara/images/demo/service/service2.svg" alt="service name" /></div>
<h3>Digital Branding</h3>
<p>Lorem ipsum is placeholder text commonly used in the web developmemnt industries for previewing layouts and visual mockups.</p>
<p><a class="button" href="#">read more</a></p>
</div><!--/service -->
<div class="service">
<div class="service-icon"><img src="/themes/xara/images/demo/service/service3.svg" alt="service name" /></div>
<h3>Project Management</h3>
<p>Lorem ipsum is placeholder text commonly used in the web developmemnt industries for previewing layouts and visual mockups.</p>
<p><a class="button" href="#">read more</a></p>
</div><!--/service -->
</div><!--/services -->