Lightbox

Image Lightbox
Ex.

<div class="card border-0 work-container work-primary work-grid position-relative d-block overflow-hidden rounded">
    <div class="card-body p-0">
        <a href="assets/images/work/11.jpg" class="lightbox d-inline-block" title="">
            <img src="assets/images/work/11.jpg" class="img-fluid" alt="work-image">
        </a>
        <div class="content p-3">
            <h5 class="mb-0"><a href="portfolio-detail-one.html" class="text-dark title">Black and white T-shirt</a></h5>
            <h6 class="text-muted tag mb-0">Clothes</h6>
        </div>
    </div>
</div>
Image Lightbox
Ex.

<div class="card border-0 work-container work-primary work-modern position-relative d-block overflow-hidden rounded">
    <div class="portfolio-box-img position-relative overflow-hidden">
        <img class="item-container img-fluid mx-auto" src="assets/images/personal/6.jpg" alt="1" />
        <div class="overlay-work"></div>
        <div class="content">
            <h5 class="mb-0"><a href="portfolio-detail-one.html" class="text-white title">Mockup box with paints</a></h5>
            <h6 class="text-white-50 tag mt-1 mb-0">Photography</h6>
        </div>
        <div class="icons text-center">
            <a href="assets/images/personal/6.jpg" class="work-icon bg-white d-inline-flex rounded-pill lightbox"><i data-feather="camera" class="fea icon-sm image-icon"></i></a>
        </div>
    </div>
</div>

Login