<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="bg-primary"> <div class="container"> <!-- Row --> <div class="row counter-box text-center"> <!-- column --> <div class="col-lg-3 col-6 aos-init aos-animate" data-aos="fade-right" data-aos-duration="1200"> <div class=""> <h2 class="font-medium text-white m-b-0"><span class="counter">3</span>+</h2> <h6 class="text-white font-14 op-7">Interface Sections <br>Ready to Use</h6> </div> </div> <!-- column --> <!-- column --> <div class="col-lg-3 col-6 aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200"> <div class=""> <h2 class="font-medium text-white m-b-0"><span class="counter">0</span>+</h2> <h6 class="text-white font-14 op-7">Amazing Pre-Built <br>Niche Demos</h6> </div> </div> <!-- column --> <!-- column --> <div class="col-lg-3 col-6 aos-init aos-animate" data-aos="fade-up" data-aos-duration="1200"> <div class=""> <h2 class="font-medium text-white m-b-0"><span class="counter">462</span>+</h2> <h6 class="text-white font-14 op-7">Useful Elements & <br>Page Templates</h6> </div> </div> <!-- column --> <!-- column --> <div class="col-lg-3 col-6 aos-init aos-animate" data-aos="fade-left" data-aos-duration="1200"> <div class=""> <h2 class="font-medium text-white m-b-0"><span class="counter">2775</span>+</h2> <h6 class="text-white font-14 op-7">Premium Font Icons <br>worth $79 Free</h6> </div> </div> <!-- column --> </div> </div> </div>

/******************* Counter box *******************/ .counter-box [class^=col-] { padding: 33px 15px; border-right: 1px solid rgba(255, 255, 255, 0.1); } .counter-box [class^=col-]:last-child { border-right: 0px; } .counter-box-dark [class^=col-] { border-right: 1px solid rgba(120, 130, 140, 0.13); } .counter-box-dark [class^=col-]:last-child { border-right: 0px; }