<link href="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/css/bootstrap.min.css" rel="stylesheet" id="bootstrap-css">
<script src="//maxcdn.bootstrapcdn.com/bootstrap/4.1.1/js/bootstrap.min.js"></script>
<script src="//cdnjs.cloudflare.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
<!------ Include the above in your HEAD tag ---------->
<section id="feature" class="sec-padding sec-dark">
<div class="container">
<div class="row row-no-padding">
<div class="col-md-6 col-sm-12 col-xs-12">
<div class="feature-title">
<h3>Feature</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it.</p>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="feature-block">
<div class="feature-block-item">
<i class="fa fa-sun-o" aria-hidden="true"></i>
<h5>Innovative Idea</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="feature-block-overlay"></div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="feature-block">
<div class="feature-block-item">
<i class="fa fa-check-square-o" aria-hidden="true"></i>
<h5>Clean and Valid code</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="feature-block-overlay"></div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="feature-block">
<div class="feature-block-item">
<i class="fa fa-cog" aria-hidden="true"></i>
<h5>Customize color</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="feature-block-overlay"></div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="feature-block">
<div class="feature-block-item">
<i class="fa fa-bolt" aria-hidden="true"></i>
<h5>Easy to use</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="feature-block-overlay"></div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="feature-block">
<div class="feature-block-item">
<i class="fa fa-thumbs-o-up" aria-hidden="true"></i>
<h5>Elegent and Perfect</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="feature-block-overlay"></div>
</div>
</div>
<div class="col-md-3 col-sm-6 col-xs-12">
<div class="feature-block">
<div class="feature-block-item">
<i class="fa fa-battery-three-quarters" aria-hidden="true"></i>
<h5>Long Use Of Bettery</h5>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.</p>
</div>
<div class="feature-block-overlay"></div>
</div>
</div>
</div>
</div>
</section>
