"feature section- services section"
Bootstrap 3.0.0 Snippet by palimadra

<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="Features-sektion paddingTB60 "> <div class="container"> <div class="row"> <div class="col-md-12 col-sm-12 "> <div class="site-heading text-center"> <h3>Products Features</h3> <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt <br> ut labore et dolore magna aliqua. Ut enim ad minim </p> <div class="border"></div> </div> </div> </div> <div class="clearfix"></div> <div class="row"> <div class="col-md-4 col-sm-4 text-center"> <div class="feature-box"> <span class="glyphicon glyphicon-cog icon"></span> <h4>Great Support</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien augue, dictum et gravida et, viverra et est.</p> </div> </div> <!-- End Col --> <div class="col-md-4 col-sm-4 text-center"> <div class="feature-box"> <span class="glyphicon glyphicon-cog icon"></span> <h4>Pixal Perfect</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien augue, dictum et gravida et, viverra et est. </p> </div> </div> <!-- End Col --> <div class="col-md-4 col-sm-4 text-center"> <div class="feature-box"> <span class="glyphicon glyphicon-cog icon"></span> <h4>Fully Responsive</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien augue, dictum et gravida et, viverra et est. </p> </div> </div> <!-- End Col --> </div> <div class="clearfix"></div> <div class="row"> <div class="col-md-4 col-sm-4 text-center"> <div class="feature-box"> <span class="glyphicon glyphicon-cog icon"></span> <h4>Great Support</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien augue, dictum et gravida et, viverra et est.</p> </div> </div> <!-- End Col --> <div class="col-md-4 col-sm-4 text-center"> <div class="feature-box"> <span class="glyphicon glyphicon-cog icon"></span> <h4>Pixal Perfect</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien augue, dictum et gravida et, viverra et est. </p> </div> </div> <!-- End Col --> <div class="col-md-4 col-sm-4 text-center"> <div class="feature-box"> <span class="glyphicon glyphicon-cog icon"></span> <h4>Fully Responsive</h4> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin sapien augue, dictum et gravida et, viverra et est. </p> </div> </div> <!-- End Col --> </div> </div> </div>
/* Feature box section */ .paddingTB60 .site-heading .border .icon
/* ================================================== 3. Margin Bottom CSS ================================================== */ .margin-0{ margin-bottom:0 !important; } .margin-5{ margin-bottom:5px !important; } .margin-10{ margin-bottom:10px !important; } .margin-15{ margin-bottom:15px !important; } .margin-20{ margin-bottom:20px !important; } .margin-30{ margin-bottom:30px !important; } .margin-40{ margin-bottom:40px !important; } .margin-50{ margin-bottom:50px !important; } .margin-60{ margin-bottom:60px !important; } .margin-70{ margin-bottom:70px !important; } .margin-80{ margin-bottom:80px !important; } .push-top{ margin-top:35px; } /* ================================================== 4. Padding CSS ================================================== */ .padding-b0{ padding-bottom:0!important; } .padding-tb0{ padding-top:0!important; padding-bottom:0!important; } .padding-tb20{ padding-top:20px; padding-bottom:20px; } .padding-tb45{ padding-top:45px; padding-bottom:45px; } .padding-tb75{ padding-top:75px; padding-bottom:75px; } .padding-tb100{ padding-top:100px; padding-bottom:100px; } .padding-tb125{ padding-top:125px; padding-bottom:125px; } .TBpadding10 { padding-top:10px; padding-bottom:10px; } .paddingTB60{ padding-top:60px; padding-bottom:60px; } .paddingTLR35 { padding: 35px 35px 35px; /* ================================================== 5. gaps CSS ================================================== */ .gap-10{ height:10px; clear:both; width:100%; } .gap-20{ height:20px; clear:both; width:100%; } .gap-30{ height:30px; clear:both; width:100%; } .gap-40{ height:40px; clear:both; width:100%; } .gap-50{ height:50px; clear:both; width:100%; } .gap-60{ height:60px; clear:both; width:100%; } .gap-75{ height:75px; clear:both; width:100%; } .gap-100{ height:100px; clear:both; width:100%; } /* ================================================== 4. Icons CSS ================================================== */ .icon-sm { color : #ff8500; font-size:35px; padding-bottom:15px; } .icon-md{ color : #ff8500; font-size:65px; padding-right:10px; } .icon-lg{ color : #ff8500; font-size:85px; padding-right:10px; } /* ================================================== 4. Image CSS ================================================== */ .img-banner .img-banner-overlay .img-aboutus .img-ad .img-in-section .img-gal .img-card .img-blog .img-news /* ================================================== 4. Site-Button CSS ================================================== */ .site-btn-sm .site-btn-sm:hover .site-btn-md .site-btn-md:hover .site-btn-lg .site-btn-lg:hover /*===================================== =====================================*/ .bg-grey light { border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); background-color: #f5f5f5; } .bg-dark { border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); background-color: #f5f5f5; } .bg-solid { border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); background-color: #f5f5f5; } .bg-cta { border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); background-color: #f5f5f5; } .bg-testi { border-top: 1px solid rgba(0, 0, 0, .1); border-bottom: 1px solid rgba(0, 0, 0, .1); background-color: #f5f5f5; } *********************** %%%%%%%%%%%%%%% %%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%%% bp-aboutus bp-aboutus-title bp-aboutus-subtitle bp-icon-box bp-icon-title bp-blog bp-blog-title bp-blog-subtitle bp-team bp-team-title bp-team-subtitle bp-services bp-services-title bp-services-subtitle bp-testimonial bp-testimonial-title bp-testimonial-subtitle bp-sidebar bp-content bp-content-title bp-content-subtitle bp-contactus bp-contactus-title bp-contactus-subtitle bp-form bp-parallax bp-cta bp-icons bp-form bp-faq bp-tab bp-button

Related: See More


Questions / Comments: