Style Switcher
Theme Colors
Header Color
  • support@ecada.com
  • (0123)-123-456-789

Theme components

0

Download app

0

User viewer

0

People share

0

Project done

<div class="row count">
    <div class="col-sm-3">
        <div class="counter-item">
            <span class="fa fa-download icon-circle fa-primary"></span>
            <div class="count-value" data-count="5024"><span class="start-count">0</span></div>
            <p>Download app</p>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="counter-item">
            <span class="fa fa-users icon-circle fa-primary"></span>
            <div class="count-value" data-count="1561"><span class="start-count">0</span></div>
            <p>User viewer</p>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="counter-item">
            <span class="fa fa-share-alt icon-circle fa-primary"></span>
            <div class="count-value" data-count="4512"><span class="start-count">0</span></div>
            <p>People share</p>
        </div>
    </div>
    <div class="col-sm-3">
        <div class="counter-item">
            <span class="fa fa-gift icon-circle fa-primary"></span>
            <div class="count-value" data-count="4230"><span class="start-count">0</span></div>
            <p>Project done</p>
        </div>
    </div>
</div>
0

Awards

0

Projects

0

Clients

0

Member

<div class="row count">
    <div class="col-md-3 col-sm-6">
        <div class="counter-item counter-lg">
            <span class="fa fa-trophy fa-2x icon-circle fa-primary"></span>
            <div class="count-value" data-count="424"><span class="start-count">0</span></div>
            <p>Awards</p>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="counter-item counter-lg">
            <span class="fa fa-briefcase fa-2x icon-circle fa-primary"></span>
            <div class="count-value" data-count="758"><span class="start-count">0</span></div>
            <p>Projects</p>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="counter-item counter-lg">
            <span class="fa fa-shield fa-2x icon-circle fa-primary"></span>
            <div class="count-value" data-count="320"><span class="start-count">0</span></div>
            <p>Clients</p>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="counter-item counter-lg">
            <span class="fa fa-user fa-2x icon-circle fa-primary"></span>
            <div class="count-value" data-count="662"><span class="start-count">0</span></div>
            <p>Member</p>
        </div>
    </div>
</div>
0

Users

0

Projects

0

Team Members

0

Awards

<div class="row count">
    <div class="col-md-3 col-sm-6">
        <div class="counter-item counter-sm">
            <div class="count-value" data-count="10245"><span class="start-count">0</span></div>
            <p>Awards</p>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="counter-item counter-sm">
            <div class="count-value" data-count="828"><span class="start-count">0</span></div>
            <p>Projects</p>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="counter-item counter-sm">
            <div class="count-value" data-count="54"><span class="start-count">0</span></div>
            <p>Team Members</p>
        </div>
    </div>
    <div class="col-md-3 col-sm-6">
        <div class="counter-item counter-sm">
            <div class="count-value" data-count="174"><span class="start-count">0</span></div>
            <p>Awards</p>
        </div>
    </div>
</div>