PpacecreativesMar 31, 2017
I always have a problem with this....if I have this column of five services, three on the first line and two on the second. I want the second line of 2 services listed centered under the top 3 services in the first line how do I do this?
<div class="section" style="margin-top:0;">
<div class="container clearfix">
<div class="heading-block center">
<h2>Our Services</h2>
</div>
<div class="clear bottommargin-sm"></div>
<div class="col_one_third">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn">
<div class="fbox-icon">
[](#)
</div>
<h3>Water Damage</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.</p>
</div>
</div>
<div class="col_one_third">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="200">
<div class="fbox-icon">
[](#)
</div>
<h3>Fire Damage</h3>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.</p>
</div>
</div>
<div class="col_one_third col_last">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="400">
<div class="fbox-icon">
[](#)
</div>
<h3>Remodeling</h3>
<p>Ut enim ad ipsum dolor sit amet veniam, quis nostrud exercitation ipsum dolor sit amet, consectetur.</p>
</div>
</div>
<div class="clear"></div>
<div class="col_one_third">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="600">
<div class="fbox-icon">
[](#)
</div>
<h3>New Construction</h3>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat</p>
</div>
</div>
<div class="col_one_third">
<div class="feature-box fbox-small fbox-plain" data-animate="fadeIn" data-delay="800">
<div class="fbox-icon">
[](#)
</div>
<h3>Emergency Water Dryout</h3>
<p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua</p>
</div>
</div>