Please wait...

Try Sallira with other theme and color combinations
Index variants
Color options

Theme components

  1. Home
  2. Components
  3. Icon box
Default icon box

Sed qualisque ullamcorper ut. Graecis expetendis omittantur cu his. Facer recusabo pericula ei pri. 

<div class="icon-box box-default">
	<div class="icon-box-contain">
		<i class="fa fa-laptop fa-3x"></i>
		<h5>Default icon box</h5>
		<p>
		[...]
		</p>
	</div>
</div>
Primary icon box

Sed qualisque ullamcorper ut. Graecis expetendis omittantur cu his. Facer recusabo pericula ei pri. 

<div class="icon-box box-primary">
	<div class="icon-box-contain">
		<i class="fa fa-flask fa-3x"></i>
		<h5>Primary icon box</h5>
		<p>
		[...]
		</p>
	</div>
</div>
box image background 01
Image icon box

Sed qualisque ullamcorper ut. Graecis expetendis omittantur cu his. Facer recusabo pericula ei pri. 

<div class="icon-box box-image">
	<div class="box-background">
		<img src="img/box-img01.jpg" alt="box image background 01" />
	</div>
	<div class="icon-box-contain">
		<i class="fa fa-tablet fa-3x"></i>
		<h5>Image icon box</h5>
		<p>
		[...]
		</p>
	</div>
</div>
Top icon box

Sed qualisque ullamcorper ut. Graecis expetendis omittantur cu his facer recusabo.

Top icon box

Sed qualisque ullamcorper ut. Graecis expetendis omittantur cu his facer recusabo.

Top icon box

Sed qualisque ullamcorper ut. Graecis expetendis omittantur cu his facer recusabo.

Top icon box

Sed qualisque ullamcorper ut. Graecis expetendis omittantur cu his facer recusabo. 

<div class="icon-box icon-top">
	<i class="fa fa-magic"></i>
	<h5>Top icon box</h5>
	<p>
	[...]
	</p>
</div>
Column default

No mea copiosae maluisset, qui elit graecis in, in diam tollit ridens mea. Dicit labores detracto vix at. Et vim modo recusabo eloquentiam. Ad per liber consul indoctum et ius idque.

Column primary

No mea copiosae maluisset, qui elit graecis in, in diam tollit ridens mea. Dicit labores detracto vix at. Et vim modo recusabo eloquentiam. Ad per liber consul indoctum et ius idque.

Column gray

No mea copiosae maluisset, qui elit graecis in, in diam tollit ridens mea. Dicit labores detracto vix at. Et vim modo recusabo eloquentiam. Ad per liber consul indoctum et ius idque. 

<div class="icon-column-wrapp">
	<div class="icon-column box-default">
		<div class="icon-column-contain">
			<i class="fa fa-coffee fa-2x"></i>
			<h5>Column default</h5>
			<p>
			[...]
			</p>
		</div>
		<i class="fa fa-coffee icon-bg"></i>
	</div>
	<div class="icon-column box-primary">
		<div class="icon-column-contain">
			<i class="fa fa-camera fa-2x"></i>
			<h5>Column primary</h5>
			<p>
			[...]
			</p>
		</div>
		<i class="fa fa-camera icon-bg"></i>
	</div>
	<div class="icon-column box-gray">
		<div class="icon-column-contain">
			<i class="fa fa-comments fa-2x"></i>
			<h5>Column gray</h5>
			<p>
			[...]
			</p>
		</div>
		<i class="fa fa-comments icon-bg"></i>
	</div>
</div>