288 lines
13 KiB
Plaintext
288 lines
13 KiB
Plaintext
@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 {
|
|
|
|
}
|