COMO USAR ESSE CODIGO

<div class="featured-boxes">
<div class="row">
<div class="col-md-3 col-sm-6">
<div class="featured-box featured-box-primary featured-box-effect-1">
<div class="box-content">
<em class="icon-featured fa fa-user"></em>
<h4 class="text-uppercase">Loved by Customers</h4>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
<p><a class="lnk-primary learn-more" href="#">Learn More <em class="fa fa-angle-right"></em></a></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="featured-box featured-box-secondary featured-box-effect-1">
<div class="box-content">
<em class="icon-featured fa fa-book"></em>
<h4 class="text-uppercase">Well Documented</h4>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
<p><a class="lnk-secondary learn-more" href="#">Learn more <em class="fa fa-angle-right"></em></a></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="featured-box featured-box-tertiary featured-box-effect-1">
<div class="box-content">
<em class="icon-featured fa fa-trophy"></em>
<h4 class="text-uppercase">Winner</h4>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus.</p>
<p><a class="lnk-tertiary learn-more" href="#">Learn more <em class="fa fa-angle-right"></em></a></p>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6">
<div class="featured-box featured-box-quaternary featured-box-effect-1">
<div class="box-content">
<em class="icon-featured fa fa-cogs"></em>
<h4 class="text-uppercase">Customizable</h4>
<p>Donec id elit non mi porta gravida at eget metus. Fusce dapibus. </p>
<p><a class="lnk-quaternary learn-more" href="#">Learn more <em class="fa fa-angle-right"></em></a></p>
</div>
</div>
</div>
</div>
</div>