Responsive gallery with lightbox
White border
class="gallery-item item-border"
Code HTML
<div class="gallery">
<div class="gallery-item shadow-smooth-sm item-border">
<img src="https://picsum.photos/1024/768?random=1" alt="portfolio">
<span class="img-info">petit text info</span>
</div>
<div class="gallery-item shadow-smooth-sm item-border">
<img src="https://picsum.photos/1024/768?random=2" alt="portfolio">
<span class="img-info">petit text info</span>
</div>
<div class="gallery-item shadow-smooth-sm item-border">
<img src="https://picsum.photos/1024/768?random=3" alt="portfolio">
<span class="img-info">petit text info</span>
</div>
</div>
Code Lightbox
<!-- Start Lightbox -->
<div class="lightbox">
<div class="lightbox-content">
<div class="lightbox-close"><span class="icon-cross"></span></div>
<img src="" class="lightbox-img" alt="img" onclick="next()">
<div class="lightbox-caption">
<span class="lightbox-text"></span>
<span class="lightbox-counter"></span>
</div>
</div>
<div class="lightbox-controls">
<div class="prev" onclick="prev()"><span class="icon-chevron-left"></span></div>
<div class="next" onclick="next()"><span class="icon-chevron-right"></span></div>
</div>
</div>
<!-- End Lightbox -->