1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34

<div class="row">
  <ul class="portfolio-list sort-destination" data-sort-id="portfolio">
    <li class="col-md-4 isotope-item websites">
      <div class="portfolio-item img-thumbnail"> <a class="thumb-info" href="#"> <img alt="" src="/portals/20/img/projects/project.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">SEO</span> <span class="thumb-info-type">Website</span> </span>
        <div class="thumb-info-action" title="Universal"> <span class="thumb-info-action-icon" href="#" title="Universal"><em class="icon icon-link"></em></span> </div>
        </a> </div>
    </li>
    <li class="col-md-4 isotope-item brands">
      <div class="portfolio-item img-thumbnail"> <a class="thumb-info" href="#"> <img alt="" src="/portals/20/img/projects/project-1.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">Crivos</span> <span class="thumb-info-type">Brand</span> </span>
        <div class="thumb-info-action" title="Universal"> <span class="thumb-info-action-icon" href="#" title="Universal"><em class="icon icon-link"></em></span> </div>
        </a> </div>
    </li>
    <li class="col-md-4 isotope-item logos">
      <div class="portfolio-item img-thumbnail"> <a class="thumb-info" href="#"> <img alt="" src="/portals/20/img/projects/project-2.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">The Fly</span> <span class="thumb-info-type">Logo</span> </span>
        <div class="thumb-info-action" title="Universal"> <span class="thumb-info-action-icon" href="#" title="Universal"><em class="icon icon-link"></em></span> </div>
        </a> </div>
    </li>
    <li class="col-md-4 isotope-item websites">
      <div class="portfolio-item img-thumbnail"> <a class="thumb-info" href="#"> <img alt="" src="/portals/20/img/projects/project-3.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">The Code</span> <span class="thumb-info-type">Website</span> </span>
        <div class="thumb-info-action" title="Universal"> <span class="thumb-info-action-icon" href="#" title="Universal"><em class="icon icon-link"></em></span> </div>
        </a> </div>
    </li>
    <li class="col-md-4 isotope-item websites">
      <div class="portfolio-item img-thumbnail"> <a class="thumb-info" href="#"> <img alt="" src="/portals/20/img/projects/project.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">SEO</span> <span class="thumb-info-type">Website</span> </span>
        <div class="thumb-info-action" title="Universal"> <span class="thumb-info-action-icon" href="#" title="Universal"><em class="icon icon-link"></em></span> </div>
        </a> </div>
    </li>
    <li class="col-md-4 isotope-item brands">
      <div class="portfolio-item img-thumbnail"> <a class="thumb-info" href="#"> <img alt="" src="/portals/20/img/projects/project-1.jpg" class="img-responsive" /> <span class="thumb-info-title"> <span class="thumb-info-inner">Crivos</span> <span class="thumb-info-type">Brand</span> </span>
        <div class="thumb-info-action" title="Universal"> <span class="thumb-info-action-icon" href="#" title="Universal"><em class="icon icon-link"></em></span> </div>
        </a> </div>
    </li>
  </ul>
</div>