Counter

                
<!--Counter area start-->
<div class="counter-area text-center ptb-60">
    <div class="container">
        <div class="row">
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col">
                <div class="single-count">
                    <h3><span class="counter2">99</span></h3>
                    <p>projects completed</p>
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col">
                <div class="single-count">
                    <h3><span class="counter2">120</span></h3>
                    <p>Happy Clients</p>
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col">
                <div class="single-count">
                    <h3><span class="counter2">75</span></h3>
                    <p>Cups of Coffe</p>
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col">
                <div class="single-count">
                    <h3><span class="counter2">105</span></h3>
                    <p>Awards Winner</p>
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col">
                <div class="single-count">
                    <h3><span class="counter2">3500</span></h3>
                    <p>Ratings</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Counter area end-->

            
            

                

/* counter-area */
.counter-area {
  background: rgba(0, 0, 0, 0) url("images/bg/2.jpg") no-repeat scroll center center / cover ;
}
.single-count h3 {
    color: #171819;
    font-size: 40px;
    line-height: 30px;
    margin-bottom: 15px;
}
.single-count p {
    font-size: 15px;
    letter-spacing: 1.5px;
    margin: 0;
    text-transform: uppercase;
}
                
            

		
$('.counter2').counterUp({
    delay: 10,
    time: 1000
});
		
	

                
<!--Counter area start-->
<div class="counter-area count-2 text-center ptb-60">
    <div class="container">
        <div class="row">
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col">
                <div class="single-count">
                    <h3><span class="counter2">99</span></h3>
                    <p>projects completed</p>
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col">
                <div class="single-count">
                    <h3><span class="counter2">120</span></h3>
                    <p>Happy Clients</p>
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col">
                <div class="single-count">
                    <h3><span class="counter2">75</span></h3>
                    <p>Cups of Coffe</p>
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col">
                <div class="single-count">
                    <h3><span class="counter2">105</span></h3>
                    <p>Awards Winner</p>
                </div>
            </div>
            <div class="col-xl-3 col-lg-4 col-md-4 col-sm-6 col">
                <div class="single-count">
                    <h3><span class="counter2">3500</span></h3>
                    <p>Ratings</p>
                </div>
            </div>
        </div>
    </div>
</div>
<!--Counter area end-->

                
            

                
/* counter-area */
.counter-area.count-2 {
  background: rgba(0, 0, 0, 0) url("images/bg/home2-count-bg.jpg") no-repeat scroll center center / cover ;
}
.single-count h3 {
    color: #171819;
    font-size: 40px;
    line-height: 30px;
    margin-bottom: 15px;
}
.single-count p {
    font-size: 15px;
    letter-spacing: 1.5px;
    margin: 0;
    text-transform: uppercase;
}
                
            

		
$('.counter2').counterUp({
    delay: 10,
    time: 1000
});