Info Areas

The information areas are a simple way to organise large amounts of information into chunks. You can also add icons, simple or coloured. For an horizontal alignment use the custom class ..info-horizontal. For the title, please use the class .info-title. You can see more illustrative examples below:

Beautiful Gallery

Spend your time generating new ideas. You don't have to think of implementing anymore.

<div class="info">
	<div class="icon icon-primary">
		<i class="nc-icon nc-album-2"></i>
	</div>
	<div class="description">
		<h4 class="info-title"> Beautiful Gallery </h4>
		<p>Spend your time generating new ideas. You don't have to think of implementing anymore.</p>
	</div>
</div>

New Ideas

Larger, yet dramatically thinner. More powerful, but remarkably power efficient.

See more
<div class="info info-horizontal">
	<div class="icon icon-warning">
		<i class="nc-icon nc-glasses-2"></i>
	</div>
	<div class="description">
		<h4 class="info-title"> New Ideas </h4>
		<p>Larger, yet dramatically thinner. More powerful, but remarkably power efficient.</p>
		<a href="javascript:;" class="btn btn-link btn-info">See more</a>
	</div>
</div>