<div className="card border-0 work-container work-primary work-grid position-relative d-block overflow-hidden rounded">
<div className="card-body p-0">
<Link href="#" scroll={false} onClick={()=› handleCLick(0)} className="lightbox d-inline-block" title="">
<img src="/images/work/11.jpg" className="img-fluid" alt="work-image">
</Link>
<div className="content p-3">
<h5 className="mb-0">
<Link href="/portfolio-detail-one" className="text-dark title">Black and white T-shirt</Link>
</h5>
<h6 className="text-muted tag mb-0">Clothes</h6>
</div>
</div>
</div>
<div className="card border-0 work-container work-primary work-modern position-relative d-block overflow-hidden rounded">
<div className="portfolio-box-img position-relative overflow-hidden">
<img className="item-container img-fluid mx-auto" src="assets/images/personal/6.jpg" alt="1" />
<div className="overlay-work"></div>
<div className="content">
<h5 className="mb-0"><a href="portfolio-detail-one.html" className="text-white title">Mockup box with paints</a></h5>
<h6 className="text-white-50 tag mt-1 mb-0">Photography</h6>
</div>
<div className="icons text-center">
<Link href="#" scroll={false} onClick={()=› handleCLick(0)} className="work-icon bg-white d-inline-flex rounded-pill lightbox"><FiCamera className="fea icon-sm image-icon"/></Link>
</div>
</div>
</div>
