Homepage services block

<div class="full">
	<div class="item">
		<div class="service">
			<div class="service-icon"><img src="https://demo2.drupar.com/images/demo-images/icons/service/service1.svg" alt="service icon"></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><!-- /item -->
	<div class="item">
		<div class="service">
			<div class="service-icon"><img src="https://demo2.drupar.com/images/demo-images/icons/service/service2.svg" alt="service icon"></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><!-- /item -->
	<div class="item">
		<div class="service">
			<div class="service-icon"><img src="https://demo2.drupar.com/images/demo-images/icons/service/service3.svg" alt="service icon"></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><!-- /item -->
</div>

With Animation Effect

<div class="full animate-fadeInUp fancy animated">
	<div class="item">
		<div class="service">
			<div class="service-icon"><img src="https://demo2.drupar.com/images/demo-images/icons/service/service1.svg" alt="service icon"></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><!-- /item -->
	<div class="item">
		<div class="service">
			<div class="service-icon"><img src="https://demo2.drupar.com/images/demo-images/icons/service/service2.svg" alt="service icon"></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><!-- /item -->
	<div class="item">
		<div class="service">
			<div class="service-icon"><img src="https://demo2.drupar.com/images/demo-images/icons/service/service3.svg" alt="service icon"></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><!-- /item -->
</div>