Info Areas - Pro Component

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:

Free Chat

Divide details about your product or agency work into parts. Write a few lines about each one. A paragraph describing a feature will be enough.

<div class="info">
	<div class="icon icon-primary">
		<i class="material-icons">chat</i>
	</div>
	<h4 class="info-title">Free Chat</h4>
	<p>Divide details about your product or agency work into parts. Write a few lines about each one. A paragraph describing a feature will be enough.</p>
</div>

Collaborate

The moment you use Material Kit, you know you’ve never felt anything like it. With a single use, this powerfull UI Kit lets you do more than ever before.

Find more...

<div class="info info-horizontal">
	<div class="icon icon-rose">
		<i class="material-icons">group_work</i>
	</div>
	<div class="description">
		<h4 class="info-title">Collaborate</h4>
		<p>The moment you use Material Kit, you know you’ve never felt anything like it. With a single use, this powerfull UI Kit lets you do more than ever before. </p>
		<a href="#pablo">Find more...</a>
	</div>
</div>