Counters Icons
HTML markup
1 2 3 4 5 6 7 8 9 |
<div class="text-center ct-counterBox-icon"><!-- Counter '1 --> <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> |
JavaScript
<script src=”../assets/js/counters/jQuery.countTo.js”></script>
<script src=”../assets/js/counters/init.js”></script>
Screenshot
Counters down
HTML markup
1 2 3 4 5 6 |
<div class="text-center ct-counterBox"><!-- Counter '1a --> <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
<script src=”../assets/js/counters/jQuery.countTo.js”></script>
<script src=”../assets/js/counters/init.js”></script>
Screenshot