"y-us-Section"
Bootstrap 3.0.0 Snippet by jeevan123456

<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 class="y-us-section"> <div class="container"> <div class="row"> <div class="col-md-8 col-md-offset-2 col-sm-12 col-xs-12"> <div class="y-us-head"> <div class="y-us-title"> <h2>Why choose us</h2> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim </p> <span class="y-us-title-border"></span> </div> </div> </div> </div> <div class="row"> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="y-us-content"> <div class="service-3"> <div class="service-box"> <div class="clearfix"> <div class="iconset"> <span class="glyphicon glyphicon-cog icon"></span> </div> <div class="y-us-content"> <h4>safety first</h4> <p>Globally incubate standards compliant channels before scalable benefits. Quickly disseminate superior del</p> </div> </div> </div> <div class="service-box"> <div class="clearfix"> <div class="iconset"> <span class="glyphicon glyphicon-cog icon"></span> </div> <div class="y-us-content"> <h4>CLEAN SURFACE</h4> <p>Globally incubate standards compliant channels before scalable benefits. Quickly disseminate superior del</p> </div> </div> </div> <div class="service-box"> <div class="clearfix"> <div class="iconset"> <span class="glyphicon glyphicon-cog icon"></span> </div> <div class="y-us-content"> <h4>PROFESSIONAL</h4> <p>Globally incubate standards compliant channels before scalable benefits. Quickly disseminate superior del</p> </div> </div> </div> </div> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="why-choose-banner"> <img src="http://themeinnovation.com/demo2/html/build-up/img/home1/why-choose.jpg" alt=""> </div> </div> <div class="col-md-4 col-sm-6 col-xs-12"> <div class="y-us-contentbox"> <div class="service-3"> <div class="service-box"> <div class="clearfix"> <div class="iconset"> <span class="glyphicon glyphicon-cog icon"></span> </div> <div class="y-us-content"> <h4>sustainability</h4> <p>Globally incubate standards compliant channels before scalable benefits. Quickly disseminate superior del</p> </div> </div> </div> <div class="service-box"> <div class="clearfix"> <div class="iconset"> <span class="glyphicon glyphicon-cog icon"></span> </div> <div class="y-us-content"> <h4>MODERN PAINTING</h4> <p>Globally incubate standards compliant channels before scalable benefits. Quickly disseminate superior del</p> </div> </div> </div> <div class="service-box"> <div class="clearfix"> <div class="iconset"> <span class="glyphicon glyphicon-cog icon"></span> </div> <div class="y-us-content"> <h4>home decor</h4> <p>Globally incubate standards compliant channels before scalable benefits. Quickly disseminate superior del</p> </div> </div> </div> </div> </div> </div> </div> </div> </div>
.y-us-section { padding: 82px 0 82px; } .y-us-head { text-align: center; margin: 0 0 91px; } .y-us-title h2 { color: #000; font-size: 30px; letter-spacing: 0; line-height: 32px; text-transform: uppercase; margin-bottom: 6px; } .y-us-title > p { color: #777777; line-height: 22px; } .y-us-title-border { background: #ffae11 none repeat scroll 0 0; border-radius: 2px; display: inline-block; height: 3px; position: relative; width: 50px; } .service-3 .service-box { margin-bottom: 18px; } .service-3 .service-box .iconset { float: left; text-align: center; width: 25%; } .service-3 .service-box .iconset i { color: #000; font-size: 44px; } .service-3 .service-box .y-us-content { float: left; width: 75%; } service-3 .service-box .y-us-content h4 { color: #3a3a3a; font-size: 18px; letter-spacing: 0; line-height: 22px; margin: 14px 0 12px; text-transform: uppercase; } .service-3 .service-box .y-us-content p { color: #777777; font-size: 13px; font-weight: 300; line-height: 24px; } .icon { color : #f4b841; padding:0px; font-size:40px; border: 1px solid #fdb801; border-radius: 100px; color: #fdb801; font-size: 28px; height: 70px; line-height: 70px; text-align: center; width: 70px; }

Related: See More


Questions / Comments: