Counter
Use the below code to display Counter:
<section class="page-section-ptb">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-3 col-xs-6 col-xx-12 text-center">
<div class="counter [ add counter style class listed below ]">
<i class="glyph-icon flaticon-projection-screen-with-bar-chart"></i>
<span class="timer" data-to="25000" data-speed="10000"> [ Your Counter Number ] </span> //data-to means that uour counter moves upto your typing number
<label>[ YOUR CONTENT ]</label>
</div>
</div>
<div class="col-lg-3 col-sm-3 col-xs-6 col-xx-12 text-center">
<div class="counter [ add counter style class listed below ]">
<i class="glyph-icon flaticon-projection-screen-with-bar-chart"></i>
<span class="timer" data-to="25000" data-speed="10000"> [ Your Counter Number ] </span> //data-to means that uour counter moves upto your typing number
<label>[ YOUR CONTENT ]</label>
</div>
</div>
<div class="col-lg-3 col-sm-3 col-xs-6 col-xx-12 text-center">
<div class="counter [ add counter style class listed below ] ">
<i class="glyph-icon flaticon-projection-screen-with-bar-chart"></i>
<span class="timer" data-to="25000" data-speed="10000"> [ Your Counter Number ] </span> //data-to means that uour counter moves upto your typing number
<label>[ YOUR CONTENT ]</label>
</div>
</div>
</div>
</div>
</section>
You can change the counter styles with using following classes :
| Class | Description |
|---|---|
.fancy |
Display icon in fancy style |
.left_pos |
Display icon in Left Position |