<div class="icon-center-top">
	<div class="icon-box-content">
		<i class="fa fa-flask icon-circle icon-stroke fa-4x icon-primary"></i>
		<h5>Icon box center</h5>
		<p>[...]</p>
	</div>
	<i class="fa fa-flask bg-icon"></i>
</div>

<div class="text-icon-box">
	<span class="number">01</span>
	<div class="icon-box-content">
		<i class="fa fa-html5 fa-7x icon-default"></i>
		<h6>Icon box numeric</h6>
		<p>[...]</p>
	</div>
	<i class="fa fa-html5 bg-icon"></i>
</div>

<div class="icon-box-left">
	<div class="icon-box-content">
		<i class="fa fa-laptop icon-circle fa-4x"></i>
		<h5>Icon box center</h5>
		<p>[...]</p>
	</div>
	<i class="fa fa-laptop bg-icon"></i>
</div>

<div class="flip-wrapp">
	<div class="front">
		<div class="vertical-center">
			<div>
				<i class="fa fa-laptop icon-circle fa-5x"></i>
				<h5>Wed design</h5>
				<p>Per esse cetero laboramus</p>
			</div>
		</div>
	</div>
	<div class="back">
		<h5>Wed design and development</h5>
		<p>[...]</p>
		<p><a href="#" class="btn btn-stroke btn-sm">Learn more</a></p>
	</div> 
</div>

<div class="col-md-3">
	<div class="icon-box-circle">
		<div class="icon-box-content">
			<div class="bottom-icon"><i class="fa fa-image icon-circle fa-3x icon-buttercup"></i></div>
			<h5>Icon <span>box circle</span></h5>
			<p>[...]</p>
			<p><a href="#" class="btn btn-buttercup btn-sm">More</a></p>
		</div>
	</div>
</div>
<div class="col-md-3">
	<div class="icon-box-circle">
		<div class="icon-box-content">
			<div class="bottom-icon"><i class="fa fa-image icon-circle fa-3x icon-meadow"></i></div>
			<h5>Icon <span>box circle</span></h5>
			<p>[...]</p>
			<p><a href="#" class="btn btn-meadow btn-sm">More</a></p>
		</div>
	</div>
</div>
<div class="col-md-3">
	<div class="icon-box-circle">
		<div class="icon-box-content">
			<div class="bottom-icon"><i class="fa fa-image icon-circle fa-3x icon-mandy"></i></div>
			<h5>Icon <span>box circle</span></h5>
			<p>[...]</p>
			<p><a href="#" class="btn btn-mandy btn-sm">More</a></p>
		</div>
	</div>
</div>
</div>
<div class="col-md-3">
	<div class="icon-box-circle">
		<div class="icon-box-content">
			<div class="bottom-icon"><i class="fa fa-image icon-circle fa-3x icon-picton"></i></div>
			<h5>Icon <span>box right</span></h5>
			<p>[...]</p>
			<p><a href="#" class="btn btn-picton btn-sm">More</a></p>
		</div>
	</div>
</div>

<div class="col-icon column-5 bg1">
	<i class="fa fa-sign-in fa-5x"></i>
	<h5><span>Heading</span> here</h5>
	<p>[...]</p>
	<a href="#" class="btn btn-primary btn-sm">More</a>
</div>
<div class="col-icon column-5 bg2">
	<i class="fa fa-rocket fa-5x"></i>
	<h5><span>Heading</span> here</h5>
	<p>[...]</p>
	<a href="#" class="btn btn-primary btn-sm">More</a>
</div>
<div class="col-icon column-5 bg3">
	<i class="fa fa-wrench fa-5x"></i>
	<h5><span>Heading</span> here</h5>
	<p>[...]</p>
	<a href="#" class="btn btn-primary btn-sm">More</a>
</div>
<div class="col-icon column-5 column-active">
	<i class="fa fa-flask fa-5x"></i>
	<h5><span>Heading</span> here</h5>
	<p>[...]</p>
	<a href="#" class="btn btn-default btn-sm">More</a>
</div>
<div class="col-icon column-5 bg5">
	<i class="fa fa-heart fa-5x"></i>
	<h5><span>Heading</span> here</h5>
	<p>[...]</p>
	<a href="#" class="btn btn-primary btn-sm">More</a>
</div>

<div class="col-md-3">
	<div class="icon-box-color-bg buttercup-bg">
		<i class="fa fa-trophy icon-circle fa-3x icon-buttercup"></i>
		<h5><span>Heading</span> here</h5>
		<p>[...]</p>
		<a href="#" class="btn btn-buttercup btn-sm">More</a>
	</div>
</div>
<div class="col-md-3">
	<div class="icon-box-color-bg picton-bg">
		<i class="fa fa-tablet icon-circle fa-3x icon-picton"></i>
		<h5><span>Heading</span> here</h5>
		<p>[...]</p>
		<a href="#" class="btn btn-picton btn-sm">More</a>
	</div>
</div>
<div class="col-md-3">
	<div class="icon-box-color-bg mandy-bg">
		<i class="fa fa-tablet icon-circle fa-3x icon-mandy"></i>
		<h5><span>Heading</span> here</h5>
		<p>[...]</p>
		<a href="#" class="btn btn-mandy btn-sm">More</a>
	</div>
</div>
<div class="col-md-3">
	<div class="icon-box-color-bg mantis-bg">
		<i class="fa fa-tablet icon-circle fa-3x icon-mantis"></i>
		<h5><span>Heading</span> here</h5>
		<p>[...]</p>
		<a href="#" class="btn btn-mantis btn-sm">More</a>
	</div>
</div>