Poppy Icon Box

HTML

<!-- Poppy Icon Box v1.2.1 -->

<div class="poppy poppy-icon-box">
	<div class="one-third first">
		<i class="fa fa-truck fa-3x" aria-hidden="true"></i>
		<h3 class="">SPEDIZIONE GRATUITA</h3>
		<h4>Per ordini a partire da 79,90€</h4>
	</div>
	
	<div class="one-third">
		<i class="fa fa-shopping-cart fa-3x" aria-hidden="true"></i>
		<h3 class="">ACQUISTO RAPIDO</h3>
		<h4>Senza registrazione</h4>
	</div>
	
	<div class="one-third"><a href="">
		<i class="fa fa-credit-card-alt fa-3x" aria-hidden="true"></i>
		<h3 class="">PAGAMENTI SICURI</h3>
		<h4>Con Paypal e Bonifico Bancario</h4>
	</div>
	
	<div class="clearfix"></div>
</div>

SCSS

//* Poppy Icon Box v1.2

$icon-color: #15b6e7 !default;
$title: #333 !default;
$text: #555 !default;
.
poppy-icon-box {
	text-align: center;
	padding: 8px;
	.fa {
		color: $color3;
	}
	h3 {
		margin-top: 8px;
		margin-bottom: 0;
		font-size: 18px;
		color: $title;
	}
	h4 {
		font-size: 14px;
		font-weight: normal;
		margin-bottom: 20px;
		color: $text;
	}
}