"Our outstanding stats"
Bootstrap 4.1.1 Snippet by Sunlimetech

<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script> <script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script> <!------ Include the above in your HEAD tag ----------> <div class="container"> <section id="our-stats"> <div class="row mb-5"> <div class="col text-center"> <h2 class="text-green h1 text-center">Outstanding Stats</h2> <p class="text-uppercase font-italic font-weight-light">counter to count up to a target number</p> </div> </div> <div class="row text-center"> <div class="col"> <a href="https://www.fiverr.com/share/qb8D02" target="_blank"> <div class="counter"> <i class="fa fa-code fa-2x text-green"></i> <h2 class="timer count-title count-number" data-to="100" data-speed="1500">100</h2> <p class="count-text ">Our Customer</p> </div> </a> </div> <div class="col"> <a href="https://www.fiverr.com/share/qb8D02" target="_blank"> <div class="counter"> <i class="fa fa-coffee fa-2x text-green"></i> <h2 class="timer count-title count-number" data-to="1700" data-speed="1500">1,700</h2> <p class="count-text ">Happy Clients</p> </div> </a> </div> <div class="col"> <a href="https://www.fiverr.com/share/qb8D02" target="_blank"> <div class="counter"> <i class="fa fa-lightbulb-o fa-2x text-green"></i> <h2 class="timer count-title count-number" data-to="11900" data-speed="1500">11,900</h2> <p class="count-text ">Project Complete</p> </div> </a> </div> <div class="col"> <a href="https://www.fiverr.com/share/qb8D02" target="_blank"> <div class="counter"> <i class="fa fa-bug fa-2x text-green"></i> <h2 class="timer count-title count-number" data-to="157" data-speed="1500">157</h2> <p class="count-text ">Coffee With Clients</p> </div> </a> </div> </div> </section> </div>
/********************** /***** Services ******* /*********************/ @import url('https://maxcdn.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css'); #our-stats{ padding: 60px 0; } #our-stats .h1{ color: #007b5e!important; } #our-stats a{ color: #000!important; text-decoration:none; } #our-stats i{ color: #007b5e!important; } #our-stats .counter { background-color: #f5f5f5; padding: 35px 0; border-radius: 5px; } #our-stats .counter i, #our-stats .counter .count-title{ margin-bottom: 15px; } #our-stats .counter p{ font-style:italic; margin-bottom:0; }

Related: See More


Questions / Comments: