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:
chat
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>
group_work
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="javascript:;">Find more...</a>
</div>
</div>