<p class="text-center white">Proin vel ultrices erat. Etiam et enim libero. Duis sollicitudin auctor faucibus. Duis tristique feugiat velit quis lobortis. Phasellus dignissim lobortis dignissim.</p>

<div class="row services white">
  <div class="service col-sm-4 col-md-4" data-appear-animation="bounceInLeft">
    <a href="#">
      <div class="icon border">
        <div class="livicon" data-n="tablet" data-s="42" data-c="#fff" data-hc="0"></div>
      </div>
      <h6 class="title">Web Design</h6>
      <div class="text-small">Content management systens Virtual shops and ecommerce Presentation websites Online catalogues</div>
    </a>
  </div>
  
  <div class="service col-sm-4 col-md-4" data-appear-animation="bounceInDown">
    <a href="#">
      <div class="icon border">
        <div class="livicon" data-n="brush" data-s="42" data-c="#fff" data-hc="0"></div>
      </div>
      <h6 class="title">Graphic Design</h6>
      <div class="text-small">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</div>
    </a>
  </div>
  
  <div class="service col-sm-4 col-md-4" data-appear-animation="bounceInRight">
    <a href="#">
      <div class="icon border">
        <div class="livicon" data-n="responsive" data-s="42" data-c="#fff" data-hc="0" data-d="1600"></div>
      </div>
      <h6 class="title">Internet Marketing</h6>
      <div class="text-small">Content management systens Virtual shops and ecommerce Presentation websites Online catalogues</div>
    </a>
  </div>
  
  <div class="clearfix"></div>
  
  <div class="service col-sm-4 col-md-4" data-appear-animation="bounceInLeft">
    <a href="#">
      <div class="icon border">
        <div class="livicon" data-n="piggybank" data-s="42" data-c="#fff" data-hc="0"></div>
      </div>
      <h6 class="title">Graphic Design</h6>
      <div class="text-small">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</div>
    </a>
  </div>
  
  <div class="service col-sm-4 col-md-4" data-appear-animation="bounceInUp">
    <a href="#">
      <div class="icon border">
        <div class="livicon" data-n="users" data-s="42" data-c="#fff" data-hc="0" data-d="1600"></div>
      </div>
      <h6 class="title">Internet Marketing</h6>
      <div class="text-small">Content management systens Virtual shops and ecommerce Presentation websites Online catalogues</div>
    </a>
  </div>
  
  <div class="service col-sm-4 col-md-4" data-appear-animation="bounceInRight">
    <a href="#">
      <div class="icon border">
        <div class="livicon" data-n="thumbs-up" data-s="42" data-c="#fff" data-hc="0"></div>
      </div>
      <h6 class="title">Graphic Design</h6>
      <div class="text-small">The standard chunk of Lorem Ipsum used since the 1500s is reproduced below for those intereste.</div>
    </a>
  </div>
</div>