Service Box

• Posted: March 23, 2016
• / By: Magda
• / In:

HTML markup

CSS

<div class="ct-service-box"> <div class="ct-service-box__icon"><i class="fa fa-rocket"></i> </div> <h3 class="ct-service-box__title">Custom shop</h3> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in.</p> <div class="ct-counter-box"> <div class="ct-counter-box__number"><span>2277</span> </div> <h3 class="ct-counter-box__heading">Customs made<br>so far</h3> </div> </div>

1 2 3 4 5 6 7 8 9 10 11

<div class="ct-service-box">     <div class="ct-service-box__icon"><i class="fa fa-rocket"></i>     </div>     <h3 class="ct-service-box__title">Custom shop</h3>     <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Proin nibh augue, suscipit a, scelerisque sed, lacinia in.</p>     <div class="ct-counter-box">         <div class="ct-counter-box__number"><span>2277</span>         </div>         <h3 class="ct-counter-box__heading">Customs made<br>so far</h3>     </div> </div>

Screenshot

Service box