<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 ----------> <div id="container"> <div class="container services"> <div class="row"> <h1>SERVICE</h1> <hr /><br /> <br /> <div class="col-sm-3"> <h3><i><br />Professional Conference Organizer</i></h3> </div> <div class="col-sm-3"><img src="images/services/Picture4.jpg" /></div> <div class="col-sm-3"> <h3><i><br />Professional Exhibition Organizer</i></h3></div> <div class="col-sm-3"><img src="images/services/Picture5.jpg" /></div> <div class="col-sm-3"><img src="images/services/Picture6.jpg" /></div> <div class="col-sm-3"> <h3><i><br />Business Consulting</i></h3></div> <div class="col-sm-3"><img src="images/services/Picture7.jpg" /></div> <div class="col-sm-3"> <h3><i><br />Market Development <br />Services</i></h3></div> </div> </div> </div>

.services{ padding:50px 0px;} .services h1{ text-align:center; font-size:36px;} .services h3{ text-align:center;} .services h3 i { font-family:initial;} .services div{ padding:0px; } .services div img{ width:100%; background:#ccc;height: 150px;} .fullscreen-image { background-size: cover; }.fullscreen-image { width: 100%; height: 100%; max-height: 500px; min-height: 250px; background-position: center center; background-repeat: no-repeat; background:#ccc; }