<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 ----------> <link href="//maxcdn.bootstrapcdn.com/font-awesome/4.1.0/css/font-awesome.min.css" rel="stylesheet"> <div class="services-section"> <div class="container"> <div class="row"> <div class="col-md-8 col-sm-12"> <div class="row"> <div class="col-md-6 col-sm-6"> <div class="service-box"> <div class="service-icon"> <i class="fa fa-facebook-square fa-3x social"></i> </div> <div class="service-content"> <h3>Web Development</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p> </div> </div> </div> <div class="col-md-6 col-sm-6"> <div class="service-box"> <div class="service-icon"> <i class="fa fa-facebook-square fa-3x social"></i> </div> <div class="service-content"> <h3>Web Development</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p> </div> </div> </div> <div class="col-md-6 col-sm-6"> <div class="service-box"> <div class="service-icon"> <i class="fa fa-facebook-square fa-3x social"></i> </div> <div class="service-content"> <h3>Web Development</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p> </div> </div> </div> <div class="col-md-6 col-sm-6"> <div class="service-box"> <div class="service-icon"> <i class="fa fa-facebook-square fa-3x social"></i> </div> <div class="service-content"> <h3>Web Development</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore.</p> </div> </div> </div> </div> </div> <div class="col-md-4 col-sm-12"> <img src="http://demo.megrithemes.com/azona-large-preview/azona/assets/img/purple-imack.png" class="img-responsive" alt=""> </div> </div> </div> </div>

.services-section {padding-top:60px; padding-bottom:60px;background:#e2e2e2;} .service-box h3 { color: #59626b; font-size: 20px; font-weight: normal; text-transform: capitalize; line-height: 36px; letter-spacing:1px; margin: 0; } .service-content p {margin-top:5px;margin-bottom: 20px;} .service-icon{width: 50px; height: 50px; border: 1px solid #e4e4e4; text-align: center; line-height: 50px; font-size: 30px; float:left; display: table; color:red; transform: rotate(-45deg);} .service-content{ margin-top: 40px; margin-left:120px;}