Counters
Animate a number from zero (counting up towards it).
How to use? #
Copy-paste the following <script> near the end of your pages to enable it.
<script src="../vendors/counter/countUp.js"></script>
<script src="../vendors/waypoints/jquery.waypoints.js"></script>
Basic example #
-
20,956,732 Registed Users
-
9,050,656 Providers
<ul class="list-inline mb-0 mx-n8">
<li class="list-inline-item px-8 mr-2">
<div class="counter">
<span class="counterup h3 mb-0 lh-11 d-block font-weight-normal" data-start="0"
data-end="20956732"
data-decimals="0"
data-duration="0" data-separator=",">20,956,732</span>
<span class="text-gray d-block mt-1">Registed Users</span>
</div>
</li>
<li class="list-inline-item px-8">
<div class="counter">
<span class="counterup h3 mb-0 lh-11 d-block font-weight-normal" data-start="0"
data-end="9050656"
data-decimals="0"
data-duration="0" data-separator=",">9,050,656</span>
<span class="text-gray d-block mt-1 ">Providers</span>
</div>
</li>
</ul>