Counters

<div class="counter_s001">
 <div class="spd-row spd-padding-top-bottom-50">
 <h3 class="spd-text-center spd-padding-bottom-50">Counter box1</h3>
 <div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
 <div class="counter-box"><span class="spd-counter bigcount">4,567</span>
 <h3>Projects</h3>
 </div>
 </div>
 <div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
 <div class="counter-box"><span class="spd-counter bigcount">567</span>
 <h3>Clients</h3>
 </div>
 </div>
 <div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
 <div class="counter-box"><span class="spd-counter bigcount">67</span>
 <h3>Themes</h3>
 </div>
 </div>
 <div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
 <div class="counter-box"><span class="spd-counter bigcount">50</span><span class="counter-ex">+</span>
 <h3>Pages</h3>
 </div>
 </div>
 </div>
</div>

<div class="counter_s002">
 <div class="spd-row spd-padding-top-bottom-50">
 <h3 class="spd-text-center spd-padding-bottom-50">Counter box2</h3>
 <div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
 <div class="counter-box"><i class="fa fa-briefcase fa-3x"></i><span class="spd-counter mediumcount">3000</span>
 <h4>happy clients</h4>
 </div>
 </div>
 <div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
 <div class="counter-box"><i class="fa fa-globe fa-3x"></i><span class="spd-counter mediumcount">200</span>
 <h4>shortcode &#38; items</h4>
 </div>
 </div>
 <div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
 <div class="counter-box"><i class="fa fa-download fa-3x"></i><span class="spd-counter mediumcount">77</span><span class="counter-ex2">%</span>
 <h4>cups of coffee</h4>
 </div>
 </div>
 <div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
 <div class="counter-box"><i class="fa fa-send-o fa-3x"></i><span class="spd-counter mediumcount">50</span><span class="counter-ex2">K</span>
 <h4>followers</h4>
 </div>
 </div>
 </div>
</div>

<div class="counter_s003">
 <div class="spd-row spd-padding-top-bottom-50">
 <h3 class="spd-text-center spd-padding-bottom-50">Counter box3</h3>
 <div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
 <div class="counter-box2">
 <div class="count-inline">
 <div class="count-left"><i class="fa fa-briefcase fa-4x"></i></div>
 <div class="count-right"><span class="spd-counter mediumcount">3000</span>
 <h4>happy clients</h4>
 </div>
 </div>
 </div>
 </div>
 <div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
 <div class="counter-box2">
 <div class="count-inline">
 <div class="count-left"><i class="fa fa-download fa-4x"></i></div>
 <div class="count-right"><span class="spd-counter mediumcount">200</span>
 <h4>shortcodes</h4>
 </div>
 </div>
 </div>
 </div>
 <div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
 <div class="counter-box2">
 <div class="count-inline">
 <div class="count-left"><i class="fa fa-globe fa-4x"></i></div>
 <div class="count-right"><span class="spd-counter mediumcount">77</span><span class="counter-ex2">%</span>
 <h4>cups of coffee</h4>
 </div>
 </div>
 </div>
 </div>
 <div class="spd-col-md-3 spd-col-sm-6 spd-xs-padding-bottom-50">
 <div class="counter-box2">
 <div class="count-inline">
 <div class="count-left"><i class="fa fa-send-o fa-4x"></i></div>
 <div class="count-right"><span class="spd-counter mediumcount">50</span><span class="counter-ex2">K</span>
 <h4>followers</h4>
 </div>
 </div>
 </div>
 </div>
 </div>
</div>