<div class="text-column">
	<h5 class="heading-icon"><i class="fa fa-magic icon-circle icon-primary"></i> Heading with icon</h5>
	<p>[...]</p>
</div>

<div class="text-column">
	<h5 class="heading-icon"><i class="fa fa-pencil icon-circle icon-default"></i> Heading with icon</h5>
	<p>[...]</p>
</div>

<div class="align-icon">
	<i class="fa fa-flask icon-default fa-5x"></i>
	<h5>Align icon left</h5>
	<p>[...]</p>
</div>

<div class="align-icon text-center">
	<i class="fa fa-camera-retro icon-default fa-5x"></i>
	<h5>Align icon center</h5>
	<p>[...]</p>
</div>

<div class="align-icon text-right">
	<i class="fa fa-rocket icon-default fa-5x"></i>
	<h5>Align icon right</h5>
	<p>[...]</p>
</div>

<div class="abslute-icon ai-4x">
	<i class="fa fa-tablet icon-circle icon-default fa-4x"></i> 
	<h5>Absolute icon left</h5>
	<p>[...]</p>
</div>

<div class="abslute-icon text-center ai-4x">
	<i class="fa fa-magic icon-circle icon-default fa-4x"></i> 
	<h5>Absolute icon center</h5>
	<p>[...]</p>
</div>


<div class="abslute-icon text-right ai-4x">
	<i class="fa fa-leaf icon-circle icon-default fa-4x"></i> 
	<h5>Absolute icon right</h5>
	<p>[...]</p>
</div>

<div class="centered-icon">
	<div class="icon-wrapp icon-circle icon-primary"><i class="fa fa-tablet"></i></div>
	<h5>Absolute stylish icon</h5>
	<p>[...]</p>
</div>