{Theme} comes with two element with counting functions.
Counter
HTML markup:
1 2 3 4 5 |
<div class="ct-counterBox" data-color="#00c5f9"> <span class="ct-counterBox-number ct-js-counter" data-ct-to="279" data-ct-speed="50">0</span> <h6 class="ct-counterBox-title">Happy Clients</h6> <span class="ct-counterBox-icon"><i class="fa fa-heart-o"></i></span> </div> |
JS scripts:
1 2 |
<script src="../assets/js/counter/jquery.countTo.js"></script> <script src="../assets/js/counter/init.js"></script> |
Count Down
HTML markup:
1 |
<div id="ct-counter"></div> |
JS scripts:
1 2 3 4 |
<script src="../assets/plugins/mb-comingsoon/jquery.mb-comingsoon.min.js"></script> <script type="text/javascript"> $('#ct-counter').mbComingsoon({expiryDate: new Date(2015, 3, 24, 12, 40), speed: 950}); </script> |