Navigation

Content Boxes

  1. Home
  2. Content Boxes
Content Boxes

Content Boxes

Content Boxes Can Be Added By Using Following Markup


<div class="col-sm-3 primary content-box rounded">
	<div class="icon"><span class="fa fa-cloud txt-sm border circular"></span></div>
	<h3 class="heading">Content Box</h3>
	<p>This is primary content box</p>
</div>

.primary can be replaced with other color classes like .success, .info, .warning, .danger, .default etc

.rounded can be replaced with other corner rounder classes like .rounded-0x, .rounded-2x, .rounded-3x, .rounded-4x

Content Box

This is Basic content box

Content Box

This is primary content box

Content Box

This is Success content box

Content Box

This is info content box

Content Box

This is warning content box

Content Box

This is danger content box

Content Box

This is default content box


 
								  	
<div class="col-sm-3 content-box rounded">
	<div class="icon"><span class="fa fa-cloud txt-sm border circular"></span></div>
	<h3 class="heading">Content Box</h3>
	<p>This is Basic content box</p>
</div>
<div class="col-sm-3 primary content-box rounded">
	<div class="icon"><span class="fa fa-cloud txt-sm border circular"></span></div>
	<h3 class="heading">Content Box</h3>
	<p>This is primary content box</p>
</div>
<div class="col-sm-3 success content-box rounded">
	<div class="icon"><span class="fa fa-cloud txt-sm border circular"></span></div>
	<h3 class="heading">Content Box</h3>
	<p>This is Success content box</p>
</div>
<div class="col-sm-3 info content-box rounded">
	<div class="icon"><span class="fa fa-cloud txt-sm border circular"></span></div>
	<h3 class="heading">Content Box</h3>
	<p>This is info content box</p>
</div>
<div class="col-sm-3 warning content-box rounded">
	<div class="icon"><span class="fa fa-cloud txt-sm border circular"></span></div>
	<h3 class="heading">Content Box</h3>
	<p>This is warning content box</p>
</div>
<div class="col-sm-3 danger content-box rounded">
	<div class="icon"><span class="fa fa-cloud txt-sm border circular"></span></div>
	<h3 class="heading">Content Box</h3>
	<p>This is danger content box</p>
</div>
<div class="col-sm-3 default content-box rounded">
	<div class="icon"><span class="fa fa-cloud txt-sm border circular"></span></div>
	<h3 class="heading">Content Box</h3>
	<p>This is default content box</p>
</div>