Please wait...

Components icons

Heading with icon

Eam affert vivendo ea, quo et vero vituperatoribus, duo oporteat eleifend ut. Qui detracto deserunt ea. Te mea semper commodo persius.

Heading with icon

Eam affert vivendo ea, quo et vero vituperatoribus, duo oporteat eleifend ut. Qui detracto deserunt ea. Te mea semper commodo persius.

Heading with icon

Eam affert vivendo ea, quo et vero vituperatoribus, duo oporteat eleifend ut. Qui detracto deserunt ea. Te mea semper commodo persius.

<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>
Align icon left

Eam affert vivendo ea, quo et vero vituperatoribus, duo oporteat eleifend ut. Qui detracto deserunt ea. Te mea semper commodo persius.

Align icon center

Eam affert vivendo ea, quo et vero vituperatoribus, duo oporteat eleifend ut. Qui detracto deserunt ea. Te mea semper commodo persius.

Align icon right

Eam affert vivendo ea, quo et vero vituperatoribus, duo oporteat eleifend ut. Qui detracto deserunt ea. Te mea semper commodo persius.

<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>
Absolute icon left

Vituperatoribus duo oporteat eleifend ut. Qui detracto deserunt ea. Te mea semper commodo persius. Eam affert vivendo ea.

Absolute icon center

Vituperatoribus duo oporteat eleifend ut. Qui detracto deserunt ea. Te mea semper commodo persius. Eam affert vivendo ea.

Absolute icon right

Vituperatoribus duo oporteat eleifend ut. Qui detracto deserunt ea. Te mea semper commodo persius. Eam affert vivendo ea.

<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>
Absolute stylish icon

Vituperatoribus duo oporteat eleifend ut. Qui detracto deserunt ea. Te mea semper commodo persius. Eam affert vivendo ea.

Absolute stylish icon

Vituperatoribus duo oporteat eleifend ut. Qui detracto deserunt ea. Te mea semper commodo persius. Eam affert vivendo ea.

Absolute stylish icon

Vituperatoribus duo oporteat eleifend ut. Qui detracto deserunt ea. Te mea semper commodo persius. Eam affert vivendo ea.

<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>