<div class="row masonry-loader pt80">
<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/arch2.jpg" />
<div class="hover-state">
<h3 class="uppercase mb8"><a href="#">The Breezehouse</a></h3>

<h6 class="uppercase"><a href="#">Los Altos / 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/arch3.jpg" />
<div class="hover-state">
<h3 class="uppercase mb8"><a href="#">Culver Rd.</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/arch4.jpg" />
<div class="hover-state">
<h3 class="uppercase mb8"><a href="#">Harper Rd.</a></h3>

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