<div class="row text-center">
<h3>Multipurpose Demos</h3>
</div>

<div class="row">
<div class="masonry">
<div class="masonry__filters text-center" data-filter-all-text="Show All">&nbsp;</div>

<div class="masonry__container">
<div class="col-sm-6 masonry__item" data-masonry-filter="business">
<div class="card card-3">
<div class="card__image"><a href="/home-classic"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home1.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-classic">Pillar Classic</a></h5>
</div>
<a href="/home-classic"><span> <em>Multipurpose Business</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="business">
<div class="card card-3">
<div class="card__image"><a href="/home-startup"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home2.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-startup">Startup</a></h5>
</div>
<a href="/home-startup"><span> <em>Multipurpose Business</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="business">
<div class="card card-3">
<div class="card__image"><a href="/home-startup-2"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home22.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-startup-2">Startup 2</a></h5>
</div>
<a href="/home-startup-2"><span> <em>Multipurpose Business</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="business">
<div class="card card-3">
<div class="card__image"><a href="/home-agency"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home3.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-agency">Agency</a></h5>
</div>
<a href="/home-agency"><span> <em>Multipurpose Business</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="business">
<div class="card card-3">
<div class="card__image"><a href="/home-corporate"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home20.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-corporate">Corporate</a></h5>
</div>
<a href="/home-corporate"><span> <em>Multipurpose Business</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="business">
<div class="card card-3">
<div class="card__image"><a href="/home-creative"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home4.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-creative">Creative</a></h5>
</div>
<a href="/home-creative"><span> <em>Multipurpose Business</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="business">
<div class="card card-3">
<div class="card__image"><a href="/home-split-cover"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home5.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-split-cover">Split Cover</a></h5>
</div>
<a href="/home-split-cover"><span> <em>Multipurpose Business</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="business">
<div class="card card-3">
<div class="card__image"><a href="/home-elegant"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home6.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-elegant">Elegant</a></h5>
</div>
<a href="/home-elegant"><span> <em>Multipurpose Business</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="landing">
<div class="card card-3">
<div class="card__image"><a href="/home-politician"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home23.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-politician">Politician</a></h5>
</div>
<a href="/home-politician"><span> <em>Niche Landing</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="landing">
<div class="card card-3">
<div class="card__image"><a href="/home-wedding"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home24.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-wedding">Wedding</a></h5>
</div>
<a href="/home-wedding"><span> <em>Niche Landing</em> </span> <span class="label">New</span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="landing">
<div class="card card-3">
<div class="card__image"><a href="/home-product-1"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home7.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-product-1">Product</a></h5>
</div>
<a href="/home-product-1"><span> <em>Multipurpose Landing</em> </span> </a></div>
</div>
</div>
<!--end item-->


<div class="col-sm-6 masonry__item" data-masonry-filter="landing">
<div class="card card-3">
<div class="card__image"><a href="/home-product-2"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home8.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-product-2">Product 2</a></h5>
</div>
<a href="/home-product-2"><span> <em>Multipurpose Landing</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="landing">
<div class="card card-3">
<div class="card__image"><a href="/home-service-1"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home9.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-service-1">Service 1</a></h5>
</div>
<a href="/home-service-1"><span> <em>Multipurpose Landing</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="landing">
<div class="card card-3">
<div class="card__image"><a href="/home-service-2"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home10.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-service-2">Service 2</a></h5>
</div>
<a href="/home-service-2"><span> <em>Multipurpose Landing</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="landing">
<div class="card card-3">
<div class="card__image"><a href="/home-service-3"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home11.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-service-3">Service 3</a></h5>
</div>
<a href="/home-service-3"><span> <em>Multipurpose Landing</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="landing">
<div class="card card-3">
<div class="card__image"><a href="/home-service-4"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home12.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-service-4">Service 4</a></h5>
</div>
<a href="/home-service-4"><span> <em>Multipurpose Landing</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="landing">
<div class="card card-3">
<div class="card__image"><a href="/home-application"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home13.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-application">Application</a></h5>
</div>
<a href="/home-application"><span> <em>Multipurpose Landing</em> </span> </a></div>
</div>
</div>
<!--end item-->


<div class="col-sm-6 masonry__item" data-masonry-filter="portfolio">
<div class="card card-3">
<div class="card__image"><a href="/home-portfolio-case-studies"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home16.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-portfolio-case-studies">Case Studies</a></h5>
</div>
<a href="/home-portfolio-case-studies"><span> <em>Multipurpose Portfolio</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="portfolio">
<div class="card card-3">
<div class="card__image"><a href="/home-portfolio-column"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home17.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-portfolio-column">Two Columns</a></h5>
</div>
<a href="/home-portfolio-column"><span> <em>Multipurpose Portfolio</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="portfolio">
<div class="card card-3">
<div class="card__image"><a href="/home-portfolio-fullwidth"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home18.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-portfolio-fullwidth">Fullwidth</a></h5>
</div>
<a href="/home-portfolio-fullwidth"><span> <em>Multipurpose Portfolio</em> </span> </a></div>
</div>
</div>
<!--end item-->

<div class="col-sm-6 masonry__item" data-masonry-filter="portfolio">
<div class="card card-3">
<div class="card__image"><a href="/home-portfolio-personal"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home19.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="/home-portfolio-personal">Personal</a></h5>
</div>
<a href="/home-portfolio-personal"><span> <em>Multipurpose Portfolio</em> </span> </a></div>
</div>
</div>
<!--end item--></div>
<!--end masonry container--></div>
</div>
