<div class="row">
<div class="col-sm-12 text-center">
<h4 class="uppercase mb64">Select A Concept</h4>
</div>
</div>

<div class="row masonry masonryFlyIn fadeIn">
<div class="col-md-4 col-sm-6 masonry-item project" data-filter="People">
<div class="image-tile hover-tile text-center"><span class="label">Just Added! </span> <img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/agency-2.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-agency-2" target="_blank">Agency 2</a></h4>

<h6 class="uppercase"><a href="/home-agency-2" target="_blank">Minimal Showcase</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/classic.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-classic" target="_blank">Classic</a></h4>

<h6 class="uppercase"><a href="/home-classic" target="_blank">Pure Foundry</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/winery.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-winery" target="_blank">Winery</a></h4>

<h6 class="uppercase"><a href="/home-winery" target="_blank">Elegant Business</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/fitness.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-fitness" target="_blank">Fitness</a></h4>

<h6 class="uppercase"><a href="/home-fitness" target="_blank">Personal Trainers / Clubs</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/agency.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-agency" target="_blank">Agency</a></h4>

<h6 class="uppercase"><a href="/home-agency" target="_blank">Studio / Portfolio</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/app2.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-app-landing-2" target="_blank">App Landing 2</a></h4>

<h6 class="uppercase"><a href="/home-app-landing-2" target="_blank">Product Showcase</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/adventure.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-adventure" target="_blank">Adventure</a></h4>

<h6 class="uppercase"><a href="/home-adventure" target="_blank">Travel &amp; Tourism</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/app.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-app-landing" target="_blank">Landing</a></h4>

<h6 class="uppercase"><a href="/home-app-landing" target="_blank">Apps &amp; Software</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/architect.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-architecture" target="_blank">Architect</a></h4>

<h6 class="uppercase"><a href="/home-architecture" target="_blank">Business Portfolio</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/capital.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-capital-firm" target="_blank">Capital</a></h4>

<h6 class="uppercase"><a href="/home-capital-firm" target="_blank">Corporate Business</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/resto.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-restaurant" target="_blank">Restaurant</a></h4>

<h6 class="uppercase"><a href="/home-restaurant" target="_blank">Food Related</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/music.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-music" target="_blank">Music</a></h4>

<h6 class="uppercase"><a href="/home-music" target="_blank">Band &amp; Dj</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/property.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-property-listing" target="_blank">Property</a></h4>

<h6 class="uppercase"><a href="/home-property-listing" target="_blank">Home Listing</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/event.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-event-seminar" target="_blank">Event</a></h4>

<h6 class="uppercase"><a href="/home-event-seminar" target="_blank">Seminar &amp; Meetup</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/resume.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-resume" target="_blank">ResumÉ</a></h4>

<h6 class="uppercase"><a href="/home-resume" target="_blank">Personal Site</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/portfolio.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-portfolio" target="_blank">Portfolio</a></h4>

<h6 class="uppercase"><a href="/home-portfolio" target="_blank">Personal &amp; Agency</a></h6>
</div>
</div>
<!--end of hover tile--></div>

<div class="col-md-4 col-sm-6 masonry-item project fadeIn" data-filter="People">
<div class="image-tile hover-tile text-center"><img alt="image" class="background-image" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/chooser/kenburns.png" />
<div class="hover-state">
<h4 class="uppercase mb0"><a href="/home-kenburns" target="_blank">Ken Burns</a></h4>

<h6 class="uppercase"><a href="/home-kenburns" target="_blank">Image Showcase</a></h6>
</div>
</div>
<!--end of hover tile--></div>
</div>
