unserver-unify/src/app/help/guide.html

<style type="text/css">
  .search-block{background: url(assets/images/guide_image.jpg) 50% 0 repeat fixed;}
</style>
<div class="search-block parallaxBg">
  <div class="container">
    <div class="col-md-6 col-md-offset-3">

    </div>    
  </div>
</div>
<div class="col-lg-12">
  <div class="row">
    <div class="col-md-4">
      <div class="content-boxes-v3 margin-bottom-10 md-margin-bottom-20">
        <i class="icon-custom icon-sm rounded-x icon-bg-sea fa fa-hdd-o"></i>
        <div class="content-boxes-in-v3">
          <h3><a href="#"> Top 100 templates</a></h3>
          <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium</p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="content-boxes-v3 margin-bottom-10 md-margin-bottom-20">
        <i class="icon-custom icon-sm rounded-x icon-bg-blue fa fa-bell-o"></i>
        <div class="content-boxes-in-v3">
          <h3><a href="#"> Hi-Tech</a></h3>
          <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium</p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="content-boxes-v3 margin-bottom-10 md-margin-bottom-20">
        <i class="icon-custom icon-sm rounded-x icon-bg-red fa fa-hdd-o"></i>
        <div class="content-boxes-in-v3">
          <h3><a href="#"> Wikipedia</a></h3>
          <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium</p>
        </div>
      </div>
    </div>
    <div class="clearfix"></div>
    <div class="col-md-4">
      <div class="content-boxes-v3 margin-bottom-10 md-margin-bottom-20">
        <i class="icon-custom icon-sm rounded-x icon-bg-sea icon-line icon-badge"></i>
        <div class="content-boxes-in-v3">
          <h3><a href="#"> Top 100 templates</a></h3>
          <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium</p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="content-boxes-v3 margin-bottom-10 md-margin-bottom-20">
        <i class="icon-custom icon-sm rounded-x icon-bg-blue fa fa-bell-o"></i>
        <div class="content-boxes-in-v3">
          <h3><a href="#"> Hi-Tech</a></h3>
          <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium</p>
        </div>
      </div>
    </div>
    <div class="col-md-4">
      <div class="content-boxes-v3 margin-bottom-10 md-margin-bottom-20">
        <i class="icon-custom icon-sm rounded-x icon-bg-red fa fa-hdd-o"></i>
        <div class="content-boxes-in-v3">
          <h3><a href="#"> Wikipedia</a></h3>
          <p>At vero eos et accusamus et iusto odio dignissimos ducimus qui blanditiis praesentium</p>
        </div>
      </div>
    </div>
  </div>
</div>