<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='https://fonts.googleapis.com/css?family=Roboto' rel='stylesheet'> <div class="container paddingbox2"> <div class="row"> <div class ="col-md-6 text-left "> <h2 class="top_title" style="">POWERFUL ADMIN</h2> <span class="para_text" style="">Suspendisse placerat sapien in ullamcorper porttitor. Cras gravida consequat lorem vitae vestibulum.</span> <div class="row"> <div class ="col-md-2 text-left "> <span class="glyphicon glyphicon-user icon iconbox"></span> </div> <div class ="col-md-10 text-left "> <h3 class="top_title" style="">Powerful Admin</h3> <span class="para_text" style="">Suspendisse placerat sapien in ullamcorper porttitor. Cras gravida consequat lorem vitae vestibulum.</span> </div> </div> <div class="row"> <div class ="col-md-2 text-left "> <span class="glyphicon glyphicon-user icon iconbox"></span> </div> <div class ="col-md-10 text-left "> <h3 class="top_title" style="">Powerful Admin</h3> <span class="para_text" style="">Suspendisse placerat sapien in ullamcorper porttitor. Cras gravida consequat lorem vitae vestibulum.</span> </div> </div> <div class="row"> <div class ="col-md-2 text-left "> <span class="glyphicon glyphicon-user icon iconbox"></span> </div> <div class ="col-md-10 text-left "> <h3 class="top_title" style="">Powerful Admin</h3> <span class="para_text" style="">Suspendisse placerat sapien in ullamcorper porttitor. Cras gravida consequat lorem vitae vestibulum.</span> </div> </div> </div> <div class ="col-md-6 text-right img-padding-top "> <img class="img-responsive" src="https://images.pexels.com/photos/234790/pexels-photo-234790.jpeg?w=940&h=650&auto=compress&cs=tinysrgb"> </div> </div> </div>

body { font-family: 'Roboto';font-size: 16px; } .icon { font-size :60px; padding: 25px 0 0; margin-top: 20px; background: linear-gradient(to bottom, #33ccff 0%, #cc33ff 100%); box-shadow: 3px 4px 18px 1px rgba(8, 21, 42, 0.26); } .img-padding-top { padding-top: 110px; } .paddingbox2 { padding:80px; }