Basic Icon

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>

Copyright © 2021 DesignReset, All rights reserved.

Coded with