Icon Box Style #1
<div class="icon-box">
<i class="fa fa-life-ring" aria-hidden="true"></i>
<h4>User Experience</h4>
<p>Morbi scelerisque ligula sed accumsan sollicitudin in ultricies.</p>
</div>
<div class="items">
<div class="icon-box">
<i class="fa fa-life-ring" aria-hidden="true"></i>
<h4>User Experience</h4>
<p>Morbi scelerisque ligula sed accumsan sollicitudin in ultricies.</p>
</div>
<div class="icon-box">
<i class="fa fa-life-ring" aria-hidden="true"></i>
<h4>Creative Solutions</h4>
<p>Morbi scelerisque ligula sed accumsan sollicitudin in ultricies.</p>
</div>
<div class="icon-box">
<i class="fa fa-life-ring" aria-hidden="true"></i>
<h4>Startup Managment</h4>
<p>Morbi scelerisque ligula sed accumsan sollicitudin in ultricies.</p>
</div>
</div><!-- /items -->
Icon Box Style #2
<div class="icon-box2">
<div class="icon"><i class="fa fa-life-ring" aria-hidden="true"></i></div>
<div class="box-content">
<h4>User Experience</h4>
<p>Morbi scelerisque ligula sed accumsan sollicitudin in ultrici.</p>
</div>
</div>
<div class="items">
<div class="icon-box2">
<div class="icon"><i class="fa fa-life-ring" aria-hidden="true"></i></div>
<div class="box-content">
<h4>User Experience</h4>
<p>Morbi scelerisque ligula sed accumsan sollicitudin in ultrici.</p>
</div>
</div>
<div class="icon-box2">
<div class="icon"><i class="fa fa-life-ring" aria-hidden="true"></i></div>
<div class="box-content">
<h4>Creative Solutions</h4>
<p>Morbi scelerisque ligula sed accumsan sollicitudin in ultrici.</p>
</div>
</div>
<div class="icon-box2">
<div class="icon"><i class="fa fa-life-ring" aria-hidden="true"></i></div>
<div class="box-content">
<h4>Startup Managment</h4>
<p>Morbi scelerisque ligula sed accumsan sollicitudin in ultrici.</p>
</div>
</div>
</div><!-- /.items-->