---
layout: default
---

<!-- Shadow Element -->
<section id="box-shadow-bottom"> </section>


<!-- Portfolio Starts -->
<section class="page-section-top-alt-np mt-20 pb-155 pb-md-110 pb-sm-85" id="portfolio-mp">
 <!-- Begin Portfolio Filter -->
  <div class="row">
   <div class="col-lg-12">
     <ul class="creations-filter">
       <li><a href="#all" data-filter="*" class="filter-button current">All</a></li>
       <li><a class="filter-button" href="#university" data-filter=".university">university</a></li>
       <li><a class="filter-button" href="#Hospitality" data-filter=".Hospitality">Hospitality</a></li>
       <li><a class="filter-button" href="#Interior" data-filter=".Interior">Interior</a></li>
       <li><a class="filter-button" href="#other" data-filter=".other">Other</a></li>
      </ul>
    </div>
  </div> <!--/.row-->


<div class="row portfolio-container">
  <div class="masonry-item col-md-3 col-sm-3 Hospitality">
   <div class="xc-item square effect from_top_and_bottom">
    <div class="img"><img src="{{ site.baseurl }}/img/portfolio-1/1-1000x1500.jpg" alt="img"></div>
     <div class="mask">
      <div class="portfolio-caption">
       <a class="fancybox" data-fancybox-group="gallery1" href="http://placehold.it/1000x1500.jpg" title="Large Image"><i class="fa fa-plus"></i></a>
       <a href="{{ site.baseurl }}/project-1" title="Open Project"><i class="fa fa-link"></i></a>
       <p style="color:#F00">BRIGHTHOUSE BUILDING 1</p>
      </div>
     </div>
    </div>
   </div>

 <div class="masonry-item col-md-3 col-sm-3 university Hospitality Interior">
   <div class="xc-item square effect from_top_and_bottom">
    <div class="img"><img src="{{ site.baseurl }}/img/portfolio-1/2-1000x1500.jpg" alt="img"></div>
     <div class="mask">
      <div class="portfolio-caption">
       <a class="fancybox" data-fancybox-group="gallery1" href="http://placehold.it/1000x1500/000/fff.jpg" title="Large Image"><i class="fa fa-plus"></i></a>
       <a class="fancybox-media" href="http://www.youtube.com/watch?v=opj24KnzrWo"><i class="fa fa-film"></i></a>
       <a href="project-page.html" title="Read More"><i class="fa fa-link"></i></a>
      </div>
    </div>
   </div>
  </div>

 <div class="masonry-item col-md-3 col-sm-3 university Hospitality other">
  <div class="xc-item square effect from_top_and_bottom">
   <div class="img"><img src="{{ site.baseurl }}/img/portfolio-1/1-1000x375.jpg" alt="img"></div>
    <div class="mask">
     <div class="portfolio-caption">
      <a class="fancybox" data-fancybox-group="gallery1" href="http://placehold.it/1000x375/f6f6f6/000.jpg" title="Smaller Image"><i class="fa fa-plus"></i></a>
      <a href="project-page.html" title="Read More"><i class="fa fa-link"></i></a>
     </div>
    </div>
   </div>
  </div>

 <div class="masonry-item col-md-3 col-sm-3 other university Hospitality">
  <div class="xc-item square effect from_top_and_bottom">
   <div class="img"><img src="{{ site.baseurl }}/img/portfolio-1/2-1000x375.png" alt="img"></div>
    <div class="mask">
     <div class="portfolio-caption">
      <a class="fancybox" data-fancybox-group="gallery1" href="http://placehold.it/1000x375/000/fff.jpg" title="Smaller Image"><i class="fa fa-plus"></i></a>
      <a href="project-page.html" title="Read More"><i class="fa fa-link"></i></a>
     </div>
    </div>
   </div>
  </div>

 <div class="masonry-item col-md-3 col-sm-3 other university Interior">
  <div class="xc-item square effect from_top_and_bottom">
   <div class="img"><img src="{{ site.baseurl }}/img/portfolio-1/1-1000x750.jpg" alt="img"></div>
    <div class="mask">
     <div class="portfolio-caption">
      <a class="fancybox" data-fancybox-group="gallery1" href="http://placehold.it/1000x750.jpg" title="Title Here"><i class="fa fa-plus"></i></a>
      <a href="project-page.html" title="Read More"><i class="fa fa-link"></i></a>
     </div>
    </div>
   </div>
  </div>

 <div class="masonry-item col-md-3 col-sm-3 university Interior Hospitality other">
  <div class="xc-item square effect from_top_and_bottom">
   <div class="img"><img src="{{ site.baseurl }}/img/portfolio-1/3-1000x375.jpg" alt="img"></div>
    <div class="mask">
     <div class="portfolio-caption">
       <a class="fancybox" data-fancybox-group="gallery1" href="http://placehold.it/1000x375/000/fff.jpg" title="Work"><i class="fa fa-plus"></i></a>
       <a href="project-page.html" title="Read More"><i class="fa fa-link"></i></a>
     </div>
    </div>
   </div>
  </div>

 <div class="masonry-item col-md-3 col-sm-3 other Hospitality Interior">
  <div class="xc-item square effect from_top_and_bottom">
   <div class="img"><img src="{{ site.baseurl }}/img/portfolio-1/2-1000x750.jpg" alt="img"></div>
    <div class="mask">
     <div class="portfolio-caption">
      <a class="fancybox" data-fancybox-group="gallery1" href="http://placehold.it/1000x750/000/fff.jpg" title="Hello!"><i class="fa fa-plus"></i></a>
      <a href="project-page.html" title="Read More"><i class="fa fa-link"></i></a>
     </div>
    </div>
   </div>
  </div>

  <div class="masonry-item col-md-3 col-sm-3 university Hospitality other">
   <div class="xc-item square effect from_top_and_bottom">
    <div class="img"><img src="{{ site.baseurl }}/img/portfolio-1/4-1000x375.jpg" alt="img"></div>
     <div class="mask">
      <div class="portfolio-caption">
       <a class="fancybox" data-fancybox-group="gallery1" href="http://placehold.it/1000x375/f6f6f6/000.jpg" title="Smaller Image"><i class="fa fa-plus"></i></a>
       <a href="project-page.html" title="Read More"><i class="fa fa-link"></i></a>
      </div>
     </div>
    </div>
   </div>

 </div>
</section>
<!--Portfolio Ends -->
