@page "/gallery"
     

<!--body content start-->
<section class="body-content page-content">
  

    <div class="portfolio portfolio-masonry col-2 col-sm-12 gutter">

        <div class="portfolio-item cat1 cat3 ">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" class="popup-link" title="lightbox view">
                            <i class="icon-basic_magnifier"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/1.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
                        <p>
                            <a href="#">category</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>


        <div class="portfolio-item cat4 cat2">
            <div class="thumb">

                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" class="popup-link" title="lightbox view">
                            <i class="icon-basic_magnifier"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/4-1.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
                        <p>
                            <a href="#">category</a>
                        </p>
                    </div>
                </div>

            </div>
        </div>

        <div class="portfolio-item cat2 cat4">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/2.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="portfolio-single.html">
                            <i class="icon-basic_link"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="portfolio-single.html">External link</a></h4>
                        <p>
                            <a href="#">category 1</a> , <a href="#">category 2</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="portfolio-item cat1 cat4">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/3.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a class="popup-vimeo" href="https://vimeo.com/45830194">
                            <i class="icon-arrows_keyboard_right"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a class="popup-vimeo" href="https://vimeo.com/45830194">Video lightbox</a></h4>
                        <p>
                            <a href="#">category</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="portfolio-item cat2 cat4">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" class="popup-link" title="lightbox view">
                            <i class="icon-basic_magnifier"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/5.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
                        <p>
                            <a href="#">category 3</a> , <a href="#">category 4</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="portfolio-item cat3 ">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/7.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="portfolio-single.html">
                            <i class="icon-basic_link"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="portfolio-single.html">External link</a></h4>
                        <p>
                            <a href="#">category</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

       
        <div class="portfolio-item cat1 cat4 cat3 cat5">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" class="popup-link" title="lightbox view">
                            <i class="icon-basic_magnifier"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/8.jpg" class="popup-link" title="lightbox view">lightbox view</a></h4>
                        <p>
                            <a href="#">category 5</a> , <a href="#">category 6</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="portfolio-item cat2 cat5">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" class="popup-link" title="lightbox view">
                            <i class="icon-basic_magnifier"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/9.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
                        <p>
                            <a href="#">category</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <!---->
        <div class="portfolio-item cat2 cat5">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" class="popup-link" title="lightbox view">
                            <i class="icon-basic_magnifier"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/10.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
                        <p>
                            <a href="#">category</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="portfolio-item cat2 cat5">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" class="popup-link" title="lightbox view">
                            <i class="icon-basic_magnifier"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/11.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
                        <p>
                            <a href="#">category</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="portfolio-item cat2 cat5">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" class="popup-link" title="lightbox view">
                            <i class="icon-basic_magnifier"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/12.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
                        <p>
                            <a href="#">category</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="portfolio-item cat2 cat5">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" class="popup-link" title="lightbox view">
                            <i class="icon-basic_magnifier"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/13.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
                        <p>
                            <a href="#">category</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="portfolio-item cat2 cat5">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" class="popup-link" title="lightbox view">
                            <i class="icon-basic_magnifier"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/14.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
                        <p>
                            <a href="#">category</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

        <div class="portfolio-item cat2 cat5">
            <div class="thumb">
                <img src="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" alt="">
                <div class="portfolio-hover">
                    <div class="action-btn">
                        <a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" class="popup-link" title="lightbox view">
                            <i class="icon-basic_magnifier"></i>
                        </a>
                    </div>
                    <div class="portfolio-description">
                        <h4><a href="_content/MissNationSharedUI/assets/img/portfolio/masonry/15.jpg" class="popup-link" title="The Cleaner">lightbox view</a></h4>
                        <p>
                            <a href="#">category</a>
                        </p>
                    </div>
                </div>
            </div>
        </div>

    </div>
</section>
<!--body content end-->

@code {

}