"4 boxes text"
Bootstrap 3.3.0 Snippet by jeevan123456

<link href="//maxcdn.bootstrapcdn.com/bootstrap/3.3.0/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css"> <script src="//maxcdn.bootstrapcdn.com/bootstrap/3.3.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 class="container"> <div class="row"> <div class="col-md-3 col-sm-6 single_service wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;"> <div> <div class="img-responsive"> <img src="http://graphchilly.com/demos/shapes/assets/img/03.jpg" alt=""> </div> <div class="maxwidth"> <h4><b>Finance Analytics</b></h4> <p>Over fact all son tell this any his. Insisted confined of weddings to returned debating rendered. Keeps order fully so do party.</p> <a href="single-service-2.html" class="button-2">See details </a> </div> </div> </div> <div class="col-md-3 col-sm-6 single_service wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;"> <div> <div class="img-responsive"> <img src="http://graphchilly.com/demos/shapes/assets/img/03.jpg" alt=""> </div> <div class="maxwidth"> <h4><b>Finance Analytics</b></h4> <p>Over fact all son tell this any his. Insisted confined of weddings to returned debating rendered. Keeps order fully so do party.</p> <a href="single-service-2.html" class="button-2">See details </a> </div> </div> </div> <div class="col-md-3 col-sm-6 single_service wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;"> <div> <div class="img-responsive"> <img src="http://graphchilly.com/demos/shapes/assets/img/03.jpg" alt=""> </div> <div class="maxwidth"> <h4><b>Finance Analytics</b></h4> <p>Over fact all son tell this any his. Insisted confined of weddings to returned debating rendered. Keeps order fully so do party.</p> <a href="single-service-2.html" class="button-2">See details </a> </div> </div> </div> <div class="col-md-3 col-sm-6 single_service wow fadeInUp" style="visibility: visible; animation-name: fadeInUp;"> <div> <div class="img-responsive"> <img src="http://graphchilly.com/demos/shapes/assets/img/03.jpg" alt=""> </div> <div class="maxwidth"> <h4><b>Finance Analytics</b></h4> <p>Over fact all son tell this any his. Insisted confined of weddings to returned debating rendered. Keeps order fully so do party.</p> <a href="single-service-2.html" class="button-2">See details </a> </div> </div> </div> </div> </div> <hr> <div class="container"> <div class="row"> <div class="col-md-6"> <img class="img-responsive" style="width:130%" src="https://images.pexels.com/photos/238333/pexels-photo-238333.jpeg?h=350&auto=compress&cs=tinysrgb" alt="Chania"> </div> <div class="col-md-6"> <div class="textbox"> <h3><b>Benefits of working with us</b></h3> <p>Arrived compass prepare an on as. Reasonable particular on my it in sympathize. Size now easy eat hand how. Unwilling he departure elsewhere dejection at. Heart large seems may purse means few blind. Exquisite newspaper attending on certainty oh suspicion of. He less do quit evil is.We help companies at every stage of growth, developing custom solutions.</p> <ul class="liststyle1"> <li> <span style="font-size: 15px" class="glyphicon glyphicon-play-circle"></span> We help align your brand strategy with key objectives.</li> <li> <span style="font-size: 15px" class="glyphicon glyphicon-play-circle"></span> We help our customers to build better business for future.</li> <li> <span style="font-size: 15px" class="glyphicon glyphicon-play-circle"></span> We design best working path for startups.</li> <li> <span style="font-size: 15px" class="glyphicon glyphicon-play-circle"></span> We help align your brand strategy with key objectives.</li> <li> <span style="font-size: 15px" class="glyphicon glyphicon-play-circle"></span> We help our customers to build better business for future.</li> <li> <span style="font-size: 15px" class="glyphicon glyphicon-play-circle"></span> We design best working path for startups.</li> </ul> </div> </div> </div> </div> <hr> <div class ="container"> <div class="row"> <div class="col-md-4"> <div class="media"> <div class="media-left padding20"> <a href="#"><span style="font-size: 30px" class="glyphicon glyphicon-cog orange"></span></a> </div> <div class="media-body"> <h4><b>Finance Analytics</b></h4> <p>Excepteur sint occaecat cupi datat non proidt, sunt in culpa qui offi cia deserunt</p> </div> </div> </div> <div class="col-md-4"> <div class="media"> <div class="media-left padding20"> <a href="#"><span style="font-size: 30px" class="glyphicon glyphicon-cog orange"></span></a> </div> <div class="media-body"> <h4><b>Finance Analytics</b></h4> <p>Excepteur sint occaecat cupi datat non proidt, sunt in culpa qui offi cia deserunt</p> </div> </div> </div> <div class="col-md-4"> <div class="media"> <div class="media-left padding20"> <a href="#"><span style="font-size: 30px" class="glyphicon glyphicon-cog orange"></span></a> </div> <div class="media-body"> <h4><b>Finance Analytics</b></h4> <p>Excepteur sint occaecat cupi datat non proidt, sunt in culpa qui offi cia deserunt</p> </div> </div> </div> </div> <div class="row"> <div class="col-md-4"> <div class="media "> <div class="media-left padding20"> <a href="#"><span style="font-size: 30px" class="glyphicon glyphicon-cog orange"></span></a> </div> <div class="media-body"> <h4><b>Finance Analytics</b></h4> <p>Excepteur sint occaecat cupi datat non proidt, sunt in culpa qui offi cia deserunt</p> </div> </div> </div> <div class="col-md-4"> <div class="media"> <div class="media-left padding20"> <a href="#"><span style="font-size: 30px" class="glyphicon glyphicon-cog orange"></span></a> </div> <div class="media-body"> <h4><b>Finance Analytics</b></h4> <p>Excepteur sint occaecat cupi datat non proidt, sunt in culpa qui offi cia deserunt</p> </div> </div> </div> <div class="col-md-4"> <div class="media"> <div class="media-left padding20"> <a href="#"><span style="font-size: 30px" class="glyphicon glyphicon-cog orange"></span></a> </div> <div class="media-body"> <h4><b>Finance Analytics</b></h4> <p>Excepteur sint occaecat cupi datat non proidt, sunt in culpa qui offi cia deserunt</p> </div> </div> </div> </div> </div>
.maxwidth { max-width : 310px; } .button-2 { font-size: 16px; font-weight: 700; border: none; } .padding20 { padding : 10px; } .textbox { line-height: 24px; } .liststyle1 { margin: 0; list-style: none; margin-top: 10px; line-height: 28px; color: #309be8; }

Related: See More


Questions / Comments: