• info@yourdomain.com
  • (0021)-123-456-789-90

Theme components

  1. Home
  2. Components
  3. Icon with text
Absolute left icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei ex.

Absolute left icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei ex.

Absolute left icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei ex. 

<div class="col-icon box absolute-left">
	<i class="fa fa-magic fa-2x fa-primary"></i>
	<h5>Absolute left icon</h5>
	<p>
	[...]
	</p>
</div>
Absolute right icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei ex.

Absolute right icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei ex.

Absolute right icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei ex. 

<div class="col-icon box absolute-right">
	<i class="fa fa-magic fa-2x fa-primary"></i>
	<h5>Absolute right icon</h5>
	<p>
	[...]
	</p>
</div>
Save shopping

Eu vel reque eripuit sanctus. Mei ei erant soleat percipitur eam ipsum.

Free shipping

Eu vel reque eripuit sanctus. Mei ei erant soleat percipitur eam ipsum.

24/7 support

Eu vel reque eripuit sanctus. Mei ei erant soleat percipitur eam ipsum. 

<div class="icon-wrapp">
	<div class="icon-boxline">
		<i class="fa fa-shopping-cart fa-3x fa-primary"></i>
		<h5>Save shopping</h5>
		<p>
		[...]
		</p>
	</div>						
	<div class="icon-boxline">
		<i class="fa fa-truck fa-3x fa-primary"></i>
		<h5>Free shipping</h5>
		<p>
		[...]
		</p>
	</div>				
	<div class="icon-boxline">
		<i class="fa fa-headphones fa-3x fa-primary"></i>
		<h5>24/7 support</h5>
		<p>
		[...]
		</p>
	</div>
</div>
Text with center icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei. Ex blandit volutpat consequuntur mel, alia nihil nusquam at vel in vim electram.

Text with center icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei. Ex blandit volutpat consequuntur mel, alia nihil nusquam at vel in vim electram.

Text with center icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei. Ex blandit volutpat consequuntur mel, alia nihil nusquam at vel in vim electram. 

<div class="col-icon centered">
	<i class="fa fa-trophy fa-3x icon-circle icon-bordered"></i>
	<h5>Text with center icon</h5>
	<p>
	[...]
	</p>
</div>
Text with left icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei. Ex blandit volutpat consequuntur mel alia nihil nusquam.

Text with left icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei. Ex blandit volutpat consequuntur mel alia nihil nusquam.

Text with left icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei. Ex blandit volutpat consequuntur mel alia nihil nusquam. 

<div class="col-icon pull-left">
	<i class="fa fa-thumbs-up fa-2x icon-circle fa-primary"></i>
	<h5>Text with left icon</h5>
	<p>
	[...]
	</p>
</div>
Text with right icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei. Ex blandit volutpat consequuntur mel, alia nihil nusquam at vel in vim electram.

Text with right icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei. Ex blandit volutpat consequuntur mel, alia nihil nusquam at vel in vim electram.

Text with right icon

Cu nec salutandi voluptatibus. Ceteros definitionem ad ius, ut eam unum volutpat, omnium gloriatur te mei. Ex blandit volutpat consequuntur mel, alia nihil nusquam at vel in vim electram. 

<div class="col-icon pull-right">
	<i class="fa fa-download fa-3x fa-blue"></i>
	<h5>Text with right icon</h5>
	<p>
	[...]
	</p>
</div>