<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//netdna.bootstrapcdn.com/bootstrap/3.0.0/js/bootstrap.min.js"></script> <script src="//code.jquery.com/jquery-1.11.1.min.js"></script> <!------ Include the above in your HEAD tag ----------> <header class="business-header bg-overlay holder all"> <div class="container"> <div class="row"> <div class="col-lg-12 col-md-12 text-center"> <h2 class="about us holder"><span>SOME FACTS</span> ABOUT US</h2> <div class="followers holder animate wobble"> <div class="col-md-3 col-xs-6"> <div class="followers"> <img src="img/icon5.png"> <h2>3564</h2> <p>likes</p> </div> </div> <div class="col-md-3 col-xs-6"> <div class="followers"> <img src="img/icon6.png"> <h2>4564</h2> <p>TWEETS</p> </div> </div> <div class="col-md-3 col-xs-6"> <div class="followers"> <img src="img/icon7.png"> <h2>2563</h2> <p>WEIGHTS</p> </div> </div> <div class="col-md-3 col-xs-6"> <div class="followers"> <img src="img/icon8.png"> <h2>1064</h2> <p>CLINETS</p> </div> </div> <img class="fitness" src="img/fitness6.png"> </div> </div> </div> </div> </header>

.bg-overlay.holder.all { margin-top: 21px; height: 500px; background: linear-gradient(rgba(0,0,0,.7), rgba(0,0,0,.7)),url('file:///C:/Users/NewVision/Desktop/new%20project/img/fitness5.jpg') center center no-repeat scroll; -webkit-background-size: cover; -moz-background-size: cover; background-size: cover; -o-background-size: cover; } h2.about.us.holder { font-size: 19px; color: white; word-spacing: 2px; margin-top: 42px; } h2.about.us.holder span { color: #d4145a; margin-right: 3px; } .followers.holder { background-color: rgba(212, 20, 90, 0.68); height: 283px; color: white; padding: 65px 5px 7px; margin-top: 73px; border-radius: 7px; margin-bottom: 17%; } .followers h2 { font-size: 37px; font-family: cursive; margin-top: 5px; font-weight: bold; } .followers p { opacity: 0.8; letter-spacing: 2px; font-size: 12px; }