There are two types of counters:
HTML MARKUP
1 2 3 4 5 6 7 8 9 10 11 |
<div class="text-center ct-counterBox-icon"><strong><!-- Counter 'option 1 --></strong> <div class="ct-counter-icon"> <i class="fa fa-desktop fa-2x"></i> </div> <div class="ct-counter-content"> <span class="ct-counter-base ct-fw-300 ct-js-counter" data-ct-to="459984" data-ct-speed="400">459 984</span> <p class="ct-counter-description text-capitalize"> Pixels Crafted so far </p> </div> </div> |
1 2 3 4 5 6 7 8 |
<div class="text-center ct-counterBox"><strong><!-- Counter 'option 2 --></strong> <div class="ct-counter-content"> <span class="ct-counter-base ct-fw-300 ct-js-counter" data-ct-to="34" data-ct-speed="10">34</span> <p class="ct-counter-description text-uppercase"> Days </p> </div> </div> |
JavaScript
1 2 |
<script src="../assets/plugins/ct-counters/jquery.countTo.js"></script> <script src="../assets/plugins/ct-counters/init.js"></script> |
Screenshot’s