<div class="ratio_asos">
<div class="product-box">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img src="assets/images/pro3/27.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="back">
<a href="product-page(no-sidebar).html"><img src="assets/images/pro3/28.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-info cart-wrap">
<button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart">
<i class="ti-shopping-cart"></i>
</button>
<a href="javascript:void(0)" title="Add to Wishlist">
<i class="ti-heart" aria-hidden="true"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view" title="Quick View">
<i class="ti-search" aria-hidden="true"></i>
</a>
<a href="compare.html" title="Compare">
<i class="ti-reload" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-detail">
<div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i
class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
</div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
<ul class="color-variant">
<li class="bg-light0"></li>
<li class="bg-light1"></li>
<li class="bg-light2"></li>
</ul>
</div>
</div>
</div>

<div class="ratio_asos">
<div class="product-box">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img
src="assets/images/fashion/pro/2.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-box cart-box-bottom">
<button data-bs-toggle="modal" data-bs-target="#addtocart"
title="Add to cart"><i class="ti-shopping-cart"></i></button><a
href="javascript:void(0)" title="Add to Wishlist"><i
class="ti-heart" aria-hidden="true"></i></a><a href="#"
data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
<a href="compare.html" title="Compare"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
</div>
<div class="product-detail">
<div class="detail-inline">
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
</div>
<ul class="color-variant pt-0">
<li class="bg-light0"></li>
<li class="bg-light1"></li>
<li class="bg-light2"></li>
</ul>
</div>
</div>
</div>

<div class="metro-section portfolio-section ratio_asos">

<div class="product-box">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img
src="assets/images/fashion/pro/22.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-info cart-wrap">
<button title="Add to cart"><i class="ti-shopping-cart"></i></button>
<a href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
aria-hidden="true"></i></a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
<a href="compare.html" title="Compare"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
</div>
<div class="product-detail default-view">
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
</div>
</div>
</div>

<div class="ratio_asos">
<div class="product-box">
<div class="img-wrapper">
<div class="timer product-box-timer d-none d-sm-flex" id="demo"></div>
<div class="front">
<a href="product-page(no-sidebar).html"><img
src="assets/images/fashion/pro/34.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-box cart-box-bottom">
<button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart"><i
class="ti-shopping-cart"></i></button><a href="javascript:void(0)"
title="Add to Wishlist"><i class="ti-heart" aria-hidden="true"></i></a><a
href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View"><i class="ti-search" aria-hidden="true"></i></a><a
href="compare.html" title="Compare"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
</div>
<div class="product-detail">
<div class="detail-inline">
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
</div>
<ul class="color-variant pt-0">
    
<li class="bg-light0"></li>
<li class="bg-light1"></li>
<li class="bg-light2"></li>
</ul>
<ul class="color-variant quantity-variant box-l">
<li class="bg-light">S</li>
<li class="bg-light">M</li>
<li class="bg-light">L</li>
<li class="bg-light">Xl</li>
</ul>
</div>
</div>
</div>

<div class="ratio_asos game-product">
<div class="product-box">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img src="assets/images/marketplace/1.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-info cart-wrap">
<a href="javascript:void(0)" title="Add to Wishlist" tabindex="0"><i class="ti-heart"
aria-hidden="true"></i></a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view" title="Quick View"
tabindex="0"><i class="ti-search" aria-hidden="true"></i></a>
<a href="compare.html" title="Compare" tabindex="0"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
<div class="add-button" data-bs-toggle="modal" data-bs-target="#addtocart">add to
cart</div>
</div>
<div class="product-detail">
<div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i
class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
</div>
</div>
</div>

<div class="ratio_square">
<div class="product-box product-wrap product-style-3">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img alt=""
src="assets/images/marketplace/pro/2.jpg"
class="img-fluid blur-up lazyload bg-img"></a>
</div>
<div class="cart-detail"><a href="javascript:void(0)" title="Add to Wishlist"><i
class="ti-heart" aria-hidden="true"></i></a><a href="#" data-bs-toggle="modal"
data-bs-target="#quick-view" title="Quick View"><i class="ti-search"
aria-hidden="true"></i></a><a href="compare.html" title="Compare"><i
class="ti-reload" aria-hidden="true"></i></a></div>
</div>
<div class="product-info">
<div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i
class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i></div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
<div class="add-btn">
<a href="javascript:void(0)" class="">
<i class="ti-shopping-cart"></i> add to cart
</a>
</div>
</div>
</div>
</div>

<div class="ratio_square">
<div class="product-box">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img
src="assets/images/electronics/pro/23.jpg"
class="img-fluid blur-up lazyload bg-img"
alt=""></a>
</div>
<div class="cart-info cart-wrap bg-color-cls sm-box">
<button onclick="openCart()" title="Add to cart"><i
class="ti-shopping-cart"></i></button>
<a href="javascript:void(0)" title="Add to Wishlist"><i
class="ti-heart" aria-hidden="true"></i></a>
<a href="#" data-bs-toggle="modal"
data-bs-target="#quick-view" title="Quick View"><i
class="ti-search" aria-hidden="true"></i></a>
<a href="compare.html" title="Compare"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
</div>
<div class="product-detail">
<div class="rating"><i class="fa fa-star"></i><i
class="fa fa-star"></i><i class="fa fa-star"></i><i
class="fa fa-star"></i><i class="fa fa-star"></i>
</div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
<ul class="color-variant">
<li class="bg-color1"></li>
<li class="bg-color3"></li>
</ul>
</div>
</div>
</div>

<div class="ratio_square">
<div class="product-box product-wrap">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img
src="assets/images/marketplace/pro/29.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="back">
<a href="product-page(no-sidebar).html"><img
src="assets/images/marketplace/pro/14.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-info cart-wrap bg-color-cls sm-box">
<button onclick="openCart()" title="Add to cart"><i
class="ti-shopping-cart"></i></button>
<a href="javascript:void(0)" title="Add to Wishlist"><i
class="ti-heart" aria-hidden="true"></i></a>
<a href="#" data-bs-toggle="modal"
data-bs-target="#quick-view" title="Quick View"><i
class="ti-search" aria-hidden="true"></i></a>
<a href="compare.html" title="Compare"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
</div>
<div class="product-detail">
<div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i
class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
</div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
<ul class="color-variant quantity-variant box-l">
<li class="bg-light">2kg</li>
<li class="bg-light">5kg</li>
</ul>
<div class="progress-section">
<div class="progress">
<div class="progress-bar" role="progressbar" style="width: 75%" aria-value now="75" aria-value min="0"
aria-value max="100"></div>
</div>
<span>75% Claimed</span>
</div>
</div>
</div>
</div>

<div class="addtocart_count ratio_square">
<div class="product-box product-wrap">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img
src="assets/images/vegetables/pro/1.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-info cart-wrap">
<a href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
aria-hidden="true"></i></a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
<a href="compare.html" title="Compare"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
<div class="addtocart_btn">
<button class="add-button add_cart" title="Add to cart">
Add to Cart
</button>
<div class="qty-box cart_qty">
<div class="input-group">
<button type="button" class="btn quantity-left-minus" data-type="minus"
data-field="">
<i class="fa fa-minus" aria-hidden="true"></i>
</button>
<input type="text" name="quantity"
class="form-control input-number qty-input"value="1">
<button type="button" class="btn quantity-right-plus" data-type="plus"
data-field="">
<i class="fa fa-plus" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</div>
<div class="product-detail text-center">
<div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i
class="fa fa-star"></i><i class="fa fa-star"></i><i class="fa fa-star"></i>
</div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00 <del>$600.00</del></h4>
</div>
</div>
</div>

<div class="addtocart_count ratio_square">
<div class="product-box product-wrap product-style-1">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img
src="assets/images/vegetables/pro/13.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-info cart-wrap">
<a href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
aria-hidden="true"></i></a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
<a href="compare.html" title="Compare"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
<div class="addtocart_btn">
<button class="add-button add_cart" title="Add to cart">
Add to Cart
</button>
<div class="qty-box cart_qty">
<div class="input-group">
<button type="button" class="btn quantity-left-minus" data-type="minus"
data-field="">
<i class="fa fa-minus" aria-hidden="true"></i>
</button>
<input type="text" name="quantity"
class="form-control input-number qty-input"value="1">
<button type="button" class="btn quantity-right-plus" data-type="plus"
data-field="">
<i class="fa fa-plus" aria-hidden="true"></i>
</button>
</div>
</div>
</div>
</div>
<div class="product-detail text-center">
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
</div>
</div>
</div>

<div class="j-box ratio_square">
<div class="product-box">
<div class="img-wrapper">
<div class="lable-block">
<span class="lable3">new</span>
<span class="lable4">on sale</span>
</div>
<div class="front">
<a href="product-page(no-sidebar).html"><img
src="assets/images/jewellery/pro/3.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-info cart-wrap">
<button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart"><i
class="ti-shopping-cart"></i></button>
<a href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
aria-hidden="true"></i></a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
<a href="compare.html" title="Compare"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
</div>
<div class="product-detail">
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
</div>
</div>
</div>

<div class="j-box ratio_square">
<div class="product-box">
<div class="img-wrapper">
<div class="lable-block">
<span class="lable3">new</span>
<span class="lable4">on sale</span>
</div>
<div class="front">
<a href="product-page(no-sidebar).html"><img
src="assets/images/jewellery/pro/3.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-info cart-wrap">
<button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart"><i
class="ti-shopping-cart"></i></button>
<a href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
aria-hidden="true"></i></a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
<a href="compare.html" title="Compare"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
</div>
<div class="product-detail">
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
</div>
</div>
</div>

<div class="bag-product ratio_square">
<div class="product-box product-wrap">
<div class="img-wrapper">
<div class="lable-block">
<span class="lable3">new</span>
</div>
<div class="front">
<a href="product-page(no-sidebar).html">
<img alt="" src="assets/images/bags/7.jpg"
class="img-fluid blur-up lazyload bg-img">
</a>
</div>
<div class="back">
<a href="product-page(no-sidebar).html">
<img alt="" src="assets/images/bags/9.jpg"
class="img-fluid blur-up lazyload bg-img">
</a>
</div>
<div class="cart-detail">
<a href="javascript:void(0)" title="Add to Wishlist">
<i class="ti-heart" aria-hidden="true"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View">
<i class="ti-search" aria-hidden="true"></i>
</a>
<a href="compare.html" title="Compare">
<i class="ti-reload" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-info">
<div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i
class="fa fa-star"></i><i class="fa fa-star"></i><i
class="fa fa-star"></i></div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00 <del>$600.00</del></h4>
<ul class="color-variant">
<li class="bg-light0"></li>
<li class="bg-light1"></li>
<li class="bg-light2"></li>
</ul>
<div class="add-btn">
<a href="javascript:void(0)" onclick="openCart()"
class="btn btn-outline">
<i class="ti-shopping-cart"></i> add to cart
</a>
</div>
</div>
</div>
</div>

<div class="bag-product ratio_square">
<div class="product-box product-wrap">
<div class="img-wrapper">
<div class="lable-block">
<span class="lable3">new</span>
</div>
<div class="front">
<a href="product-page(no-sidebar).html">
<img alt="" src="assets/images/bags/7.jpg"
class="img-fluid blur-up lazyload bg-img">
</a>
</div>
<div class="back">
<a href="product-page(no-sidebar).html">
<img alt="" src="assets/images/bags/9.jpg"
class="img-fluid blur-up lazyload bg-img">
</a>
</div>
<div class="cart-detail">
<a href="javascript:void(0)" title="Add to Wishlist">
<i class="ti-heart" aria-hidden="true"></i>
</a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View">
<i class="ti-search" aria-hidden="true"></i>
</a>
<a href="compare.html" title="Compare">
<i class="ti-reload" aria-hidden="true"></i>
</a>
</div>
</div>
<div class="product-info">
<div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i
class="fa fa-star"></i><i class="fa fa-star"></i><i
class="fa fa-star"></i></div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00 <del>$600.00</del></h4>
<ul class="color-variant">
<li class="bg-light0"></li>
<li class="bg-light1"></li>
<li class="bg-light2"></li>
</ul>
<div class="add-btn">
<a href="javascript:void(0)" onclick="openCart()"
class="btn btn-outline">
<i class="ti-shopping-cart"></i> add to cart
</a>
</div>
</div>
</div>
</div>

<div class="ratio_square">
<div class="cycle-box">
<div class="product-detail">
<a href="product-page(no-sidebar).html">
<h4>Bicycle Scout 26T</h4>
</a>
<div class="rating"><i class="fa fa-star"></i><i class="fa fa-star"></i><i
class="fa fa-star"></i><i class="fa fa-star"></i><i
class="fa fa-star"></i>
</div>
<ul class="details">
<li><i class="fa fa-user-o" aria-hidden="true"></i> 10-50 YR</li>
<li><i class="fa fa-arrows-v" aria-hidden="true"></i> 5 ft – 6.3 ft
</li>
</ul>
<div class="add-wish">
<a href="javascript:void(0)" title="Add to Wishlist" tabindex="0"><i
data-feather="heart"></i></a>
</div>
</div>
<div class="img-wrapper">
<a href="product-page(no-sidebar).html"><img src="assets/images/bicycle/1.jpg"
class="img-fluid blur-up lazyload" alt=""></a>
<div class="quick-view-part">
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View" tabindex="0"><i data-feather="search"></i></a>
</div>
</div>
<div class="bottom-detail">
<div>
<ul class="color-variant">
<li class="bg-light0"></li>
<li class="bg-light1"></li>
<li class="bg-light2"></li>
</ul>
<h4>$500.00</h4>
</div>
</div>
<ul class="cart-detail">
<li>
<button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart"
tabindex="0"><i data-feather="shopping-cart"></i>add to cart</button>
</li>
<li>
<a href="compare.html" title="Compare" tabindex="0"><i
data-feather="refresh-ccw"></i>compare</a>
</li>
</ul>
</div>
</div>

<div class="tools-grey border-box ratio_square">
<div class="product-box product-wrap">
<div class="img-wrapper">
<div class="ribbon"><span>sale</span></div>
<div class="front">
<a href="product-page(no-sidebar).html"><img alt=""
src="assets/images/marijuana/pro/21.jpg"
class="img-fluid blur-up lazyload bg-img"></a>
</div>
<div class="cart-info cart-wrap">
<a href="javascript:void(0)" title="Add to Wishlist"><i class="fa fa-heart"
aria-hidden="true"></i></a>
<button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart"><i
class="ti-shopping-cart"></i> Add to cart</button>
<a href="compare.html" title="Compare"><i class="fa fa-refresh"
aria-hidden="true"></i></a>
<a class="mobile-quick-view" href="#" data-bs-toggle="modal"
data-bs-target="#quick-view" title="Quick View"><i class="ti-search"
aria-hidden="true"></i></a>
</div>
<div class="quick-view-part">
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
</div>
</div>
<div class="product-info">
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
</div>
</div>
</div>

<div class="gym-product ratio_square">
<div class="product-box">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img src="assets/images/gym/pro/9.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-info cart-wrap">
<button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart"><i
class="ti-shopping-cart"></i></button>
<a href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
aria-hidden="true"></i></a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
<a href="compare.html" title="Compare"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
</div>
<div class="product-detail">
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
</div>
</div>
</div>

<div class="metro-section portfolio-section ratio_asos">

<div class="product-box">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img
src="assets/images/fashion/pro/22.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-info cart-wrap">
<button title="Add to cart"><i class="ti-shopping-cart"></i></button>
<a href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
aria-hidden="true"></i></a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
<a href="compare.html" title="Compare"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
</div>
<div class="product-detail">
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
</div>
</div>
</div>

<div class="absolute-product ratio_square">
<div class="product-box">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img
src="assets/images/fashion/pro/3.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="back">
<a href="product-page(no-sidebar).html"><img
src="assets/images/fashion/pro/03.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
</div>
<div class="product-detail">
<div class="rating">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
<ul class="color-variant">
<li class="bg-light0"></li>
<li class="bg-light1"></li>
<li class="bg-light2"></li>
</ul>
<div class="cart-bottom">
<button data-bs-toggle="modal" data-bs-target="#addtocart"
title="Add to cart"><i class="ti-shopping-cart"></i></button>
<a href="javascript:void(0)" title="Add to Wishlist"><i
class="fa fa-heart" aria-hidden="true"></i></a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View"><i class="fa fa-plus-circle"
aria-hidden="true"></i></a>
<a href="compare.html" title="Compare"><i class="fa fa-refresh"
aria-hidden="true"></i></a>
</div>
</div>
</div>
</div>

<div class="j-box pets-box ratio_square">
<div class="product-box">
<div class="img-wrapper">
<div class="front">
<a href="product-page(no-sidebar).html"><img src="assets/images/pets/pro/10.jpg"
class="img-fluid blur-up lazyload bg-img" alt=""></a>
</div>
<div class="cart-info cart-wrap">
<button data-bs-toggle="modal" data-bs-target="#addtocart" title="Add to cart"><i
class="ti-shopping-cart"></i></button>
<a href="javascript:void(0)" title="Add to Wishlist"><i class="ti-heart"
aria-hidden="true"></i></a>
<a href="#" data-bs-toggle="modal" data-bs-target="#quick-view"
title="Quick View"><i class="ti-search" aria-hidden="true"></i></a>
<a href="compare.html" title="Compare"><i class="ti-reload"
aria-hidden="true"></i></a>
</div>
</div>
<div class="product-detail">
<div class="rating pt-0">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
</div>
<a href="product-page(no-sidebar).html">
<h6>Slim Fit Cotton Shirt</h6>
</a>
<h4>$500.00</h4>
</div>
</div>
</div>