<div class="row">
	
	<div class="col-md-4">
		<h4>Tiny Icon List</h4>
		<br/>
		<div class="icons-list-1 icon-tiny">
			<div class="icon icon-circle"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-tiny">
			<div class="icon icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Duis dictum auctor augu.e</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-tiny">
			<div class="icon icon-circle"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Phasellus a metus nec augue posuere vehicula.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-tiny">
			<div class="icon icon-circle"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Maecenas ultrices dolor nec sapien.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-tiny">
			<div class="icon icon-circle"><i class="fa fa-envira" aria-hidden="true"></i></div>
			<div class="text">Aliquam imperdiet odio in dignissim lacinia.</div>
		</div>
		<!--end item-->
		
	</div>
	<!--end column -->
	
	<div class="col-md-4">
		<h4>Small Icon List</h4>
		<br/>
		<div class="icons-list-1 icon-small">
			<div class="icon icon-violet icon-circle"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-small">
			<div class="icon icon-violet icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-small">
			<div class="icon icon-violet icon-circle"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-small">
			<div class="icon icon-violet icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
	</div>
	<!--end column -->
	
	<div class="col-md-4">
		<h4>Medium Icon List</h4>
		<br/>
		<div class="icons-list-1 icon-medium">
			<div class="icon icon-green icon-circle"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo. </div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-medium">
			<div class="icon icon-green icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-medium">
			<div class="icon icon-green icon-circle"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
	</div>
	<!--end column -->
</div>
<div class="clearfix margin-bottom-3"></div>
<div class="divider-line dashed light"></div>
<div class="clearfix margin-bottom-3"></div>
<div class="row">
	
	<div class="col-md-4">
		<h4>Extra medium Icon List</h4>
		<br/>
		<div class="icons-list-1 icon-xmedium">
			<div class="icon icon-orange icon-circle"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo. </div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-xmedium">
			<div class="icon icon-orange icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-xmedium">
			<div class="icon icon-orange icon-circle"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-xmedium">
			<div class="icon icon-orange icon-circle"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-xmedium">
			<div class="icon icon-orange icon-circle"><i class="fa fa-envira" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
	</div>
	<!--end column -->
	
	<div class="col-md-4">
		<h4>Large Icon List</h4>
		<br/>
		<div class="icons-list-1 icon-large">
			<div class="icon icon-blue icon-circle"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo. </div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-large">
			<div class="icon icon-blue icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-large">
			<div class="icon icon-blue icon-circle"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-large">
			<div class="icon icon-blue icon-circle"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
	</div>
	<!--end column -->
	
	<div class="col-md-4">
		<h4>Extra Large Icon List</h4>
		<br/>
		<div class="icons-list-1 icon-large">
			<div class="icon icon-red icon-circle"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo. </div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-large">
			<div class="icon icon-red icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-large">
			<div class="icon icon-red icon-circle"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-large">
			<div class="icon icon-red icon-circle"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
	</div>
	<!--end column -->
</div>
<div class="clearfix margin-bottom-3"></div>
<div class="divider-line dashed light"></div>
<div class="clearfix margin-bottom-3"></div>
<div class="row">
	
	<div class="col-md-4">
		<h4>Tiny Icon List with border</h4>
		<br/>
		<div class="icons-list-1 icon-tiny border-bottom">
			<div class="icon icon-circle"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-tiny border-bottom">
			<div class="icon icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Duis dictum auctor augu.e</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-tiny border-bottom">
			<div class="icon icon-circle"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Phasellus a metus nec augue posuere vehicula.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-tiny border-bottom">
			<div class="icon icon-circle"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Maecenas ultrices dolor nec sapien.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-tiny">
			<div class="icon icon-circle"><i class="fa fa-envira" aria-hidden="true"></i></div>
			<div class="text">Aliquam imperdiet odio in dignissim lacinia.</div>
		</div>
		<!--end item-->
		
	</div>
	<!--end column -->
	
	<div class="col-md-4">
		<h4>Small Icon List with border</h4>
		<br/>
		<div class="icons-list-1 icon-small border-bottom">
			<div class="icon icon-violet icon-circle"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-small border-bottom">
			<div class="icon icon-violet icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-small border-bottom">
			<div class="icon icon-violet icon-circle"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-small">
			<div class="icon icon-violet icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
	</div>
	<!--end column -->
	
	<div class="col-md-4">
		<h4>Medium Icon List with border</h4>
		<br/>
		<div class="icons-list-1 icon-medium border-bottom">
			<div class="icon icon-green icon-circle"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo. </div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-medium border-bottom">
			<div class="icon icon-green icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-medium">
			<div class="icon icon-green icon-circle"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
	</div>
	<!--end column -->
</div>
<div class="clearfix margin-bottom-3"></div>
<div class="divider-line dashed light"></div>
<div class="clearfix margin-bottom-3"></div>
<div class="row">
	
	<div class="col-md-4">
		<h4>Tiny Icon List with border</h4>
		<br/>
		<div class="icons-list-1 icon-tiny border-bottom">
			<div class="icon"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-tiny border-bottom">
			<div class="icon"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Duis dictum auctor augu.e</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-tiny border-bottom">
			<div class="icon"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Phasellus a metus nec augue posuere vehicula.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-tiny border-bottom">
			<div class="icon"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Maecenas ultrices dolor nec sapien.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-tiny">
			<div class="icon"><i class="fa fa-envira" aria-hidden="true"></i></div>
			<div class="text">Aliquam imperdiet odio in dignissim lacinia.</div>
		</div>
		<!--end item-->
		
	</div>
	<!--end column -->
	
	<div class="col-md-4">
		<h4>Small Icon List with border</h4>
		<br/>
		<div class="icons-list-1 icon-small border-bottom">
			<div class="icon icon-violet"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-small border-bottom">
			<div class="icon icon-violet"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-small border-bottom">
			<div class="icon icon-violet"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-small">
			<div class="icon icon-violet"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse.</div>
		</div>
		<!--end item-->
		
	</div>
	<!--end column -->
	
	<div class="col-md-4">
		<h4>Medium Icon List with border</h4>
		<br/>
		<div class="icons-list-1 icon-medium border-bottom">
			<div class="icon icon-green"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo. </div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-medium border-bottom">
			<div class="icon icon-green"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-medium">
			<div class="icon icon-green"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo.</div>
		</div>
		<!--end item-->
	</div>
	<!--end column -->
</div>
<div class="clearfix margin-bottom-3"></div>
<div class="divider-line dashed light"></div>
<div class="clearfix margin-bottom-3"></div>
<div class="row">
	
	<div class="col-md-4 margin-bottom">
		
		<div class="icons-list-1 icon-tiny">
			<div class="icon"><i class="fa fa-envira" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse</div>
		</div>
		<!--end item-->
		<div class="icons-list-1 icon-small">
			<div class="icon icon-violet"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-medium">
			<div class="icon icon-orange"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-xmedium">
			<div class="icon icon-blue"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-large">
			<div class="icon icon-green"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-xlarge">
			<div class="icon icon-grey"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-dlarge">
			<div class="icon icon-dark"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
	</div>
	<!--end item-->
	
	
	<div class="col-md-4 margin-bottom">
		
		<div class="icons-list-1 icon-tiny">
			<div class="icon icon-circle"><i class="fa fa-envira" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse</div>
		</div>
		<!--end item-->
		<div class="icons-list-1 icon-small">
			<div class="icon icon-violet icon-circle"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-medium">
			<div class="icon icon-orange icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-xmedium">
			<div class="icon icon-blue icon-circle"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-large">
			<div class="icon icon-green icon-circle"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-xlarge">
			<div class="icon icon-grey icon-circle"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-dlarge">
			<div class="icon icon-dark icon-circle"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
	</div>
	<!--end item-->
	
	
	<div class="col-md-4 margin-bottom">
		
		<div class="icons-list-1 icon-tiny">
			<div class="icon icon-border-red icon-circle"><i class="fa fa-envira" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse</div>
		</div>
		<!--end item-->
		<div class="icons-list-1 icon-small">
			<div class="icon icon-border-violet icon-circle"><i class="fa fa-pencil" aria-hidden="true"></i></div>
			<div class="text">Consectetuer adipiscing elit suspendisse</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-medium">
			<div class="icon icon-border-orange icon-circle"><i class="fa fa-shopping-basket" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-xmedium">
			<div class="icon icon-border-blue icon-circle"><i class="fa fa-graduation-cap" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-large">
			<div class="icon icon-border-green icon-circle"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-xlarge">
			<div class="icon icon-border-grey icon-circle"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
		
		<div class="icons-list-1 icon-dlarge">
			<div class="icon icon-border-dark icon-circle"><i class="fa fa-eye" aria-hidden="true"></i></div>
			<div class="text">Lorem ipsum dolor sit amet consectetuer adipiscing elit Suspendisse et justo</div>
		</div>
		<!--end item-->
	</div>
	<!--end item-->
</div>