Simple Counter
710
HOURS
915
TICKETS
580
CUSTOMERS
<div class="simple--counter-container"> <div class="counter-container"> <div class="counter-content"> <h1 class="s-counter2 s-counter">710</h1> </div> <p class="s-counter-text">HOURS</p> </div> <div class="counter-container"> <div class="counter-content"> <h1 class="s-counter3 s-counter">915</h1> </div> <p class="s-counter-text">TICKETS</p> </div> <div class="counter-container"> <div class="counter-content"> <h1 class="s-counter4 s-counter">580</h1> </div> <p class="s-counter-text">CUSTOMERS</p> </div> </div>
With Icon
105
Clients
300
Downloads
58
Awards
<div class="icon--counter-container"> <div class="counter-container"> <div class="counter-content"> <h1 class="ico-counter1 ico-counter">105</h1> </div> <svg> ... </svg> <p class="ico-counter-text">Clients</p> </div> <div class="counter-container"> <div class="counter-content"> <h1 class="ico-counter2 ico-counter">300</h1> </div> <svg> ... </svg> <p class="ico-counter-text">Downloads</p> </div> <div class="counter-container"> <div class="counter-content"> <h1 class="ico-counter3 ico-counter">58</h1> </div> <svg> ... </svg> <p class="ico-counter-text">Awards</p> </div> </div>