Services - The Best Service Industry Theme

Counter Style 1

300+

Technicians

22+

Experience

2547+

Happy Client

123+

Award Win

Copy

copy


<div class="bg-img cover-background p-1-6 p-sm-5" data-overlay-dark="9" data-background="img/demos/carwash/bg/bg-03.jpg">
    <div class="row mt-n1-9 z-index-9 position-relative">
        <div class="col-sm-6 col-lg-3 mt-1-9">
            <div>
                <h3 class="text-primary"><span class="counterup">300</span>+</h3>
                <span class="text-white display-26 font-weight-600">Technicians</span>
            </div>
        </div>
        <div class="col-sm-6 col-lg-3 mt-1-9">
            <div>
                <h3 class="text-primary"><span class="counterup">22</span>+</h3>
                <span class="text-white display-26 font-weight-600">Experience</span>
            </div>
        </div>
        <div class="col-sm-6 col-lg-3 mt-1-9">
            <div>
                <h3 class="text-primary"><span class="counterup">2547</span>+</h3>
                <span class="text-white display-26 font-weight-600">Happy Client</span>
            </div>
        </div>
        <div class="col-sm-6 col-lg-3 mt-1-9">
            <div>
                <h3 class="text-primary"><span class="counterup">123</span>+</h3>
                <span class="text-white display-26 font-weight-600">Award Win</span>
            </div>
        </div>
    </div>
</div>

Counter Style 2

250

Happy clients

580

Consultations

800

Roofs repaired

Copy

copy


<div class="bg-primary md mx-xl-5 p-4 p-lg-5">
    <div class="row">
        <div class="col-md-4 mb-1-9 mb-sm-2-2 mb-md-0">
            <div class="p-3 p-xl-4 bg-white border-radius-4">
                <div class="media">
                    <div class="align-self-center">
                        <i class="ti-home fs-1 text-primary"></i>
                    </div>
                    <div class="media-body ps-3">
                        <h3 class="countup h1 mb-1">250</h3>
                        <p class="mb-0 fs-6 text-muted font-weight-600">Happy clients</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4 mb-1-9 mb-sm-2-2 mb-md-0">
            <div class="p-3 p-xl-4 bg-white border-radius-4">
                <div class="media">
                    <div class="align-self-center">
                        <i class="ti-announcement fs-1 text-primary"></i>
                    </div>
                    <div class="media-body ps-3">
                        <h3 class="countup h1 mb-1">580</h3>
                        <p class="mb-0 fs-6 text-muted font-weight-600">Consultations</p>
                    </div>
                </div>
            </div>
        </div>
        <div class="col-md-4">
            <div class="p-3 p-xl-4 bg-white border-radius-4">
                <div class="media">
                    <div class="align-self-center">
                        <i class="ti-layers fs-1 text-primary"></i>
                    </div>
                    <div class="media-body ps-3">
                        <h3 class="countup h1 mb-1">800</h3>
                        <p class="mb-0 fs-6 text-muted font-weight-600">Roofs repaired</p>
                    </div>
                </div>
            </div>
        </div>
    </div>
</div>

Counter Style 3

2900

Delivered courier

250

Awards Winning

325

Expert Employee

Copy

copy


<div class="bg-primary p-5">
    <div class="row">
        <div class="col-md-4 mb-1-9 mb-sm-2-2 mb-md-0 text-center text-md-start">
            <div class="counter-style-02 text-center">
                <h4 class="text-white h1 mb-0"><span class="countup">2900</span></h4>
                <div class="borders-bottom border-width-2 opacity3 border-color-white mx-auto my-3 w-10"></div>
                <p class="text-white mb-0 fs-5">Delivered courier</p>
            </div>
        </div>
        <div class="col-md-4 mb-1-9 mb-sm-2-2 mb-md-0 counter-center">
            <div class="counter-style-02 text-center">
                <h4 class="text-white h1 mb-0"><span class="countup">250</span></h4>
                <div class="borders-bottom border-width-2 opacity3 border-color-white mx-auto my-3 w-10"></div>
                <p class="text-white mb-0 fs-5">Awards Winning</p>
            </div>
        </div>
        <div class="col-md-4 counter-center">
            <div class="counter-style-02 text-center">
                <h4 class="text-white h1 mb-0"><span class="countup">325</span></h4>
                <div class="borders-bottom border-width-2 opacity3 border-color-white mx-auto my-3 w-10"></div>
                <p class="text-white mb-0 fs-5">Expert Employee</p>
            </div>
        </div>
    </div>
</div>

Counter Style 4

Project completed

5000

Our branches

45

happy customer

3800

Copy

copy


<div class="bg-img parallax primary-overlay p-5" data-overlay-dark="8" data-background="img/demos/electrician/bg/bg-01.jpg">
    <div class="row z-index-1 position-relative">
        <div class="col-md-4 mb-1-9 mb-sm-2-2 mb-md-0">
            <div class="counter-style-03 text-center">
                <i class="ti-thumb-up text-white mb-4 fs-1 d-block"></i>
                <p class="text-white fs-5 mb-3">Project completed</p>
                <div class="seprator-border position-relative d-inline-block">
                    <div class="vertical-border"></div>
                </div>
                <h3 class="text-white mb-0 h1 lh-1"><span class="countup">5000</span></h3>
            </div>
        </div>
        <div class="col-md-4 mb-1-9 mb-sm-2-2 mb-md-0">
            <div class="counter-style-03 text-center">
                <i class="ti-world text-white mb-4 fs-1 d-block"></i>
                <p class="text-white fs-5 mb-3">Our branches</p>
                <div class="seprator-border position-relative d-inline-block">
                    <div class="vertical-border"></div>
                </div>
                <h3 class="text-white mb-0 h1 lh-1"><span class="countup">45</span></h3>
            </div>
        </div>
        <div class="col-md-4">
            <div class="counter-style-03 text-center">
                <i class="ti-user text-white mb-4 fs-1 d-block"></i>
                <p class="text-white fs-5 mb-3">happy customer</p>
                <div class="seprator-border position-relative d-inline-block">
                    <div class="vertical-border"></div>
                </div>
                <h3 class="text-white mb-0 h1 lh-1"><span class="countup">3800</span></h3>
            </div>
        </div>
    </div>
</div>

Counters

Counter Style 1

300+

22+

2547+

123+

Counter Style 2

250

580

800

Counter Style 3

2900

250

325

Counter Style 4

5000

45

3800