<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"></div>
                            <div class="masonry__container">
                                <div class="col-sm-6 masonry__item" data-masonry-filter="business">
                                    <a href="home-business-classic.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home1.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Pillar Classic</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Business</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="business">
                                    <a href="home-business-startup.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home2.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Startup</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Business</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="business">
                                    <a href="home-business-startup-2.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home22.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Startup 2</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Business</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="business">
                                    <a href="home-business-agency.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home3.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Agency</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Business</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="business">
                                    <a href="home-business-corporate.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home20.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Corporate</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Business</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="business">
                                    <a href="home-business-creative.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home4.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Creative</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Business</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="business">
                                    <a href="home-business-split-cover.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home5.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Split Cover</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Business</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="business">
                                    <a href="home-business-elegant.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home6.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Elegant</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Business</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="landing">
                                    <a href="home-niche-politician.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home23.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Politician</h5>
                                                </div>
                                                <span>
                                                    <em>Niche Landing</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="landing">
                                    <a href="home-niche-wedding.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home24.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Wedding</h5>
                                                </div>
                                                <span>
                                                    <em>Niche Landing</em>
                                                </span>
                                                <span class="label">New</span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="landing">
                                    <a href="home-landing-product-1.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home7.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Product</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Landing</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="landing">
                                    <a href="home-landing-listing-1.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home21.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Listing</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Landing</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="landing">
                                    <a href="home-landing-product-2.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home8.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Product 2</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Landing</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="landing">
                                    <a href="home-landing-service-1.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home9.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Service 1</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Landing</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="landing">
                                    <a href="home-landing-service-2.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home10.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Service 2</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Landing</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="landing">
                                    <a href="home-landing-service-3.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home11.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Service 3</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Landing</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="landing">
                                    <a href="home-landing-service-4.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home12.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Service 4</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Landing</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="landing">
                                    <a href="home-landing-app.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home13.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Application</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Landing</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="shop">
                                    <a href="home-shop-media.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home14.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Shop Media</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Store</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="shop">
                                    <a href="home-shop-slider.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home15.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Shop Slider</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Store</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="portfolio">
                                    <a href="home-portfolio-case-studies.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home16.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Case Studies</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Portfolio</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="portfolio">
                                    <a href="home-portfolio-column.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home17.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Two Columns</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Portfolio</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="portfolio">
                                    <a href="home-portfolio-fullwidth.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home18.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Fullwidth</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Portfolio</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                                <div class="col-sm-6 masonry__item" data-masonry-filter="portfolio">
                                    <a href="home-portfolio-personal.html">
                                        <div class="card card-3">
                                            <div class="card__image">
                                                <img alt="Pic" src="/sites/default/files/images/thumbs/home19.jpg" />
                                            </div>
                                            <div class="card__body boxed bg--white">
                                                <div class="card__title">
                                                    <h5>Personal</h5>
                                                </div>
                                                <span>
                                                    <em>Multipurpose Portfolio</em>
                                                </span>
                                            </div>
                                        </div>
                                    </a>
                                </div>
                                <!--end item-->
                            </div>
                            <!--end masonry container-->
                        </div>
                    </div>