<div class="masonry-loader">
<div class="col-sm-12 text-center">
<div class="spinner">&nbsp;</div>
</div>
</div>

<div class="row masonry masonryFlyIn">
<div class="col-sm-6 masonry-item project" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" src="/sites/default/files/images/home17.jpg" />
<div class="hover-state">
<h3 class="uppercase mb8"><a href="#">Office Space</a></h3>

<h6 class="uppercase"><a href="#">Technology / Photography</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-sm-6 masonry-item project" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" src="/sites/default/files/images/home20.jpg" />
<div class="hover-state">
<h3 class="uppercase mb8"><a href="#">Terrarium</a></h3>

<h6 class="uppercase"><a href="#">San Jose / CA</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-sm-6 masonry-item project" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" src="/sites/default/files/images/home14.jpg" />
<div class="hover-state">
<h3 class="uppercase mb8"><a href="#">Design Kit</a></h3>

<h6 class="uppercase"><a href="#">Technology / Photography</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-sm-6 masonry-item project" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" src="/sites/default/files/images/home18.jpg" />
<div class="hover-state">
<h3 class="uppercase mb8"><a href="#">Note Taking</a></h3>

<h6 class="uppercase"><a href="#">Productivity</a></h6>
</div>
</div>
<!--end of hover tile--></div>
</div>
