<div class="works-filter">
  <button data-filter="*" class="btn active">All</button>
  <button data-filter=".design" class="btn">Design</button>
  <button data-filter=".branding" class="btn">Branding</button>
  <button data-filter=".graphic" class="btn">Graphic</button>
  <button data-filter=".photography" class="btn">Photography</button>
</div>
<ul class="row list-unstyled works-list">
  <li class="grid-sizer"></li>
  <li class="gutter-sizer"></li>
  <li class="works-item col-md-4 col-xs-6 graphic"><a href="work.html"><img src="../img/content/works/1.png?v=1.0.0" alt="">
      <div class="info">
        <div class="h5 light title">Packing of goods</div>
        <div class="h6 category">Branding<br>Design</div>
      </div></a></li>
  <li class="works-item col-md-4 col-xs-6 branding design"><a href="work.html"><img src="../img/content/works/2.png?v=1.0.0" alt="">
      <div class="info">
        <div class="h5 light title">Packing of goods</div>
        <div class="h6 category">Branding<br>Design</div>
      </div></a></li>
  <li class="works-item col-md-4 col-xs-6 photography"><a href="work.html"><img src="../img/content/works/3.png?v=1.0.0" alt="">
      <div class="info">
        <div class="h5 light title">Packing of goods</div>
        <div class="h6 category">Branding<br>Design</div>
      </div></a></li>
  <li class="works-item col-md-4 col-xs-6 branding design"><a href="work.html"><img src="../img/content/works/5.png?v=1.0.0" alt="">
      <div class="info">
        <div class="h5 light title">Packing of goods</div>
        <div class="h6 category">Branding<br>Design</div>
      </div></a></li>
  <li class="works-item col-md-4 col-xs-6 photography"><a href="work.html"><img src="../img/content/works/4.png?v=1.0.0" alt="">
      <div class="info">
        <div class="h5 light title">Packing of goods</div>
        <div class="h6 category">Branding<br>Design</div>
      </div></a></li>
  <li class="works-item col-md-4 col-xs-6 branding graphic"><a href="work.html"><img src="../img/content/works/6.png?v=1.0.0" alt="">
      <div class="info">
        <div class="h5 light title">Packing of goods</div>
        <div class="h6 category">Branding<br>Design</div>
      </div></a></li>
  <li class="works-item col-md-4 col-xs-6 graphic"><a href="work.html"><img src="../img/content/works/7.png?v=1.0.0" alt="">
      <div class="info">
        <div class="h5 light title">Packing of goods</div>
        <div class="h6 category">Branding<br>Design</div>
      </div></a></li>
</ul>