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:

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 info-hover">
	<div class="icon icon-primary">
		<i class="now-ui-icons ui-2_chat-round"></i>
	</div>
	<h4 class="info-title">Free Chat</h4>
	<p class="description">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 Now UI Kit PRO, 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-primary icon-circle">
		<i class="now-ui-icons location_world"></i>
	</div>
	<div class="description">
		<h4 class="info-title">Collaborate</h4>
		<p>The moment you use Now UI Kit PRO, you know you’ve never felt anything like it. With a single use, this powerfull UI Kit lets you do more than ever before.
    <a href="#pablo">Find more...</a>
    </p>
	</div>
</div>