<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
