Animated Columns

<ul class="animat-col02 clearfix">
  <li class="color-01">
    <div class="box"><span class="animat02_icon"><img src="/Portals/themes/Features-Images/AnimatedColumns05.png" alt=""></span>
      <h3>Icon Fonts<span>fluid</span></h3>
      <a class="dg-btn-1 btn-white radius-3px" href="#" title="view more">view more</a></div>
  </li>
  <li class="color-02">
    <div class="box"><span class="animat02_icon"><img src="/Portals/themes/Features-Images/AnimatedColumns06.png" alt=""></span>
      <h3>Clean Code<span>fluid</span></h3>
      <a class="dg-btn-1 btn-white radius-3px" href="#" title="view more">view more</a></div>
  </li>
  <li class="color-03">
    <div class="box"><span class="animat02_icon"><img src="/Portals/themes/Features-Images/AnimatedColumns07.png" alt=""></span>
      <h3>Site Layout<span>fluid</span></h3>
      <a class="dg-btn-1 btn-white radius-3px" href="#" title="view more">view more</a></div>
  </li>
  <li class="color-04">
    <div class="box"><span class="animat02_icon"><img src="/Portals/themes/Features-Images/AnimatedColumns08.png" alt=""></span>
      <h3>Free Updates<span>fluid</span></h3>
      <a class="dg-btn-1 btn-white radius-3px" href="#" title="view more">view more</a></div>
  </li>
  <li class="color-05">
    <div class="box"><span class="animat02_icon"><img src="/Portals/themes/Features-Images/AnimatedColumns09.png" alt=""></span>
      <h3>Simple Forms<span>fluid</span></h3>
      <a class="dg-btn-1 btn-white radius-3px" href="#" title="view more">view more</a></div>
  </li>
</ul>

<div class="row">
  <div class="col-sm-6">
    <div class="animat-col04 bg-left">
      <div class="box"><span class="fa fa-link"></span>
        <h3>Matching Containers</h3>
        <a class="dg-btn-1 btn-white" href="#" title="view more">purchase</a></div>
    </div>
  </div>
  <div class="col-sm-6">
    <div class="animat-col04  bg-right">
      <div class="box"><span class="fa fa-star-o"></span>
        <h3>Endlessly Customizable</h3>
        <a class="dg-btn-1 btn-white" href="#" title="view more">purchase</a></div>
    </div>
  </div>
</div>

<div class="row">
  <div class="col-md-3 col-sm-6">
    <div class="animat-col06">
      <div class="box"><span class="fa fa-tachometer"></span>
        <h3>User Friendly</h3>
        <div class="cont">
          <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa</p>
          <a class="btn" href="#" title="view more">Read More ></a></div>
      </div>
    </div>
  </div>
  <div class="col-md-3 col-sm-6">
    <div class="animat-col06">
      <div class="box"><span class="fa fa-camera-retro"></span>
        <h3>Layout Options</h3>
        <div class="cont">
          <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa</p>
          <a class="btn" href="#" title="view more">Read More ></a></div>
      </div>
    </div>
  </div>
  <div class="col-md-3 col-sm-6">
    <div class="animat-col06">
      <div class="box"><span class="fa fa-bar-chart-o"></span>
        <h3>Fluid Animation</h3>
        <div class="cont">
          <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa</p>
          <a class="btn" href="#" title="view more">Read More ></a></div>
      </div>
    </div>
  </div>
  <div class="col-md-3 col-sm-6">
    <div class="animat-col06">
      <div class="box"><span class="fa fa-power-off"></span>
        <h3>Unlimited Colors</h3>
        <div class="cont">
          <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa</p>
          <a class="btn" href="#" title="view more">Read More ></a></div>
      </div>
    </div>
  </div>
</div>
<div class="row">
  <div class="col-md-3 col-sm-6">
    <div class="animat-col06">
      <div class="box"><span class="fa fa-tags"></span>
        <h3>Standard Demos</h3>
        <div class="cont">
          <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa</p>
          <a class="btn" href="#" title="view more">Read More ></a></div>
      </div>
    </div>
  </div>
  <div class="col-md-3 col-sm-6">
    <div class="animat-col06">
      <div class="box"><span class="fa fa-internet-explorer"></span>
        <h3>network</h3>
        <div class="cont">
          <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa</p>
          <a class="btn" href="#" title="view more">Read More ></a></div>
      </div>
    </div>
  </div>
  <div class="col-md-3 col-sm-6">
    <div class="animat-col06">
      <div class="box"><span class="fa fa-support "></span>
        <h3>Versatile Module</h3>
        <div class="cont">
          <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa</p>
          <a class="btn" href="#" title="view more">Read More ></a></div>
      </div>
    </div>
  </div>
  <div class="col-md-3 col-sm-6">
    <div class="animat-col06">
      <div class="box"><span class="fa fa-gear"></span>
        <h3>5 Start Support</h3>
        <div class="cont">
          <p>Ut cursus massa at urnaaculis estie. Sed aliquamellus vitae ultrs cond mentum leo massa</p>
          <a class="btn" href="#" title="view more">Read More ></a></div>
      </div>
    </div>
  </div>
</div>