<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-business-agency.html"><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-business-agency.html">Agency</a></h5>
</div>
<a href="home-business-agency.html"><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-business-corporate.html"><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-business-corporate.html">Corporate</a></h5>
</div>
<a href="home-business-corporate.html"><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-business-creative.html"><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-business-creative.html">Creative</a></h5>
</div>
<a href="home-business-creative.html"><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-business-split-cover.html"><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-business-split-cover.html">Split Cover</a></h5>
</div>
<a href="home-business-split-cover.html"><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-business-elegant.html"><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-business-elegant.html">Elegant</a></h5>
</div>
<a href="home-business-elegant.html"><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-niche-politician.html"><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-niche-politician.html">Politician</a></h5>
</div>
<a href="home-niche-politician.html"><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-niche-wedding.html"><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-niche-wedding.html">Wedding</a></h5>
</div>
<a href="home-niche-wedding.html"><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-landing-product-1.html"><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-landing-product-1.html">Product</a></h5>
</div>
<a href="home-landing-product-1.html"><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-landing-listing-1.html"><img alt="Pic" data-entity-type="" data-entity-uuid="" src="/sites/default/files/images/thumbs/home21.jpg" /> </a></div>

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="home-landing-listing-1.html">Listing</a></h5>
</div>
<a href="home-landing-listing-1.html"><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-landing-product-2.html"><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-landing-product-2.html">Product 2</a></h5>
</div>
<a href="home-landing-product-2.html"><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-landing-service-1.html"><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-landing-service-1.html">Service 1</a></h5>
</div>
<a href="home-landing-service-1.html"><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-landing-service-2.html"><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-landing-service-2.html">Service 2</a></h5>
</div>
<a href="home-landing-service-2.html"><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-landing-service-3.html"><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-landing-service-3.html">Service 3</a></h5>
</div>
<a href="home-landing-service-3.html"><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-landing-service-4.html"><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-landing-service-4.html">Service 4</a></h5>
</div>
<a href="home-landing-service-4.html"><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-landing-app.html"><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-landing-app.html">Application</a></h5>
</div>
<a href="home-landing-app.html"><span> <em>Multipurpose Landing</em> </span> </a></div>
</div>
</div>
<!--end item-->

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

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="home-shop-media.html">Shop Media</a></h5>
</div>
<a href="home-shop-media.html"><span> <em>Multipurpose Store</em> </span> </a></div>
</div>
</div>
<!--end item-->

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

<div class="card__body boxed bg--white">
<div class="card__title">
<h5><a href="home-shop-slider.html">Shop Slider</a></h5>
</div>
<a href="home-shop-slider.html"><span> <em>Multipurpose Store</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.html"><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.html">Case Studies</a></h5>
</div>
<a href="home-portfolio-case-studies.html"><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.html"><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.html">Two Columns</a></h5>
</div>
<a href="home-portfolio-column.html"><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.html"><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.html">Fullwidth</a></h5>
</div>
<a href="home-portfolio-fullwidth.html"><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.html"><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.html">Personal</a></h5>
</div>
<a href="home-portfolio-personal.html"><span> <em>Multipurpose Portfolio</em> </span> </a></div>
</div>
</div>
<!--end item--></div>
<!--end masonry container--></div>
</div>
