Files
turingflow-shop-001/html/index-12(all_section).html
“dongming” ebae1aa7e3 first commit
2025-12-19 22:16:01 +08:00

14277 lines
558 KiB
HTML

<!doctype html>
<html class="no-js" lang="zxx">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<title>Home || animart pet shop, pet shitter, pet food, pet care bootstrap 5 Template</title>
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicons -->
<link rel="shortcut icon" href="img/favicon.png">
<!-- icofont css -->
<link rel="stylesheet" href="css/icofont.css">
<!-- Animate css -->
<link rel="stylesheet" href="css/animate.css">
<!-- Nice select css -->
<link rel="stylesheet" href="css/nice-select.css">
<!-- Jquery fancybox css -->
<link rel="stylesheet" href="css/jquery.fancybox.css">
<!-- Jquery ui price slider css -->
<link rel="stylesheet" href="css/jquery-ui.min.css">
<!-- Meanmenu css -->
<link rel="stylesheet" href="css/meanmenu.min.css">
<!-- Slick carousel css -->
<link rel="stylesheet" href="css/slick-slider.css">
<!-- Bootstrap css -->
<link rel="stylesheet" href="css/bootstrap.min.css">
<!-- Custom css -->
<link rel="stylesheet" href="css/default.css">
<!-- Plugins css -->
<link rel="stylesheet" href="css/plugins.css">
<!-- Main css -->
<link rel="stylesheet" href="style.css">
<!-- Responsive css -->
<link rel="stylesheet" href="css/responsive.css">
<!-- Modernizer js -->
<script src="js/vendor/modernizr-3.5.0.min.js"></script>
</head>
<body>
<!--[if lte IE 9]>
<p class="browserupgrade">You are using an <strong>outdated</strong> browser. Please <a href="https://browsehappy.com/">upgrade your browser</a> to improve your experience and security.</p>
<![endif]-->
<!-- Main Wrapper Start Here -->
<div class="wrapper">
</div>
<!-- Header Area Start Here -->
<header class="header-area header-style-eight header-sticky">
<div class="container">
<div class="row align-items-center header_eight_top">
<!-- Logo Start -->
<div class="col-xl-4 col-lg-4 col-md-12 col-12">
<div class="header_msg">
<p>50% Off Winter Collection <a href="shop.html" title="All Collections">Click More</a></p>
</div>
</div>
<!-- Logo End -->
<!-- Logo Start -->
<div class="col-xl-4 col-lg-4 col-md-12 col-12">
<div class="logo text-center">
<a href="index.html">
<img src="img/logo/logo2.png" alt="logo-image">
</a>
</div>
</div>
<!-- Logo End -->
<!-- Cart Box Start Here -->
<div class="col-xl-4 col-lg-4 col-6">
<div class="cart-box">
<ul>
<!-- Search Box Start Here -->
<li class="drodown-show">
<a href="#"><span class="icofont-search"></span></a>
<div class="dropdown categorie-search-box">
<form action="#">
<input type="text" name="search" placeholder="Search our item">
<button>
<span class="icofont-search"></span>
</button>
</form>
</div>
</li>
<!-- Categorie Search Box End Here -->
<li class="drodown-show">
<a href="#"><span class="icofont-cart-alt"></span><span class="total-pro">2</span></a>
<ul class="dropdown cart-box-width">
<li>
<!-- Cart Box Start -->
<div class="single-cart-box">
<div class="cart-img">
<a href="#">
<img src="img/products/p1.jpg" alt="cart-image">
</a>
</div>
<div class="cart-content">
<h6>
<a href="product-details.html">Product Title Here 1</a>
</h6>
<span>M, Red</span>
<span class="cart-price">35.00 x 1</span>
</div>
<a class="del-icone" href="#">
<i class="ion-close"></i>
</a>
</div>
<!-- Cart Box End -->
<!-- Cart Box Start -->
<div class="single-cart-box">
<div class="cart-img">
<a href="#">
<img src="img/products/p2.jpg" alt="cart-image">
</a>
</div>
<div class="cart-content">
<h6>
<a href="product-details.html">Product Title Here 2</a>
</h6>
<span>L, White</span>
<span class="cart-price">22.00 x 1</span>
</div>
<a class="del-icone" href="#">
<i class="ion-close"></i>
</a>
</div>
<!-- Cart Box End -->
<!-- Cart Footer Inner Start -->
<div class="cart-footer">
<ul class="price-content">
<li>Subtotal
<span>$85.00</span>
</li>
<li>Shipping
<span>$5.50</span>
</li>
<li>Total
<span>$90.50</span>
</li>
</ul>
<div class="cart-actions text-center">
<a class="cart-checkout" href="checkout.html">Checkout</a>
<a class="cart-checkout" href="cart.html">View Cart</a>
</div>
</div>
<!-- Cart Footer Inner End -->
</li>
</ul>
</li>
<li class="drodown-show"><a href="#"><span class="icofont-gear"></span></a>
<!-- Currency & Language Selection Start -->
<ul class="dropdown cart-box-width currency-selector">
<li>
<div class="single-select-block">
<h3>My Account</h3>
<select>
<option value="1">Register</option>
<option value="2">Login</option>
<option value="3">My Account</option>
</select>
</div>
</li>
<li>
<div class="single-select-block">
<h3>Currency</h3>
<select>
<option value="1">USD - US Dollar</option>
<option value="2">EUR - Euro</option>
<option value="3">GBP - British Pound</option>
<option value="3">Ruppe - Indian Ruppe</option>
<option value="3">Bath - Indonisan Bath</option>
<option value="3">Egitp - Misorian</option>
</select>
</div>
</li>
<li>
<div class="single-select-block">
<h3>Language</h3>
<select>
<option value="1">English</option>
<option value="2">French</option>
<option value="3">Mandrin</option>
<option value="3">Arabic</option>
<option value="3">Turkis</option>
<option value="3">Russia</option>
</select>
</div>
</li>
</ul>
<!-- Currency & Language Selection End -->
</li>
</ul>
</div>
</div>
<!-- Cart Box End Here -->
</div>
<div class="row align-items-center header_eight_main">
<!-- Logo Start -->
<div class="col-xl-2 col-lg-2 col-md-4 col-6 logo_hide_class">
<div class="logo">
<a href="index.html">
<img src="img/logo/logo2.png" alt="logo-image">
</a>
</div>
</div>
<!-- Logo End -->
<div class="col-xl-8 col-lg-8 col-md-4 m-auto d-none d-lg-block">
<nav>
<ul class="header-menu-list text-center">
<li class="active">
<a class="drop-icon" href="index.html">home</a>
<!-- Home Version Dropdown Start -->
<ul class="common_ddown">
<li>
<a href="index.html">Home (Default)</a>
</li>
<li>
<a href="index-2(pet_shop).html">Home-2 (Pet Shop 2)</a>
</li>
<li>
<a href="index-3(pet_care).html">Home-3 (Pet Care)</a>
</li>
<li>
<a href="index-4(pet_care2).html">Home-4 (Pet Care 2)</a>
</li>
<li>
<a href="index-5(food_shop).html">Home-5 (Food Shop)</a>
</li>
<li>
<a href="index-6(food_shop2).html">Home-6 (Food Shop 2)</a>
</li>
<li>
<a href="index-7(pet_acc).html">Home-7 (Pet Acc)</a>
</li>
<li>
<a href="index-8(pet_acc2).html">Home-8 (Pet Acc 2)</a>
</li>
<li>
<a href="index-9(lookbook).html">Home-9 (Lookbook)</a>
</li>
<li>
<a href="index-10(minimal).html">Home-10 (Minimal)</a>
</li>
<li>
<a href="index-11(box).html">Home-11 (Box)</a>
</li>
<li>
<a href="index-12(all_section).html">Home-12 (All Section)</a>
</li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li class="static_class">
<a class="drop-icon" href="shop.html">All Pages</a>
<!-- Mega-Menu Start -->
<ul class="common_ddown megamenu mega_style_2">
<!-- Single Column Start -->
<li>
<ul>
<li class="menu-tile">Mega Title</li>
<li>
<a href="about.html">About Us</a>
</li>
<li>
<a href="blog.html">Blog Page</a>
</li>
<li>
<a href="blog-details.html">Blog Details</a>
</li>
<li>
<a href="contact.html">Contact Page</a>
</li>
<li>
<a href="faq.html">FAQ Page</a>
</li>
</ul>
</li>
<!-- Single Column End -->
<!-- Single Column Start -->
<li>
<ul>
<li class="menu-tile">Mega Title</li>
<li>
<a href="shop.html">Shop Grid</a>
</li>
<li>
<a href="shop-list.html">Shop List</a>
</li>
<li>
<a href="cart.html">Cart Page</a>
</li>
<li>
<a href="compare.html">Compare Page</a>
</li>
<li>
<a href="checkout.html">Checkout Page</a>
</li>
</ul>
</li>
<!-- Single Column End -->
<!-- Single Column Start -->
<li>
<ul>
<li class="menu-tile">Mega Title</li>
<li>
<a href="wishlist.html">Wishlist Page</a>
</li>
<li>
<a href="login.html">Login Page</a>
</li>
<li>
<a href="register.html">Register Page</a>
</li>
<li>
<a href="404.html">Error Page</a>
</li>
<li>
<a href="product-details.html">Product Details</a>
</li>
</ul>
</li>
<!-- Single Column End -->
<!-- Single Column Start -->
<li>
<ul>
<li class="menu-tile">Mega Title</li>
<li>
<a href="product-details-2.html">Product Details-2</a>
</li>
<li>
<a href="product-details-3.html">Product Details-3</a>
</li>
<li>
<a href="product-details-4.html">Product Details-4</a>
</li>
<li>
<a href="product-details-5.html">Product Details-5</a>
</li>
<li>
<a href="product-details-6.html">Product Details-6</a>
</li>
</ul>
</li>
<!-- Single Column End -->
<li class="mega_img"><a href="#"><img src="img/banner/mega_menu.png" alt="mega_menu"></a></li>
</ul>
<!-- Mega-Menu End -->
</li>
<li><a href="shop.html">Shop</a></li>
<li>
<a class="drop-icon" href="#">Products</a>
<!-- Home Version Dropdown Start -->
<ul class="common_ddown">
<li>
<a href="product-details.html">Product Details</a>
</li>
<li>
<a href="product-details-2.html">Product Details-2</a>
</li>
<li>
<a href="product-details-3.html">Product Details-3</a>
</li>
<li>
<a href="product-details-4.html">Product Details-4</a>
</li>
<li>
<a href="product-details-5.html">Product Details-5</a>
</li>
<li>
<a href="product-details-6.html">Product Details-6</a>
</li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">about us</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</nav>
</div>
<!-- Cart Box Start Here -->
<div class="col-xl-2 col-lg-2 col-md-4 col-6 settings_cart_hide">
<div class="cart-box">
<ul>
<!-- Search Box Start Here -->
<li class="drodown-show">
<a href="#"><span class="icofont-search"></span></a>
<div class="dropdown categorie-search-box">
<form action="#">
<input type="text" name="search" placeholder="Search our item">
<button>
<span class="icofont-search"></span>
</button>
</form>
</div>
</li>
<!-- Categorie Search Box End Here -->
<li class="drodown-show">
<a href="#"><span class="icofont-cart-alt"></span><span class="total-pro">2</span></a>
<ul class="dropdown cart-box-width">
<li>
<!-- Cart Box Start -->
<div class="single-cart-box">
<div class="cart-img">
<a href="#">
<img src="img/products/p1.jpg" alt="cart-image">
</a>
</div>
<div class="cart-content">
<h6>
<a href="product-details.html">Product Title Here 1</a>
</h6>
<span>M, Red</span>
<span class="cart-price">35.00 x 1</span>
</div>
<a class="del-icone" href="#">
<i class="ion-close"></i>
</a>
</div>
<!-- Cart Box End -->
<!-- Cart Box Start -->
<div class="single-cart-box">
<div class="cart-img">
<a href="#">
<img src="img/products/p2.jpg" alt="cart-image">
</a>
</div>
<div class="cart-content">
<h6>
<a href="product-details.html">Product Title Here 2</a>
</h6>
<span>L, White</span>
<span class="cart-price">22.00 x 1</span>
</div>
<a class="del-icone" href="#">
<i class="ion-close"></i>
</a>
</div>
<!-- Cart Box End -->
<!-- Cart Footer Inner Start -->
<div class="cart-footer">
<ul class="price-content">
<li>Subtotal
<span>$85.00</span>
</li>
<li>Shipping
<span>$5.50</span>
</li>
<li>Total
<span>$90.50</span>
</li>
</ul>
<div class="cart-actions text-center">
<a class="cart-checkout" href="checkout.html">Checkout</a>
<a class="cart-checkout" href="cart.html">View Cart</a>
</div>
</div>
<!-- Cart Footer Inner End -->
</li>
</ul>
</li>
<li class="drodown-show"><a href="#"><span class="icofont-gear"></span></a>
<!-- Currency & Language Selection Start -->
<ul class="dropdown cart-box-width currency-selector">
<li>
<div class="single-select-block">
<h3>My Account</h3>
<select>
<option value="1">Register</option>
<option value="2">Login</option>
<option value="3">My Account</option>
</select>
</div>
</li>
<li>
<div class="single-select-block">
<h3>Currency</h3>
<select>
<option value="1">USD - US Dollar</option>
<option value="2">EUR - Euro</option>
<option value="3">GBP - British Pound</option>
<option value="3">Ruppe - Indian Ruppe</option>
<option value="3">Bath - Indonisan Bath</option>
<option value="3">Egitp - Misorian</option>
</select>
</div>
</li>
<li>
<div class="single-select-block">
<h3>Language</h3>
<select>
<option value="1">English</option>
<option value="2">French</option>
<option value="3">Mandrin</option>
<option value="3">Arabic</option>
<option value="3">Turkis</option>
<option value="3">Russia</option>
</select>
</div>
</li>
</ul>
<!-- Currency & Language Selection End -->
</li>
</ul>
</div>
</div>
<!-- Cart Box End Here -->
</div>
<!-- Row End -->
<!-- Mobile Menu Start Here -->
<div class="mobile-menu d-block d-lg-none">
<nav>
<ul>
<li>
<a href="index.html">home</a>
<!-- Home Version Dropdown Start -->
<ul>
<li>
<a href="index.html">Home (Default)</a>
</li>
<li>
<a href="index-2(pet_shop).html">Home-2 (Pet Shop 2)</a>
</li>
<li>
<a href="index-3(pet_care).html">Home-3 (Pet Care)</a>
</li>
<li>
<a href="index-4(pet_care2).html">Home-4 (Pet Care 2)</a>
</li>
<li>
<a href="index-5(food_shop).html">Home-5 (Food Shop)</a>
</li>
<li>
<a href="index-6(food_shop2).html">Home-6 (Food Shop 2)</a>
</li>
<li>
<a href="index-7(pet_acc).html">Home-7 (Pet Acc)</a>
</li>
<li>
<a href="index-8(pet_acc2).html">Home-8 (Pet Acc 2)</a>
</li>
<li>
<a href="index-9(lookbook).html">Home-9 (Lookbook)</a>
</li>
<li>
<a href="index-10(minimal).html">Home-10 (Minimal)</a>
</li>
<li>
<a href="index-11(box).html">Home-11 (Box)</a>
</li>
<li>
<a href="index-12(all_section).html">Home-12 (All Section)</a>
</li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li>
<a href="#">All Products</a>
<!-- Men Accessories Dropdown Start -->
<ul class="submobile-mega-dropdown">
<li>
<a href="#">Mega Title</a>
<!-- Watches Dropdown Start -->
<ul>
<li>
<a href="about.html">About Us</a>
</li>
<li>
<a href="blog.html">Blog Page</a>
</li>
<li>
<a href="blog-details.html">Blog Details</a>
</li>
<li>
<a href="contact.html">Contact Page</a>
</li>
<li>
<a href="faq.html">FAQ Page</a>
</li>
</ul>
</li>
<li>
<a href="#">Mega Title</a>
<!-- Shoes Dropdown Start -->
<ul>
<li>
<a href="shop.html">Shop Grid</a>
</li>
<li>
<a href="shop-list.html">Shop List</a>
</li>
<li>
<a href="cart.html">Cart Page</a>
</li>
<li>
<a href="compare.html">Compare Page</a>
</li>
<li>
<a href="checkout.html">Checkout Page</a>
</li>
</ul>
<!-- Shoes Dropdown End -->
</li>
<li>
<a href="#">Mega Title</a>
<!-- Bags Dropdown Start -->
<ul>
<li>
<a href="wishlist.html">Wishlist Page</a>
</li>
<li>
<a href="login.html">Login Page</a>
</li>
<li>
<a href="register.html">Register Page</a>
</li>
<li>
<a href="404.html">Error Page</a>
</li>
<li>
<a href="product-details.html">Product Details</a>
</li>
</ul>
<!-- Bags Dropdown End -->
</li>
<li>
<a href="#">Mega Title</a>
<!-- Bags Dropdown Start -->
<ul>
<li>
<a href="product-details-2.html">Product Details-2</a>
</li>
<li>
<a href="product-details-3.html">Product Details-3</a>
</li>
<li>
<a href="product-details-4.html">Product Details-4</a>
</li>
<li>
<a href="product-details-5.html">Product Details-5</a>
</li>
<li>
<a href="product-details-6.html">Product Details-6</a>
</li>
</ul>
<!-- Bags Dropdown End -->
</li>
</ul>
<!-- Men Accessories Dropdown End -->
</li>
<li><a href="shop.html">Shop</a></li>
<li>
<a href="#">Products</a>
<!-- Home Version Dropdown Start -->
<ul>
<li>
<a href="product-details.html">Product Details</a>
</li>
<li>
<a href="product-details-2.html">Product Details-2</a>
</li>
<li>
<a href="product-details-3.html">Product Details-3</a>
</li>
<li>
<a href="product-details-4.html">Product Details-4</a>
</li>
<li>
<a href="product-details-5.html">Product Details-5</a>
</li>
<li>
<a href="product-details-6.html">Product Details-6</a>
</li>
</ul>
<!-- Home Version Dropdown End -->
</li>
<li><a href="blog.html">Blog</a></li>
<li><a href="about.html">about us</a></li>
<li><a href="contact.html">Contact us</a></li>
</ul>
</nav>
</div>
<!-- Mobile Menu End Here -->
</div>
<!-- Container End -->
</header>
<!-- Header Area End Here -->
<!-- Slider Area Start -->
<div class="slider-area slider_common_style fixed-height default_arrow">
<!-- Slider Area Start Here -->
<div class="main-slider-active">
<!-- Start Single Slide -->
<div class="single-slide slider_animate_style-01" style="background:url(img/slider/slider_5.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="slider-content text-start">
<h4>#Super & Cute Baby !... </h4>
<h1>Supper Pets Collection Trending <span>2022</span></h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since.</p>
<div class="slide-btn small-btn">
<a href="shop.html">Explore Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single Slide -->
<!-- Start Single Slide -->
<div class="single-slide slider_animate_style-02" style="background:url(img/slider/slider_2.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="slider-content text-center">
<h4>#Came Form Africa... </h4>
<h1>Cute Animal Collection <span>Beautiful</span> Pets.</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since.</p>
<div class="slide-btn small-btn">
<a href="shop.html">Explore Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single Slide -->
<!-- Start Single Slide -->
<div class="single-slide slider_animate_style-02" style="background:url(img/slider/slider_3.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="slider-content text-end">
<h4>#Always Super Service... </h4>
<h1>Best Pet Care Service <span>Happy</span> Always</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since.</p>
<div class="slide-btn small-btn">
<a href="shop.html">Explore Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single Slide -->
</div>
<!-- Slider Area End Here -->
</div>
<!-- Slider Area End -->
<!-- Slider Area Start -->
<div class="slider-area slider_common_style fullscreen default_arrow">
<!-- Slider Area Start Here -->
<div class="main-slider-active">
<!-- Start Single Slide -->
<div class="single-slide slider_animate_style-02" style="background:url(img/slider/full_slider_4.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="slider-content text-center">
<h4>#Came Form Africa... </h4>
<h1>Cute Animal Collection <span>Beautiful</span> Pets.</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since.</p>
<div class="slide-btn small-btn">
<a href="shop.html">Explore Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single Slide -->
<!-- Start Single Slide -->
<div class="single-slide slider_animate_style-01" style="background:url(img/slider/full_slider_1.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="slider-content">
<h4>#Super & Cute Baby !... </h4>
<h1>Supper Pets Collection Trending <span>2022</span></h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since.</p>
<div class="slide-btn small-btn">
<a href="shop.html">Explore Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single Slide -->
<!-- Start Single Slide -->
<div class="single-slide slider_animate_style-02" style="background:url(img/slider/full_slider_3.jpg)">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="slider-content">
<h4>#Always Super Service... </h4>
<h1>Best Pet Care Service <span>Happy</span> Always</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since.</p>
<div class="slide-btn small-btn">
<a href="shop.html">Explore Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single Slide -->
</div>
<!-- Slider Area End Here -->
</div>
<!-- Slider Area End -->
<!-- Slider Area Start -->
<div class="slider-area slider_common_style fullscreen default_arrow">
<!-- Slider Area Start Here -->
<div class="main-slider-active">
<!-- Start Single Slide -->
<div class="single-slide slider_animate_style-02" style="background:url(img/slider/full_slider_7.jpg)">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="slider-content text-end">
<h4>#Always Super Service... </h4>
<h1>Best Pet Care Service <span>Happy</span> Always</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since.</p>
<div class="slide-btn small-btn">
<a href="shop.html">Explore Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single Slide -->
<!-- Start Single Slide -->
<div class="single-slide slider_animate_style-01" style="background:url(img/slider/full_slider_5.jpg)">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="slider-content">
<h4>#Super & Cute Baby !... </h4>
<h1>Supper Pets Collection Trending <span>2022</span></h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since.</p>
<div class="slide-btn small-btn">
<a href="shop.html">Explore Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single Slide -->
<!-- Start Single Slide -->
<div class="single-slide slider_animate_style-02" style="background:url(img/slider/full_slider_6.jpg)">
<div class="container-fluid">
<div class="row">
<div class="col-lg-12">
<div class="slider-content text-center">
<h4>#Came Form Africa... </h4>
<h1>Cute Animal Collection <span>Beautiful</span> Pets.</h1>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since.</p>
<div class="slide-btn small-btn">
<a href="shop.html">Explore Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Single Slide -->
</div>
<!-- Slider Area End Here -->
</div>
<!-- Slider Area End -->
<!-- Service Area Start Here -->
<div class="service-area adp_top adp_bottom">
<div class="container">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Best Issues</span>
<h2>Awesome Service</h2>
</div>
<!-- Section Title End Here -->
<div class="row">
<!-- Single Service Area Start Here -->
<div class="col-lg-3 col-md-6 mb-all-40">
<div class="single-service">
<div class="service-feature-img">
<img src="img/icons/care_01.png" alt="service-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="service-content">
<h4>Modern Equiwipment</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
<!-- Single Service Area End Here -->
<!-- Single Service Area Start Here -->
<div class="col-lg-3 col-md-6 mb-all-40">
<div class="single-service">
<div class="service-feature-img">
<img src="img/icons/care_02.png" alt="service-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="service-content">
<h4>Professional Checkup</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
<!-- Single Service Area End Here -->
<!-- Single Service Area Start Here -->
<div class="col-lg-3 col-md-6 mb-all-40">
<div class="single-service">
<div class="service-feature-img">
<img src="img/icons/care_03.png" alt="service-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="service-content">
<h4>Expart Vaccination</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
<!-- Single Service Area End Here -->
<!-- Single Service Area Start Here -->
<div class="col-lg-3 col-md-6 mb-all-40">
<div class="single-service">
<div class="service-feature-img">
<img src="img/icons/care_04.png" alt="service-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="service-content">
<h4>Book Service 24/7</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry.</p>
</div>
</div>
</div>
<!-- Single Service Area End Here -->
</div>
</div>
</div>
<!-- Service Area End Here -->
<!-- Lookbook Area Start -->
<div class="lookbook_area">
<div class="lookbook_content">
<div class="lookbook_content">
<img src="img/banner/lookbook_banner.jpg" alt="banner images">
</div>
<div class="lookbook_info">
<div class="lookbook_pointer pointer_1 align-right">
<div class="pointer_box">
<div class="pointer_box_img">
<a href="#"><img src="img/portfolio/inst_port_1.jpg" alt="LookBook Image"></a>
</div>
<div class="pointer_box_content">
<h4><a href="single-product.html">Product Title Here 1</a></h4>
<div class="small-list-price">
<span class="regular-price">$150.00</span>
<span class="dis-price">$250.00</span>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart"><i class="icofont-cart-alt"></i></a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
</div>
</div>
<div class="lookbook_pointer pointer_2 align-top">
<div class="pointer_box">
<div class="pointer_box_img">
<a href="#"><img src="img/portfolio/inst_port_5.jpg" alt="LookBook Image"></a>
</div>
<div class="pointer_box_content">
<h4><a href="single-product.html">Product Title Here 2</a></h4>
<div class="small-list-price">
<span class="regular-price">$90.00</span>
<span class="dis-price">$100.00</span>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart"><i class="icofont-cart-alt"></i></a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
</div>
</div>
<div class="lookbook_pointer pointer_3 align-bottom">
<div class="pointer_box">
<div class="pointer_box_img">
<a href="#"><img src="img/portfolio/inst_port_6.jpg" alt="LookBook Image"></a>
</div>
<div class="pointer_box_content">
<h4><a href="single-product.html">Product Title Here 3</a></h4>
<div class="small-list-price">
<span class="regular-price">$170.00</span>
<span class="dis-price">$350.00</span>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart"><i class="icofont-cart-alt"></i></a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
</div>
</div>
<div class="lookbook_pointer pointer_4 align-top">
<div class="pointer_box">
<div class="pointer_box_img">
<a href="#"><img src="img/portfolio/inst_port_7.jpg" alt="LookBook Image"></a>
</div>
<div class="pointer_box_content">
<h4><a href="single-product.html">Product Title Here 4</a></h4>
<div class="small-list-price">
<span class="regular-price">$150.00</span>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart"><i class="icofont-cart-alt"></i></a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
</div>
</div>
<div class="lookbook_pointer pointer_5 align-left">
<div class="pointer_box">
<div class="pointer_box_img">
<a href="#"><img src="img/portfolio/inst_port_9.jpg" alt="LookBook Image"></a>
</div>
<div class="pointer_box_content">
<h4><a href="single-product.html">Product Title Here 5</a></h4>
<div class="small-list-price">
<span class="regular-price">$70.00</span>
<span class="dis-price">$80.00</span>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart"><i class="icofont-cart-alt"></i></a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
</div>
</div>
<!--
<div class="lookbook_pointer pointer_6 align-bottom">
<div class="pointer_box">
<div class="pointer_box_img">
<a href="#"><img src="img/products/p6.jpg" alt="LookBook Image"></a>
</div>
<div class="pointer_box_content">
<h4><a href="single-product.html">Product Title Here 6</a></h4>
<div class="small-list-price">
<span class="regular-price">$60.00</span>
<span class="dis-price">$88.00</span>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart"><i class="icofont-cart-alt"></i></a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
</div>
</div>
-->
</div>
</div>
</div>
<!-- Lookbook area End -->
<!-- collective product Area Start Here -->
<div class="collective-product adp_top adp_bottom">
<div class="container">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Best Items</span>
<h2>Collective Products</h2>
</div>
<!-- Section Title End Here -->
<div class="feature-pro-active-wrapper">
<div class="row">
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p1.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p1.jpg">
<img src="img/products/p1.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p2.jpg">
<img src="img/products/p2.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p3.jpg">
<img src="img/products/p3.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p3.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p4.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p5.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p6.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p7.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p8.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p9.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p10.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 5</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p11.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p11.jpg">
<img src="img/products/p11.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p12.jpg">
<img src="img/products/p12.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p13.jpg">
<img src="img/products/p13.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 6</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p13.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p14.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 7</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p15.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p16.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 8</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p17.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p17.jpg">
<img src="img/products/p17.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p18.jpg">
<img src="img/products/p18.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p19.jpg">
<img src="img/products/p19.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p19.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p20.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p21.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p22.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p23.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p24.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
</div>
</div>
</div>
</div>
<!-- collective product Area Start Here -->
<!-- collective product Area Start Here -->
<div class="collective-product adp_top adp_bottom" style="background:#fbfbfb">
<div class="container-fluid">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Best Items</span>
<h2>Collective Products</h2>
</div>
<!-- Section Title End Here -->
<div class="feature-pro-active-wrapper">
<div class="collective-product-active row default_arrow small_arrow">
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p1.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p1.jpg">
<img src="img/products/p1.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p2.jpg">
<img src="img/products/p2.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p3.jpg">
<img src="img/products/p3.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p3.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p4.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p5.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p6.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p7.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p8.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p9.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p10.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 5</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p11.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p11.jpg">
<img src="img/products/p11.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p12.jpg">
<img src="img/products/p12.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p13.jpg">
<img src="img/products/p13.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 6</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p13.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p14.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 7</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p15.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p16.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 8</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p17.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p17.jpg">
<img src="img/products/p17.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p18.jpg">
<img src="img/products/p18.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p19.jpg">
<img src="img/products/p19.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p19.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p20.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p21.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p22.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p23.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p24.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
</div>
</div>
</div>
</div>
<!-- collective product Area Start Here -->
<!-- Promotion Section Start Here -->
<div class="product_promoton_area adp_top adp_bottom">
<div class="container">
<!-- Single Promoton Wapper -->
<div class="promotion-wrapper">
<div class="single-promotion-wrapper">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-7">
<div class="promotion-content">
<h4>#Best Hot Sale</h4>
<h2>Latest Optional Product</h2>
<p>Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from seating positions.</p>
<ul class="promotion-list">
<li>For use from newborn to children weighing 15kg/33lbs</li>
<li>Compact, easy to fold and carry</li>
<li>Lockable swivel wheels, easy to push</li>
</ul>
<div class="promoton_price">Promotion Price : <span class="psl_price">$77.50</span></div>
<div class="small-btn icon-btn"><a href="#">View Collection</a></div>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-5">
<div class="promotion-img">
<a href="#"><img src="img/banner/promotoion_banner_2.jpg" alt="banner-img"></a>
</div>
</div>
</div>
</div>
</div>
<!-- Single Promoton Wapper -->
</div>
</div>
<!-- Promotion Section End Here -->
<!-- countdown_promotion_banner Start Here -->
<div class="countdown_promotion_banner" style="background:url(img/bg/app_bg.jpg)">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="stroller-content">
<h4>#Best New Feature Product.</h4>
<h3>Discount 30% Off</h3>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
<div class="small-btn">
<a href="shop.html">Explore More</a>
</div>
</div>
</div>
<div class="col-md-6">
<div class="stroller-img">
<a href="#"><img src="img/bg/countdown_img.png" alt="countdown-img"></a>
</div>
</div>
</div>
</div>
</div>
<!-- countdown_promotion_banner End Here -->
<!-- Promotion Section Start Here -->
<div class="product_promoton_area adp_top adp_bottom">
<div class="container-fluid">
<!-- Single Promoton Wapper -->
<div class="promotion-wrapper promotion_slider_active default_dot_style">
<div class="single-promotion-wrapper">
<div class="row">
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="promotion-img">
<a href="#"><img src="img/banner/promotoion_banner_1.jpg" alt="banner-img"></a>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="promotion-content">
<h4>#Best Cool Smart</h4>
<h2>Super Optional Product</h2>
<p>Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from seating positions. Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from seating positions. in a piece of classical Latin literature from seating positions. in a piece of classical Latin literature from seating positions.</p>
<ul class="promotion-list">
<li>Ipsum is not simply random</li>
<li>Pet Ipsum is not simply random</li>
<li>Lorem Ipsum is not simply random text</li>
<li>Pet Ipsum is not simply random textseating</li>
<li>Lorem Ipsum is not simply random text weighing seating</li>
</ul>
<div class="promoton_price">Promotion Price : <span class="psl_price">$77.50</span></div>
<div class="small-btn icon-btn"><a href="#">View Collection</a></div>
</div>
</div>
</div>
</div>
<!-- Single Promoton Wapper -->
<div class="single-promotion-wrapper">
<div class="row flex-row-reverse">
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="promotion-img">
<a href="#"><img src="img/banner/promotoion_banner_2.jpg" alt="banner-img"></a>
</div>
</div>
<div class="col-xl-6 col-lg-6 col-md-12">
<div class="promotion-content">
<h4>#Best Hot Sale</h4>
<h2>Latest Optional Product</h2>
<p>Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from seating positions. Lorem Ipsum is not simply random text. It has roots in a piece of classical Latin literature from seating positions. in a piece of classical Latin literature from seating positions. in a piece of classical Latin literature from seating positions.</p>
<ul class="promotion-list">
<li>Ipsum is not simply random</li>
<li>Pet Ipsum is not simply random</li>
<li>Lorem Ipsum is not simply random text</li>
<li>Pet Ipsum is not simply random textseating</li>
<li>Lorem Ipsum is not simply random text weighing seating</li>
</ul>
<div class="promoton_price">Promotion Price : <span class="psl_price">$77.50</span></div>
<div class="small-btn icon-btn"><a href="#">View Collection</a></div>
</div>
</div>
</div>
</div>
<!-- Single Promoton Wapper end -->
</div>
<!-- Single Promoton Wapper end -->
</div>
</div>
<!-- Promotion Section End Here -->
<!-- Featured Product Area Start Here -->
<div class="featured-product adp_top adp_bottom" style="background:#fbfbfb">
<div class="container-fluid">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Awesome Collections</span>
<h2>Featured Product </h2>
</div>
<!-- Section Title End Here -->
<div class="main-product-tab-area mt-50">
<!-- Nav tabs -->
<ul class="nav tabs-area pro-tabs-area" role="tablist">
<li class="nav-item">
<a class="active" data-bs-toggle="tab" href="#cats_tab">Cat's</a>
</li>
<li class="nav-item">
<a data-bs-toggle="tab" href="#dogs_tab">Dog's</a>
</li>
<li class="nav-item">
<a data-bs-toggle="tab" href="#birds_tab">Bird's</a>
</li>
<li class="nav-item">
<a data-bs-toggle="tab" href="#pets_tab">Pet's</a>
</li>
<li class="nav-item">
<a data-bs-toggle="tab" href="#animals">Animal's</a>
</li>
</ul>
<!-- Tab Contetn Start -->
<div class="tab-content">
<div id="cats_tab" class="tab-pane fade show active">
<!-- Product Activation Start Here -->
<div class="feature-pro-active row default_arrow small_arrow">
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p1.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p1.jpg">
<img src="img/products/p1.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p2.jpg">
<img src="img/products/p2.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p3.jpg">
<img src="img/products/p3.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p3.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p4.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p5.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p6.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p7.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p8.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p9.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p10.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 5</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p11.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p11.jpg">
<img src="img/products/p11.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p12.jpg">
<img src="img/products/p12.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p13.jpg">
<img src="img/products/p13.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 6</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p13.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p14.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 7</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p15.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p16.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 8</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p17.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p17.jpg">
<img src="img/products/p17.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p18.jpg">
<img src="img/products/p18.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p19.jpg">
<img src="img/products/p19.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p19.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p20.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p21.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p22.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p23.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p24.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p25.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p17.jpg">
<img src="img/products/p25.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p18.jpg">
<img src="img/products/p18.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p19.jpg">
<img src="img/products/p19.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p26.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p27.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p28.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p29.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p30.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p31.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
</div>
<!-- cats_tab Product Activation End Here -->
</div>
<!-- #cats_tab End Here -->
<div id="dogs_tab" class="tab-pane fade">
<div class="feature-pro-active row default_arrow small_arrow">
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p3.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p4.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p5.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p6.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p7.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p8.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p25.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p17.jpg">
<img src="img/products/p25.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p18.jpg">
<img src="img/products/p18.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p19.jpg">
<img src="img/products/p19.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p26.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p27.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p28.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p29.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p30.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p31.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p9.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p10.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 5</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p11.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p11.jpg">
<img src="img/products/p11.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p12.jpg">
<img src="img/products/p12.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p13.jpg">
<img src="img/products/p13.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 6</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p13.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p14.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 7</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p15.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p16.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 8</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p17.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p17.jpg">
<img src="img/products/p17.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p18.jpg">
<img src="img/products/p18.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p19.jpg">
<img src="img/products/p19.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p19.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p20.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p21.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p22.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p23.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p24.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p1.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p1.jpg">
<img src="img/products/p1.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p2.jpg">
<img src="img/products/p2.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p3.jpg">
<img src="img/products/p3.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
</div>
</div>
<!-- #Lighting End Here -->
<div id="birds_tab" class="tab-pane fade">
<div class="feature-pro-active row default_arrow small_arrow">
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p25.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p17.jpg">
<img src="img/products/p25.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p18.jpg">
<img src="img/products/p18.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p19.jpg">
<img src="img/products/p19.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p26.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p27.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p28.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p29.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p30.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p31.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p7.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p8.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p3.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p4.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p5.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p6.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p9.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p10.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 5</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p11.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p11.jpg">
<img src="img/products/p11.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p12.jpg">
<img src="img/products/p12.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p13.jpg">
<img src="img/products/p13.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 6</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p13.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p14.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 7</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p15.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p16.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 8</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p17.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p17.jpg">
<img src="img/products/p17.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p18.jpg">
<img src="img/products/p18.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p19.jpg">
<img src="img/products/p19.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p19.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p20.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p21.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p22.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p23.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p24.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p1.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p1.jpg">
<img src="img/products/p1.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p2.jpg">
<img src="img/products/p2.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p3.jpg">
<img src="img/products/p3.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
</div>
</div>
<!-- #birds_tab End Here -->
<!-- #pets_tab End Here -->
<div id="pets_tab" class="tab-pane fade">
<div class="feature-pro-active row default_arrow small_arrow">
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p9.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p10.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 5</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p11.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p11.jpg">
<img src="img/products/p11.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p12.jpg">
<img src="img/products/p12.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p13.jpg">
<img src="img/products/p13.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 6</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p7.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p8.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p3.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p4.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p5.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p6.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p13.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p14.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 7</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p15.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p16.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 8</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p17.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p17.jpg">
<img src="img/products/p17.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p18.jpg">
<img src="img/products/p18.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p19.jpg">
<img src="img/products/p19.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p19.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p20.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p21.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p22.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p23.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p24.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p1.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p1.jpg">
<img src="img/products/p1.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p2.jpg">
<img src="img/products/p2.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p3.jpg">
<img src="img/products/p3.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p25.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p17.jpg">
<img src="img/products/p25.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p18.jpg">
<img src="img/products/p18.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p19.jpg">
<img src="img/products/p19.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p26.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p27.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p28.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p29.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p30.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p31.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
</div>
</div>
<!-- #rooms End Here -->
<div id="animals" class="tab-pane fade">
<!-- Product Activation Start Here -->
<div class="feature-pro-active row default_arrow small_arrow">
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p25.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p17.jpg">
<img src="img/products/p25.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p18.jpg">
<img src="img/products/p18.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p19.jpg">
<img src="img/products/p19.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p26.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p27.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p28.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p29.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p30.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p31.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p1.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p1.jpg">
<img src="img/products/p1.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p2.jpg">
<img src="img/products/p2.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p3.jpg">
<img src="img/products/p3.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p3.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p4.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p5.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p6.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p7.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p8.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 1</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p9.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p10.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 5</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p11.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p11.jpg">
<img src="img/products/p11.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p12.jpg">
<img src="img/products/p12.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p13.jpg">
<img src="img/products/p13.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 6</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p13.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p14.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 7</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p15.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p16.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 8</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product sold_out_grid">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p17.jpg" alt="single-product">
</a>
<ul class="grid_color_image">
<li>
<div class="variant_img">
<a class="active" href="img/products/p17.jpg">
<img src="img/products/p17.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p18.jpg">
<img src="img/products/p18.jpg" alt="Varient Img">
</a>
</div>
</li>
<li class="">
<div class="variant_img">
<a href="img/products/p19.jpg">
<img src="img/products/p19.jpg" alt="Varient Img">
</a>
</div>
</li>
</ul>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 9</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart cart_disable" href="#" title="Sold Out">Sold Out</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p19.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p20.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 10</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p21.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p22.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 11</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
<!-- Single Product Start -->
<div class="col-xl-3 col-lg-4 col-md-6">
<div class="single-template-product">
<!-- Product Image Start -->
<div class="pro-img">
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
<a href="product-details.html">
<img class="primary-img" src="img/products/p23.jpg" alt="single-product">
<img class="secondary-img" src="img/products/p24.jpg" alt="single-product">
</a>
<div class="item_quick_link">
<a href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="Quick View"><i class="icofont-search"></i></a>
</div>
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/06/01"></div>
</div>
</div>
<!-- Product Image End -->
<!-- Product Content Start -->
<div class="product_content_wrap">
<div class="product_content">
<h4><a href="product-details.html">Latest Product Title Here 12</a></h4>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<div class="product_grid_varient">
<div class="grid_size">
<span class="active">S</span>
<span>M</span>
<span>L</span>
<span>XL</span>
<span>XXL</span>
</div>
<div class="grid_color">
<span class="active" style="background-color: #ffb2b0"></span>
<span style="background-color: #0271bc"></span>
<span style="background-color: #efc87c"></span>
<span style="background-color: #00c183"></span>
<span style="background-color: PowderBlue"></span>
</div>
</div>
<div class="grid_price">
<span class="regular-price">$100.50</span>
<del class="discount_price">$75.50</del>
</div>
</div>
<div class="item_add_cart">
<a class="grid_compare" href="compare.html" title="Compare"><i class="icofont-random"></i></a>
<a class="grid_cart" href="cart.html" title="Add to Cart">Add To Cart</a>
<a class="grid_wishlist" href="wishlist.html" title="Wishlist"><i class="icofont-heart-alt"></i></a>
</div>
</div>
<!-- Product Content End -->
</div>
</div>
<!-- Single Product End -->
</div>
<!-- cats_tab Product Activation End Here -->
</div>
<!-- #cats_tab End Here -->
</div>
<!-- Tab Content End -->
</div>
<!-- main-product-tab-area-->
</div>
</div>
<!-- Featured Product Area End Here -->
<!-- Awesome Pets Features Start Here -->
<div class="main-features adp_top adp_bottom">
<div class="container">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Main Feature</span>
<h2>Awesome Pet Features</h2>
</div>
<!-- Section Title End Here -->
<div class="main_feature_wrapper">
<div class="single_feature_wrapper">
<div class="row">
<div class="col-lg-4 col-md-6 order-lg-1 order-2 mb-sm-40">
<div class="main-features-top text-md-right">
<div class="single-main-features">
<div class="main-feature-content">
<h4>Conntect With Apps</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/1.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Medicale Registerd</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/2.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Fitness Listed</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/3.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Complete Vaccine</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/4.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 order-lg-2 order-1 mb-all-40">
<div class="main-feature-center-img opacityo-img text-md-left text-center">
<a href="#"><img src="img/banner/best_item_1.png" alt="features-img"></a>
</div>
</div>
<div class="col-lg-4 col-md-6 order-lg-3 order-3">
<div class="main-features-bottom">
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/5.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Cosmetic Reliable</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/6.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Owners Fans Training</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/7.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Complete Vitamin Course</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/8.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Habit Staying Home</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Awesome Pets Features End Here -->
<!-- Awesome Pets Features Icon Start Here -->
<div class="main-features adp_top adp_bottom" style="background:#fbfbfb">
<div class="container">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Main Feature</span>
<h2>Awesome Pet Features</h2>
</div>
<!-- Section Title End Here -->
<div class="main_feature_wrapper">
<div class="single_feature_wrapper">
<div class="row">
<div class="col-lg-4 col-md-6 order-lg-1 order-2 mb-sm-40">
<div class="main-features-top text-md-right">
<div class="single-main-features">
<div class="main-feature-content">
<h4>Conntect With Apps</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-icon">
<i class="icofont-prescription"></i>
</div>
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/1.png" alt="feature-icon">
</div>
-->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Medicale Registerd</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-icon">
<i class="icofont-medical-sign"></i>
</div>
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/2.png" alt="feature-icon">
</div>
-->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Fitness Listed</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-icon">
<i class="icofont-stethoscope"></i>
</div>
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/3.png" alt="feature-icon">
</div>
-->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Complete Vaccine</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-icon">
<i class="icofont-injection-syringe"></i>
</div>
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/4.png" alt="feature-icon">
</div>
-->
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 order-lg-2 order-1 mb-all-40">
<div class="main-feature-center-img opacityo-img text-md-left text-center">
<a href="#"><img src="img/banner/best_item_1.png" alt="features-img"></a>
</div>
</div>
<div class="col-lg-4 col-md-6 order-lg-3 order-3">
<div class="main-features-bottom">
<div class="single-main-features">
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/5.png" alt="feature-icon">
</div>
-->
<div class="main-feature-icon">
<i class="icofont-herbal"></i>
</div>
<div class="main-feature-content">
<h4>Cosmetic Reliable</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
<div class="single-main-features">
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/6.png" alt="feature-icon">
</div>
-->
<div class="main-feature-icon">
<i class="icofont-ui-love-add"></i>
</div>
<div class="main-feature-content">
<h4>Owners Fans Training</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
<div class="single-main-features">
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/7.png" alt="feature-icon">
</div>
-->
<div class="main-feature-icon">
<i class="icofont-pills"></i>
</div>
<div class="main-feature-content">
<h4>Complete Vitamin Course</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
<div class="single-main-features">
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/8.png" alt="feature-icon">
</div>
-->
<div class="main-feature-icon">
<i class="icofont-ui-home"></i>
</div>
<div class="main-feature-content">
<h4>Habit Staying Home</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Awesome Pets Features End Here -->
<!-- Awesome Pets Features Slider Start Here -->
<div class="main-features adp_top adp_bottom">
<div class="container">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Hot Collection</span>
<h2>Awesome Pet Features</h2>
</div>
<!-- Section Title End Here -->
<div class="main_feature_wrapper main_feature_slider default_dot_style">
<div class="single_feature_wrapper">
<div class="row">
<div class="col-lg-4 col-md-6 order-lg-1 order-2 mb-sm-40">
<div class="main-features-top text-md-right">
<div class="single-main-features">
<div class="main-feature-content">
<h4>Conntect With Apps</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/1.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Medicale Registerd</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/2.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Fitness Listed</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/3.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Complete Vaccine</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/4.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 order-lg-2 order-1 mb-all-40">
<div class="main-feature-center-img opacityo-img text-md-left text-center">
<a href="#"><img src="img/banner/best_item_2.png" alt="features-img"></a>
</div>
</div>
<div class="col-lg-4 col-md-6 order-lg-3 order-3">
<div class="main-features-bottom">
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/5.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Cosmetic Reliable</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/6.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Owners Fans Training</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/7.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Complete Vitamin Course</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/8.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Habit Staying Home</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="single_feature_wrapper">
<div class="row">
<div class="col-lg-4 col-md-6 order-lg-1 order-2 mb-sm-40">
<div class="main-features-top text-md-right">
<div class="single-main-features">
<div class="main-feature-content">
<h4>Conntect With Apps</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/1.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Medicale Registerd</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/2.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Fitness Listed</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/3.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Complete Vaccine</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/4.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
</div>
</div>
<div class="col-lg-4 col-md-12 order-lg-2 order-1 mb-all-40">
<div class="main-feature-center-img opacityo-img text-md-left text-center">
<a href="#"><img src="img/banner/best_item_1.png" alt="features-img"></a>
</div>
</div>
<div class="col-lg-4 col-md-6 order-lg-3 order-3">
<div class="main-features-bottom">
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/5.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Cosmetic Reliable</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/6.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Owners Fans Training</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/7.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Complete Vitamin Course</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/8.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Habit Staying Home</h4>
<p>Lorem Ipsum es simplemente el texto de relleno de las imprentas.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Awesome Pets Features Slider End Here -->
<!-- Best Pets Food Features Start Here -->
<div class="main-features best_pet_food adp_top adp_bottom" style="background:#fbfbfb">
<div class="container-fluid">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Nice Hot Feature</span>
<h2>Best Pets Food Features</h2>
</div>
<!-- Section Title End Here -->
<div class="main_feature_wrapper">
<div class="single_feature_wrapper">
<div class="row">
<div class="col-lg-6 col-md-12 col-12">
<div class="main-features-top text-md-right">
<div class="single-main-features">
<div class="main-feature-content">
<h4>Pet Nutritionists</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/9.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Quality & Safety</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/10.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Good pets_tabs</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/11.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Health & Well-being</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/12.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-12">
<div class="main-feature-center-img opacityo-img text-md-left text-center">
<a href="#"><img src="img/banner/best_pet_food_1.png" alt="features-img"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Best Pets Food Features End Here -->
<!-- Best Pets Food Features Icon Start Here -->
<div class="main-features best_pet_food adp_top adp_bottom">
<div class="container-fluid">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Nice Item Select</span>
<h2>Best Pets Food Features</h2>
</div>
<!-- Section Title End Here -->
<div class="main_feature_wrapper">
<div class="single_feature_wrapper">
<div class="row">
<div class="col-lg-6 col-md-12 col-12">
<div class="main-features-top text-md-right">
<div class="single-main-features">
<div class="main-feature-content">
<h4>Pet Nutritionists</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/9.png" alt="feature-icon">
</div>-->
<div class="main-feature-icon">
<i class="icofont-test-bottle"></i>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Quality & Safety</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/10.png" alt="feature-icon">
</div> -->
<div class="main-feature-icon">
<i class="icofont-safety"></i>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Good pets_tabs</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/11.png" alt="feature-icon">
</div>-->
<div class="main-feature-icon">
<i class="icofont-royal"></i>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Health & Well-being</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/12.png" alt="feature-icon">
</div>
-->
<div class="main-feature-icon">
<i class="icofont-heart-beat-alt"></i>
</div>
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-12">
<div class="main-feature-center-img opacityo-img text-md-left text-center">
<a href="#"><img src="img/banner/best_pet_food_1.png" alt="features-img"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Best Pets Food Features End Here -->
<!-- Best Pets Food Features slidr Start Here -->
<div class="main-features best_pet_food adp_top adp_bottom" style="background:#fbfbfb">
<div class="container">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Best Collections</span>
<h2>Best Pets Food Features</h2>
</div>
<!-- Section Title End Here -->
<div class="main_feature_wrapper food_feature_slider default_dot_style">
<div class="single_feature_wrapper">
<div class="row">
<div class="col-lg-6 col-md-12 col-12">
<div class="main-features-top text-md-right">
<div class="single-main-features">
<div class="main-feature-content">
<h4>Pet Nutritionists</h4>
<p>Our in-house pet nutritionists play a crucial role in the creation of Kreme dog and cat food</p>
</div>
<div class="main-feature-img">
<img src="img/icons/9.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Quality & Safety</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/10.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Good pets_tabs</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/11.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Health & Well-being</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/12.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-12">
<div class="main-feature-center-img opacityo-img text-md-left text-center">
<a href="#"><img src="img/banner/best_pet_food_1.png" alt="features-img"></a>
</div>
</div>
</div>
</div>
<div class="single_feature_wrapper">
<div class="row">
<div class="col-lg-6 col-md-12 col-12">
<div class="main-feature-center-img opacityo-img text-md-left text-center">
<a href="#"><img src="img/banner/best_pet_food_2.png" alt="features-img"></a>
</div>
</div>
<div class="col-lg-6 col-md-12 col-12">
<div class="main-features-bottom">
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/9.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Pet Nutritionists</h4>
<p>Our in-house pet nutritionists play a crucial role in the creation of Kreme dog and cat food</p>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/10.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Quality & Safety</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/11.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Good pets_tabs</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
</div>
<div class="single-main-features">
<div class="main-feature-img">
<img src="img/icons/12.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Health & Well-being</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="single_feature_wrapper">
<div class="row">
<div class="col-lg-6 col-md-12 col-12">
<div class="main-features-top text-md-right">
<div class="single-main-features">
<div class="main-feature-content">
<h4>Pet Nutritionists</h4>
<p>Our in-house pet nutritionists play a crucial role in the creation of Kreme dog and cat food</p>
</div>
<div class="main-feature-img">
<img src="img/icons/9.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Quality & Safety</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/10.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Good pets_tabs</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/11.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
<div class="single-main-features">
<div class="main-feature-content">
<h4>Health & Well-being</h4>
<p>Destibulum quis porttitor dui! Quisque viverra nunc mi, a pulvinar pus rus cond condimentum mattis.</p>
</div>
<div class="main-feature-img">
<img src="img/icons/12.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
</div>
</div>
</div>
<div class="col-lg-6 col-md-12 col-12">
<div class="main-feature-center-img opacityo-img text-md-left text-center">
<a href="#"><img src="img/banner/best_pet_food_3.png" alt="features-img"></a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Best Pets Food Features Slider End Here -->
<!-- best_feature_area Start Here -->
<div class="best_feature_area care_feature_area adp_top adp_bottom">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-7 col-md-12 col-12">
<div class="best_feature_content">
<h3>Welcome to Pets Care</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. </p>
<!-- Product Features Start Here -->
<div class="care_feature_wrapper">
<!-- Single Features Start Here -->
<div class="single_care_feature">
<div class="main-feature-img">
<img src="img/icons/13.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Modern Equiwipment</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo. </p>
</div>
</div>
<!-- Single Features End Here -->
<!-- Single Features Start Here -->
<div class="single_care_feature">
<div class="main-feature-img">
<img src="img/icons/14.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Professional Gynologists</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo. </p>
</div>
</div>
<!-- Single Features End Here -->
<!-- Single Features Start Here -->
<div class="single_care_feature">
<div class="main-feature-img">
<img src="img/icons/15.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Happy Pets</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo. </p>
</div>
</div>
<!-- Single Features End Here -->
<!-- Single Features Start Here -->
<div class="single_care_feature">
<div class="main-feature-img">
<img src="img/icons/16.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Positive Reviews</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo. </p>
</div>
</div>
<!-- Single Features End Here -->
</div>
<!-- Product Features End Here -->
</div>
</div>
<div class="col-xl-6 col-lg-5 col-md-12 col-12">
<div class="main-camera opacity-img">
<a href="#"><img src="img/banner/best_feature.png" alt="features-img"></a>
</div>
</div>
</div>
</div>
</div>
<!-- best_feature_area End Here -->
<!-- best_feature_area icon Start Here -->
<div class="best_feature_area care_feature_area adp_top adp_bottom" style="background:#fbfbfb">
<div class="container">
<div class="row">
<div class="col-xl-6 col-lg-7 col-md-12 col-12">
<div class="best_feature_content">
<h3>Welcome to Pets Care</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. </p>
<!-- Product Features Start Here -->
<div class="care_feature_wrapper">
<!-- Single Features Start Here -->
<div class="single_care_feature">
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/13.png" alt="feature-icon">
</div>-->
<div class="main-feature-icon">
<i class="icofont-tools-bag"></i>
</div>
<div class="main-feature-content">
<h4>Modern Equiwipment</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo. </p>
</div>
</div>
<!-- Single Features End Here -->
<!-- Single Features Start Here -->
<div class="single_care_feature">
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/14.png" alt="feature-icon">
</div>-->
<div class="main-feature-icon">
<i class="icofont-doctor-alt"></i>
</div>
<div class="main-feature-content">
<h4>Professional Gynologists</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo. </p>
</div>
</div>
<!-- Single Features End Here -->
<!-- Single Features Start Here -->
<div class="single_care_feature">
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/15.png" alt="feature-icon">
</div> -->
<div class="main-feature-icon">
<i class="icofont-heart-beat-alt"></i>
</div>
<div class="main-feature-content">
<h4>Happy Pets</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo. </p>
</div>
</div>
<!-- Single Features End Here -->
<!-- Single Features Start Here -->
<div class="single_care_feature">
<!-- If You Need Icon
<div class="main-feature-img">
<img src="img/icons/16.png" alt="feature-icon">
</div> -->
<div class="main-feature-icon">
<i class="icofont-ui-rate-add"></i>
</div>
<div class="main-feature-content">
<h4>Positive Reviews</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo. </p>
</div>
</div>
<!-- Single Features End Here -->
</div>
<!-- Product Features End Here -->
</div>
</div>
<div class="col-xl-6 col-lg-5 col-md-12 col-12">
<div class="main-camera opacity-img">
<a href="#"><img src="img/banner/best_feature.png" alt="features-img"></a>
</div>
</div>
</div>
</div>
</div>
<!-- best_feature_area End Here -->
<!-- best_feature_area Start Here -->
<div class="best_feature_area care_feature_area adp_top adp_bottom">
<div class="container-fluid">
<div class="row">
<div class="col-xl-6 col-lg-5 col-md-12 col-12">
<div class="main-camera opacity-img">
<a href="#"><img src="img/banner/best_feature_2.png" alt="features-img"></a>
</div>
</div>
<div class="col-xl-6 col-lg-7 col-md-12 col-12">
<div class="best_feature_content">
<h3>Pets Care ! Why Choose Us ?</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic.</p>
<!-- Product Features Start Here -->
<div class="care_feature_wrapper">
<!-- Single Features Start Here -->
<div class="single_care_feature">
<div class="main-feature-img">
<img src="img/icons/13.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Modern Equiwipment</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo not only five. </p>
</div>
</div>
<!-- Single Features End Here -->
<!-- Single Features Start Here -->
<div class="single_care_feature">
<div class="main-feature-img">
<img src="img/icons/14.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Professional Gynologists</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo not only five.</p>
</div>
</div>
<!-- Single Features End Here -->
<!-- Single Features Start Here -->
<div class="single_care_feature">
<div class="main-feature-img">
<img src="img/icons/15.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Happy Pets</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo not only five.</p>
</div>
</div>
<!-- Single Features End Here -->
<!-- Single Features Start Here -->
<div class="single_care_feature">
<div class="main-feature-img">
<img src="img/icons/16.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Positive Reviews</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo not only five.</p>
</div>
</div>
<!-- Single Features End Here -->
</div>
<!-- Product Features End Here -->
</div>
</div>
</div>
</div>
</div>
<!-- best_feature_area End Here -->
<!-- product widget area -->
<div class="product-widget-area small_with_banner adp_top adp_bottom" style="background:#fbfbfb">
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="product-widget-wrapper">
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<div class="product-widget-chunk-wrapper">
<!--======= widget product list title =======-->
<div class="widget-product-title-wrapper">
<h3 class="widget-product-title">Most View Products</h3>
</div>
<!--======= End of widget product list title =======-->
<!--======= widget product list wrapper =======-->
<div class="small-list-wrapper">
<!--======= single widget product =======-->
<div class="small-list-product">
<div class="small-list-inner">
<div class="small-list-img">
<a href="single-product.html">
<img src="img/products/p1.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="small-list-content">
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
<p class="small-list-price">
<span class="regular-price">$150.00</span>
<span class="dis-price">$250.00</span>
</p>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<ul class="small-list-icons">
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
<li>
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--======= End of single widget product =======-->
<!--======= single widget product =======-->
<div class="small-list-product">
<div class="small-list-inner">
<div class="small-list-img">
<a href="single-product.html">
<img src="img/products/p2.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="small-list-content">
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
<p class="small-list-price">
<span class="regular-price">$150.00</span>
<span class="dis-price">$200.00</span>
</p>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<ul class="small-list-icons">
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
<li>
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--======= End of single widget product =======-->
<!--======= single widget product =======-->
<div class="small-list-product">
<div class="small-list-inner">
<div class="small-list-img">
<a href="single-product.html">
<img src="img/products/p3.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="small-list-content">
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
<p class="small-list-price">
<span class="regular-price">$170.00</span>
</p>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<ul class="small-list-icons">
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
<li>
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--======= End of single widget product =======-->
<!--======= single widget product =======-->
<div class="small-list-product">
<div class="small-list-inner">
<div class="small-list-img">
<a href="single-product.html">
<img src="img/products/p4.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="small-list-content">
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
<p class="small-list-price">
<span class="regular-price">$100.00</span>
<span class="dis-price">$200.00</span>
</p>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<ul class="small-list-icons">
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
<li>
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--======= End of single widget product =======-->
<!--======= single widget product =======-->
<div class="small-list-product">
<div class="small-list-inner">
<div class="small-list-img">
<a href="single-product.html">
<img src="img/products/p5.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="small-list-content">
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
<p class="small-list-price">
<span class="regular-price">$190.00</span>
<span class="dis-price">$250.00</span>
</p>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<ul class="small-list-icons">
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
<li>
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--======= End of single widget product =======-->
<!--======= single widget product =======-->
<div class="small-list-product">
<div class="small-list-inner">
<div class="small-list-img">
<a href="single-product.html">
<img src="img/products/p6.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="small-list-content">
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
<p class="small-list-price">
<span class="regular-price">$150.00</span>
<span class="dis-price">$250.00</span>
</p>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<ul class="small-list-icons">
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
<li>
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--======= End of single widget product =======-->
<!--======= End of widget product list wrapper =======-->
</div>
<!--======= End of product widget chunk wrapper =======-->
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="product-widget-chunk-wrapper">
<!--======= widget product list title =======-->
<div class="widget-product-title-wrapper">
<h3 class="widget-product-title">Special Products</h3>
</div>
<!--======= End of widget product list title =======-->
<!--======= widget product list wrapper =======-->
<div class="small-list-wrapper">
<!--======= single widget product =======-->
<div class="small-list-product">
<div class="small-list-inner">
<div class="small-list-img">
<a href="single-product.html">
<img src="img/products/p5.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="small-list-content">
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
<p class="small-list-price">
<span class="regular-price">$190.00</span>
<span class="dis-price">$250.00</span>
</p>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<ul class="small-list-icons">
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
<li>
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--======= End of single widget product =======-->
<!--======= single widget product =======-->
<div class="small-list-product">
<div class="small-list-inner">
<div class="small-list-img">
<a href="single-product.html">
<img src="img/products/p6.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="small-list-content">
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
<p class="small-list-price">
<span class="regular-price">$150.00</span>
<span class="dis-price">$250.00</span>
</p>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<ul class="small-list-icons">
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
<li>
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--======= End of single widget product =======-->
<!--======= single widget product =======-->
<div class="small-list-product">
<div class="small-list-inner">
<div class="small-list-img">
<a href="single-product.html">
<img src="img/products/p1.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="small-list-content">
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
<p class="small-list-price">
<span class="regular-price">$150.00</span>
<span class="dis-price">$250.00</span>
</p>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<ul class="small-list-icons">
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
<li>
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--======= End of single widget product =======-->
<!--======= single widget product =======-->
<div class="small-list-product">
<div class="small-list-inner">
<div class="small-list-img">
<a href="single-product.html">
<img src="img/products/p2.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="small-list-content">
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
<p class="small-list-price">
<span class="regular-price">$150.00</span>
<span class="dis-price">$200.00</span>
</p>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<ul class="small-list-icons">
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
<li>
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--======= End of single widget product =======-->
<!--======= single widget product =======-->
<div class="small-list-product">
<div class="small-list-inner">
<div class="small-list-img">
<a href="single-product.html">
<img src="img/products/p3.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="small-list-content">
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
<p class="small-list-price">
<span class="regular-price">$170.00</span>
</p>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<ul class="small-list-icons">
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
<li>
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--======= End of single widget product =======-->
<!--======= single widget product =======-->
<div class="small-list-product">
<div class="small-list-inner">
<div class="small-list-img">
<a href="single-product.html">
<img src="img/products/p4.jpg" class="img-fluid" alt="">
</a>
</div>
<div class="small-list-content">
<h3 class="small-list-title"> <a href="single-product.html">Small Product Title Here</a></h3>
<p class="small-list-price">
<span class="regular-price">$100.00</span>
<span class="dis-price">$200.00</span>
</p>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<ul class="small-list-icons">
<li><a class="grid_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a></li>
<li><a class="grid_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0"><i class="icofont-cart-alt"></i></a></li>
<li><a class="grid_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a></li>
<li>
<a class="grid_qview" href="#" data-bs-toggle="modal" data-bs-target="#myModal" title="" data-original-title="Quick View" tabindex="0"><i class="icofont-search"></i></a>
</li>
</ul>
</div>
</div>
</div>
<!--======= End of single widget product =======-->
<!--======= End of widget product list wrapper =======-->
</div>
<!--======= End of product widget chunk wrapper =======-->
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="small_banner_area">
<a href="shop.html" tabindex="0">
<img src="img/banner/product_banner_2.png" class="img-fluid" alt="">
</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End of product widget area -->
<!-- Latest Blog Area Start -->
<div class="latest-blog-area adp_top adp_bottom">
<div class="container">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Main Blog</span>
<h2>Latest Blog Area</h2>
</div>
<!-- Section Title End Here -->
<!-- Section Title End -->
<div class="row blog_slider_active default_dot_style">
<div class="col-lg-4 col-md-6">
<!-- Single Blog Start -->
<div class="single-animart-blog">
<div class="blog-img">
<a href="blog-details.html">
<img src="img/blog/blog_1.jpg" alt="blog-img">
</a>
<div class="publish-meta-date">
<span>20 December, 2022</span>
</div>
</div>
<div class="grid-blog-content">
<h4>
<a href="blog-details.html">Blog grid style item title here</a>
</h4>
<ul class="blog-post-meta">
<li>By: <a href="#">animart</a></li>
<li><a href="#"> 12 comments </a></li>
</ul>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industrys pets_tab dummy text ever since ...</p>
<div class="blog-btn">
<a href="blog-details.html">Continue Reading . . .</a>
</div>
</div>
</div>
<!-- Single Blog End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Single Blog Start -->
<div class="single-animart-blog">
<div class="blog-img">
<a href="blog-details.html">
<img src="img/blog/blog_2.jpg" alt="blog-img">
</a>
<div class="publish-meta-date">
<span>20 December, 2022</span>
</div>
</div>
<div class="grid-blog-content">
<h4>
<a href="blog-details.html">Blog grid style item title here</a>
</h4>
<ul class="blog-post-meta">
<li>By: <a href="#">animart</a></li>
<li><a href="#"> 12 comments </a></li>
</ul>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industrys pets_tab dummy text ever since ...</p>
<div class="blog-btn">
<a href="blog-details.html">Continue Reading . . .</a>
</div>
</div>
</div>
<!-- Single Blog End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Single Blog Start -->
<div class="single-animart-blog">
<div class="blog-img">
<a href="blog-details.html">
<img src="img/blog/blog_3.jpg" alt="blog-img">
</a>
<div class="publish-meta-date">
<span>20 December, 2022</span>
</div>
</div>
<div class="grid-blog-content">
<h4>
<a href="blog-details.html">Blog grid style item title here</a>
</h4>
<ul class="blog-post-meta">
<li>By: <a href="#">animart</a></li>
<li><a href="#"> 12 comments </a></li>
</ul>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industrys pets_tab dummy text ever since ...</p>
<div class="blog-btn">
<a href="blog-details.html">Continue Reading . . .</a>
</div>
</div>
</div>
<!-- Single Blog End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Single Blog Start -->
<div class="single-animart-blog">
<div class="blog-img">
<a href="blog-details.html">
<img src="img/blog/blog_4.jpg" alt="blog-img">
</a>
<div class="publish-meta-date">
<span>22 December, 2022</span>
</div>
</div>
<div class="grid-blog-content">
<h4>
<a href="blog-details.html">Blog grid style item title here</a>
</h4>
<ul class="blog-post-meta">
<li>By: <a href="#">animart</a></li>
<li><a href="#"> 12 comments </a></li>
</ul>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industrys pets_tab dummy text ever since ...</p>
<div class="blog-btn">
<a href="blog-details.html">Continue Reading . . .</a>
</div>
</div>
</div>
<!-- Single Blog End -->
</div>
<div class="col-lg-4 col-md-6">
<!-- Single Blog Start -->
<div class="single-animart-blog">
<div class="blog-img">
<a href="blog-details.html">
<img src="img/blog/blog_5.jpg" alt="blog-img">
</a>
<div class="publish-meta-date">
<span>22 December, 2022</span>
</div>
</div>
<div class="grid-blog-content">
<h4>
<a href="blog-details.html">Blog grid style item title here</a>
</h4>
<ul class="blog-post-meta">
<li>By: <a href="#">animart</a></li>
<li><a href="#"> 12 comments </a></li>
</ul>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has
been the industrys pets_tab dummy text ever since ...</p>
<div class="blog-btn">
<a href="blog-details.html">Continue Reading . . .</a>
</div>
</div>
</div>
<!-- Single Blog End -->
</div>
</div>
</div>
<!-- Container End -->
</div>
<!-- Latest Blog Area End -->
<!-- Client Testmonial Area Start Here -->
<div class="testmonial-area adp_top adp_bottom" style="background:#fbfbfb; background-image:url(img/testmonial/testi_bg.jpg)">
<div class="container">
<div class="row align-items-xl-center">
<div class="col-xl-12">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Best Clients</span>
<h2>What Clients Says</h2>
</div>
<!-- Section Title End Here -->
</div>
<div class="col-xl-12">
<!-- Testmonial Active Start Here -->
<div class="testmonial-active">
<!-- Single Testmonial Start Here -->
<div class="single-testmonial">
<div class="testmonial-img">
<img src="img/testmonial/01.png" alt="testmonial-img">
</div>
<div class="testmonial-content">
<h5>Jimanas Gulmasd <span>General Manager</span></h5>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<h4>Modern Equiwipment</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since.</p>
</div>
</div>
<!-- Single Testmonial End Here -->
<!-- Single Testmonial Start Here -->
<div class="single-testmonial">
<div class="testmonial-img">
<img src="img/testmonial/02.png" alt="testmonial-img">
</div>
<div class="testmonial-content">
<h5>Biloman Jonsod <span>Manager</span></h5>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<h4>Best Clinical Service</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since.</p>
</div>
</div>
<!-- Single Testmonial End Here -->
<!-- Single Testmonial Start Here -->
<div class="single-testmonial">
<div class="testmonial-img">
<img src="img/testmonial/03.png" alt="testmonial-img">
</div>
<div class="testmonial-content">
<h5>Silomans <span>Designer</span></h5>
<div class="product-rating">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</div>
<h4>Super Talanted</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since.</p>
</div>
</div>
<!-- Single Testmonial End Here -->
</div>
<!-- Testmonial Active End Here -->
</div>
</div>
</div>
</div>
<!-- Client Testmonial Area End Here -->
<!-- pricing table area start -->
<div class="pricing-table-area adp_top adp_bottom">
<div class="container">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Alomi Best</span>
<h2>Pricing Table</h2>
</div>
<!-- Section Title End Here -->
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<div class="single-pricing-table text-center">
<!-- If you need Icon
<div class="price-icon"><i class="icofont-facebook"></i></div>
-->
<div class="price-icon"><img src="img/icons/price_1.png" alt="pric icon"></div>
<h4 class="uppercase mb40">Basic Nutrition</h4>
<div class="price-tag"> <span>$29.00/Year</span> </div>
<div class="adv-area">
<ul>
<li>Speical Feature</li>
<li>Good Service</li>
<li>Awesome Commitment</li>
<li>24/07 Support</li>
<li class="disable">Question Support</li>
<li class="disable">More Option</li>
</ul>
</div>
<div class="small-btn">
<a href="#" tabindex="0">Take Now</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="single-pricing-table text-center">
<div class="special"></div>
<!-- If you need Icon
<div class="price-icon"><i class="icofont-facebook"></i></div>
-->
<div class="price-icon"><img src="img/icons/price_2.png" alt="pric icon"></div>
<h4 class="uppercase">Best Value Pack</h4>
<div class="price-tag"> <span>$39.00/Year</span> </div>
<div class="adv-area">
<ul>
<li>Speical Feature</li>
<li>Good Service</li>
<li>Awesome Commitment</li>
<li>24/07 Support</li>
<li>Question Support</li>
<li class="disable">More Option</li>
</ul>
</div>
<div class="small-btn">
<a href="#" tabindex="0">Take Now</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="single-pricing-table text-center">
<!-- If you need Icon
<div class="price-icon"><i class="icofont-facebook"></i></div>
-->
<div class="price-icon"><img src="img/icons/price_3.png" alt="pric icon"></div>
<h4 class="uppercase">Best Nutrition</h4>
<div class="price-tag"> <span>$49.00/Year</span> </div>
<div class="adv-area">
<ul>
<li>Speical Feature</li>
<li>Good Service</li>
<li>Awesome Commitment</li>
<li>24/07 Support</li>
<li>Question Support</li>
<li>More Option</li>
</ul>
</div>
<div class="small-btn">
<a href="#" tabindex="0">Take Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- pricing table area end -->
<!-- pricing table area Icon start -->
<div class="pricing-table-area adp_top adp_bottom" style="background:#fbfbfb">
<div class="container">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Nice Feature</span>
<h2>Pricing Table</h2>
</div>
<!-- Section Title End Here -->
<div class="row">
<div class="col-lg-4 col-md-6 col-12">
<div class="single-pricing-table text-center">
<div class="price-icon">
<i class="icofont-crown"></i>
</div>
<!-- If you need img
<div class="price-icon">
<img src="img/icons/price_1.png" alt="pric icon">
</div>-->
<h4 class="uppercase mb40">Basic Nutrition</h4>
<div class="price-tag"> <span>$29.00/Year</span> </div>
<div class="adv-area">
<ul>
<li>Speical Feature</li>
<li>Good Service</li>
<li>Awesome Commitment</li>
<li>24/07 Support</li>
<li class="disable">Question Support</li>
<li class="disable">More Option</li>
</ul>
</div>
<div class="small-btn">
<a href="#" tabindex="0">Take Now</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="single-pricing-table text-center">
<div class="special"></div>
<div class="price-icon">
<i class="icofont-crown-king"></i>
</div>
<!-- If you need img
<div class="price-icon">
<img src="img/icons/price_2.png" alt="pric icon">
</div>-->
<h4 class="uppercase">Best Value Pack</h4>
<div class="price-tag"> <span>$39.00/Year</span> </div>
<div class="adv-area">
<ul>
<li>Speical Feature</li>
<li>Good Service</li>
<li>Awesome Commitment</li>
<li>24/07 Support</li>
<li>Question Support</li>
<li class="disable">More Option</li>
</ul>
</div>
<div class="small-btn">
<a href="#" tabindex="0">Take Now</a>
</div>
</div>
</div>
<div class="col-lg-4 col-md-6 col-12">
<div class="single-pricing-table text-center">
<div class="price-icon">
<i class="icofont-crown-queen"></i>
</div>
<!-- If you need img
<div class="price-icon"><img src="img/icons/price_3.png" alt="pric icon"></div>
-->
<h4 class="uppercase">Best Nutrition</h4>
<div class="price-tag"> <span>$49.00/Year</span> </div>
<div class="adv-area">
<ul>
<li>Speical Feature</li>
<li>Good Service</li>
<li>Awesome Commitment</li>
<li>24/07 Support</li>
<li>Question Support</li>
<li>More Option</li>
</ul>
</div>
<div class="small-btn">
<a href="#" tabindex="0">Take Now</a>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- pricing table area end -->
<!-- promotion product start -->
<div class="promotion-product-area" style="background-image:url(img/bg/promotion-1.jpg);">
<div class="container">
<div class="promotion-slider-active default_dot_style">
<div class="single-promotion-slider">
<div class="row">
<!-- upcoming-single start -->
<div class="col-md-5">
<div class="product-grid">
<div class="product-image">
<a href="single-product.html" class="image">
<img class="pic-1" src="img/products/p1.jpg" alt="promoton_img">
</a>
</div>
</div>
</div>
<div class="col-md-7">
<div class="promotion-content">
<div class="promotion-area-top">
<div class="discount-offer-wrapper">
<h1>Sale! <span>50%</span> Off</h1>
</div>
<h3><a href="#">Deal Product Title Here</a></h3>
<div class="prodcut-price">
<span class="pro_level" >Flash Price : </span>
<div class="new-price pro_price"> $150 </div>
<div class="old-price pro_price"> <del>$250</del> </div>
</div>
</div>
<div class="promotion-countdown-inner">
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/12/01"></div>
</div>
</div>
<div class="promotion-button">
<div class="small-btn"><a href="cart.html" tabindex="0">Add To Cart</a></div>
<div class="small-btn"><a href="product-details.html" tabindex="0">View Details</a></div>
</div>
<div class="promotion-social social-icon socile-icon-tooltip text-center">
<ul>
<li><a class="facebook" href="#"><i class="icofont-facebook"></i>Share</a></li>
<li><a class="twitter" href="#"><i class="icofont-twitter"></i>Tweet</a></li>
<li><a class="instargm" href="#"><i class="icofont-google-plus"></i>Google+</a></li>
<li><a class="g-plus" href="#"><i class="icofont-pinterest"></i>Pinterest</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="single-promotion-slider">
<div class="row">
<!-- upcoming-single start -->
<div class="col-md-5">
<div class="product-grid">
<div class="product-image">
<a href="single-product.html" class="image">
<img class="pic-1" src="img/products/p2.jpg" alt="promoton_img">
</a>
</div>
</div>
</div>
<div class="col-md-7">
<div class="promotion-content">
<div class="promotion-area-top">
<div class="discount-offer-wrapper">
<h1>Sale! <span>45%</span> Off</h1>
</div>
<h3><a href="#">Best Product Title Here</a></h3>
<div class="prodcut-price">
<span class="pro_level" >Flash Price : </span>
<div class="new-price pro_price"> $120 </div>
<div class="old-price pro_price"> <del>$210</del> </div>
</div>
</div>
<div class="promotion-countdown-inner">
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/12/01"></div>
</div>
</div>
<div class="promotion-button">
<div class="small-btn"><a href="cart.html" tabindex="0">Add To Cart</a></div>
<div class="small-btn"><a href="product-details.html" tabindex="0">View Details</a></div>
</div>
<div class="promotion-social social-icon socile-icon-tooltip text-center">
<ul>
<li><a class="facebook" href="#"><i class="icofont-facebook"></i>Share</a></li>
<li><a class="twitter" href="#"><i class="icofont-twitter"></i>Tweet</a></li>
<li><a class="instargm" href="#"><i class="icofont-google-plus"></i>Google+</a></li>
<li><a class="g-plus" href="#"><i class="icofont-pinterest"></i>Pinterest</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="single-promotion-slider">
<div class="row">
<!-- upcoming-single start -->
<div class="col-md-5">
<div class="product-grid">
<div class="product-image">
<a href="single-product.html" class="image">
<img class="pic-1" src="img/products/p3.jpg" alt="promoton_img">
</a>
</div>
</div>
</div>
<div class="col-md-7">
<div class="promotion-content">
<div class="promotion-area-top">
<div class="discount-offer-wrapper">
<h1>Sale! <span>55%</span> Off</h1>
</div>
<h3><a href="#">Supper Product Title Here</a></h3>
<div class="prodcut-price">
<span class="pro_level" >Flash Price : </span>
<div class="new-price pro_price"> $100 </div>
<div class="old-price pro_price"> <del>$200</del> </div>
</div>
</div>
<div class="promotion-countdown-inner">
<div class="product-count-wrap">
<div class="product-countdown" data-countdown="2022/12/01"></div>
</div>
</div>
<div class="promotion-button">
<div class="small-btn"><a href="cart.html" tabindex="0">Add To Cart</a></div>
<div class="small-btn"><a href="product-details.html" tabindex="0">View Details</a></div>
</div>
<div class="promotion-social social-icon socile-icon-tooltip text-center">
<ul>
<li><a class="facebook" href="#"><i class="icofont-facebook"></i>Share</a></li>
<li><a class="twitter" href="#"><i class="icofont-twitter"></i>Tweet</a></li>
<li><a class="instargm" href="#"><i class="icofont-google-plus"></i>Google+</a></li>
<li><a class="g-plus" href="#"><i class="icofont-pinterest"></i>Pinterest</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- promotion product end -->
<!-- Why Us Contact Area Start Here -->
<div class="best_feature_area care_feature_area apointment-contact-section adp_top adp_bottom" style="background:#fbfbfb">
<div class="container">
<div class="row">
<div class="col-xl-7 col-lg-7 col-md-12">
<div class="best_feature_content">
<h3>Welcome to Pets Care</h3>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's pets_tab dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled. </p>
<!-- Product Features Start Here -->
<div class="care_feature_wrapper">
<!-- Single Features Start Here -->
<div class="single_care_feature">
<div class="main-feature-img">
<img src="img/icons/care_02.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Professional Checkup</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo. </p>
</div>
</div>
<!-- Single Features End Here -->
<!-- Single Features Start Here -->
<div class="single_care_feature">
<div class="main-feature-img">
<img src="img/icons/care_01.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Modern Equiwipment</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo. </p>
</div>
</div>
<!-- Single Features End Here -->
<!-- Single Features Start Here -->
<div class="single_care_feature">
<div class="main-feature-img">
<img src="img/icons/care_03.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Expart Vaccination</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo. </p>
</div>
</div>
<!-- Single Features End Here -->
<!-- Single Features Start Here -->
<div class="single_care_feature">
<div class="main-feature-img">
<img src="img/icons/care_04.png" alt="feature-icon">
</div>
<!-- If You Need Icon
<div class="main-feature-icon">
<i class="icofont-ui-rating"></i>
</div> -->
<div class="main-feature-content">
<h4>Book Service 24/7</h4>
<p>Ut enim ad minim veniam, quis nostrud exercitation ullamco pertrudo. </p>
</div>
</div>
<!-- Single Features End Here -->
</div>
<!-- Product Features End Here -->
</div>
</div>
<div class="col-xl-5 col-lg-5 col-md-12">
<div class="single-contact">
<div class="contact-form">
<div class="con-head">
<h3>Request appointment</h3>
<p>Call: (970)416-0233</p>
</div>
<form id="contactForm" class="form-inline">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input type="text" name="name" id="name" class="form-control" required data-error="Please Enter your name" placeholder="First Name">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input type="text" name="name2" id="name2" class="form-control" required data-error="Please Enter your name" placeholder="Last Name">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input type="email"
name="email" id="email" class="form-control" required data-error="Please Enter your email" placeholder="Email">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input type="text" name="phone_number" id="phone_number" required data-error="Please Enter your number" class="form-control" placeholder="Phone">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<input type="date" name="msg_subject" id="msg_subject" required data-error="Please Enter Date" class="form-control">
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-6 col-md-6">
<div class="form-group">
<select name="category">
<option>All Department</option>
<option>Wellness Care</option>
<option>Anesthetic Monitoring</option>
<option>Nutritional Counseling</option>
<option>Pain Management</option>
<option>Vaccination Care</option>
<option>Dental Care</option>
</select>
</div>
</div>
<div class="col-lg-12 col-md-12">
<div class="form-group">
<textarea name="message" class="form-control" id="message2" cols="30" rows="6" required data-error="Write your message" placeholder="Your Message"></textarea>
<div class="help-block with-errors"></div>
</div>
</div>
<div class="col-lg-12 col-md-12">
<button type="submit" class="small-btn">Get An Appointment</button>
</div>
</div>
</form>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Why Us Contact Area Start Here -->
<!-- Food Categry Area Start -->
<div class="food-category-area adp_top adp_bottom">
<div class="container text-center">
<div class="section-title">
<span>#Best Item Cat</span>
<h2>Feature Categories</h2>
</div>
</div>
<div class="container-fluid">
<div class="featured-ctg-slider row">
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_1.png" alt="">
</a>
<h4><a href="shop.html">Bird's</a></h4>
<span>(19 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_2.png" alt="">
</a>
<h4><a href="shop.html">Dog's</a></h4>
<span>(11 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_3.png" alt="">
</a>
<h4><a href="shop.html">Girgity's</a></h4>
<span>(09 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_4.png" alt="">
</a>
<h4><a href="shop.html">Rabbit's</a></h4>
<span>(16 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_5.png" alt="">
</a>
<h4><a href="shop.html">Fish's</a></h4>
<span>(18 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_6.png" alt="">
</a>
<h4><a href="shop.html">Cat's</a></h4>
<span>(15 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_7.png" alt="">
</a>
<h4><a href="shop.html">Other's</a></h4>
<span>(11 items)</span>
</div>
</div>
</div>
</div>
</div>
<!-- Food Categry Area End -->
<!-- Food Categry Area Start -->
<div class="food-category-area adp_top adp_bottom" style="background:#fbfbfb">
<div class="container text-center">
<div class="section-title">
<span>#Awesome Feature</span>
<h2>Feature Categories</h2>
</div>
</div>
<div class="container">
<div class="featured-ctg-slider row">
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_1.png" alt="">
</a>
<h4><a href="shop.html">Bird's</a></h4>
<span>(19 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_2.png" alt="">
</a>
<h4><a href="shop.html">Dog's</a></h4>
<span>(11 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_3.png" alt="">
</a>
<h4><a href="shop.html">Girgity's</a></h4>
<span>(09 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_4.png" alt="">
</a>
<h4><a href="shop.html">Rabbit's</a></h4>
<span>(16 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_5.png" alt="">
</a>
<h4><a href="shop.html">Fish's</a></h4>
<span>(18 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_6.png" alt="">
</a>
<h4><a href="shop.html">Cat's</a></h4>
<span>(15 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_7.png" alt="">
</a>
<h4><a href="shop.html">Other's</a></h4>
<span>(11 items)</span>
</div>
</div>
</div>
</div>
</div>
<!-- Food Categry Area End -->
<!-- Food Categry Area Start -->
<div class="food-category-area adp_top adp_bottom">
<div class="container text-center">
<div class="section-title">
<span>#Nice Categories</span>
<h2>Feature Categories</h2>
</div>
</div>
<div class="container">
<div class="row">
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_1.png" alt="">
</a>
<h4><a href="shop.html">Bird's</a></h4>
<span>(19 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_2.png" alt="">
</a>
<h4><a href="shop.html">Dog's</a></h4>
<span>(11 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_3.png" alt="">
</a>
<h4><a href="shop.html">Girgity's</a></h4>
<span>(09 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_4.png" alt="">
</a>
<h4><a href="shop.html">Rabbit's</a></h4>
<span>(16 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_5.png" alt="">
</a>
<h4><a href="shop.html">Fish's</a></h4>
<span>(18 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_6.png" alt="">
</a>
<h4><a href="shop.html">Cat's</a></h4>
<span>(15 items)</span>
</div>
</div>
<div class="col-md-3 text-center">
<div class="single-food-category">
<a href="shop.html" class="food-cat-img">
<img src="img/icons/ctg_7.png" alt="">
</a>
<h4><a href="shop.html">Other's</a></h4>
<span>(11 items)</span>
</div>
</div>
</div>
</div>
</div>
<!-- Food Categry Area End -->
<!-- Our Team Star Here -->
<div class="our-team-wrapper adp_top adp_bottom" style="background:#fbfbfb">
<div class="container">
<div class="row">
<div class="col-xl-8 offset-lg-1 col-12 offset-xl-2 col-lg-10 offset-0">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Anisd Team</span>
<h2>Our Awesome Team</h2>
</div>
<!-- Section Title End Here -->
</div>
</div>
<div class="row">
<div class="col-lg-3 col-md-4 col-12">
<div class="our-team">
<div class="pic">
<img src="img/team/1.jpg" alt="team_img">
<div class="over-layer">
<ul class="social-links">
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
<li><a href="#"><i class="icofont-youtube-play"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h3 class="team-title">Williamson</h3>
<span class="post">Web Developer</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12">
<div class="our-team">
<div class="pic">
<img src="img/team/2.jpg" alt="team_img">
<div class="over-layer">
<ul class="social-links">
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
<li><a href="#"><i class="icofont-youtube-play"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h3 class="team-title">Nil Amrons</h3>
<span class="post">Designer</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12">
<div class="our-team">
<div class="pic">
<img src="img/team/3.jpg" alt="team_img">
<div class="over-layer">
<ul class="social-links">
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
<li><a href="#"><i class="icofont-youtube-play"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h3 class="team-title">Mali Jons</h3>
<span class="post">Web Designer</span>
</div>
</div>
</div>
<div class="col-lg-3 col-md-4 col-12">
<div class="our-team">
<div class="pic">
<img src="img/team/4.jpg" alt="team_img">
<div class="over-layer">
<ul class="social-links">
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
<li><a href="#"><i class="icofont-youtube-play"></i></a></li>
</ul>
</div>
</div>
<div class="team-content">
<h3 class="team-title">Nsig Mnosd</h3>
<span class="post">Developer</span>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Our Team End Here -->
<!-- Portfolio Area -->
<div class="portfolio-area adp_top">
<div class="container">
<div class="row">
<div class="col-xl-8 offset-lg-1 col-12 offset-xl-2 col-lg-10 offset-0">
<!-- Section Title Start Here -->
<div class="section-title">
<span>#Best Feature</span>
<h2>Best Pets Food Features</h2>
</div>
<!-- Section Title End Here -->
</div>
</div>
</div>
<div class="portfolio-wrap container-fluid">
<!-- Poftfolio Filters -->
<div class="portfolio-filters">
<button class="is-checked" data-filter="*">All</button>
<button data-filter=".book">Book</button>
<button data-filter=".pen">Pen</button>
<button data-filter=".bag">Bag</button>
<button data-filter=".board">Board</button>
<button data-filter=".lamp">Lamp</button>
</div>
<!--Poftfolio Filters -->
<!-- Portfolios -->
<div class="row portfolios">
<!-- Single Portfolio -->
<div class="col-xl-3 col-lg-4 col-md-6 col-12 portfolio-single book board bag ">
<div class="portfolio-wraper">
<div class="portfolio">
<div class="portfoilo-img">
<img src="img/portfolio/port_1.jpg" alt="portfoilo-img">
</div>
<div class="portfolio-icon">
<a class="img-popup" href="img/portfolio/port_1.jpg"><i class="icofont-image"></i></a>
</div>
</div>
<div class="portfolio-icon-inner text-center">
<h6>Dog, Pet</h6>
<h3>
<a href="single-portfolio.html">Academic English Course</a>
</h3>
</div>
</div>
</div>
<!--Single Portfolio -->
<!-- Single Portfolio -->
<div class="col-xl-3 col-lg-4 col-md-6 col-12 portfolio-single pen lamp ">
<div class="portfolio-wraper">
<div class="portfolio">
<div class="portfoilo-img">
<img src="img/portfolio/port_2.jpg" alt="portfoilo-img">
</div>
<div class="portfolio-icon">
<a class="img-popup" href="img/portfolio/port_2.jpg"><i class="icofont-image"></i></a>
</div>
</div>
<div class="portfolio-icon-inner text-center">
<h6>Pet, Dog</h6>
<h3>
<a href="single-portfolio.html">Online Book Store</a>
</h3>
</div>
</div>
</div>
<!--Single Portfolio -->
<!-- Single Portfolio -->
<div class="col-xl-3 col-lg-4 col-md-6 col-12 portfolio-single book bag ">
<div class="portfolio-wraper">
<div class="portfolio">
<div class="portfoilo-img">
<img src="img/portfolio/port_3.jpg" alt="portfoilo-img">
</div>
<div class="portfolio-icon">
<a class="img-popup" href="img/portfolio/port_3.jpg"><i class="icofont-image"></i></a>
</div>
</div>
<div class="portfolio-icon-inner text-center">
<h6>Lamp, Baord</h6>
<h3>
<a href="single-portfolio.html">Coffe Paper Cup</a>
</h3>
</div>
</div>
</div>
<!--Single Portfolio -->
<!-- Single Portfolio -->
<div class="col-xl-3 col-lg-4 col-md-6 col-12 portfolio-single pen book lamp">
<div class="portfolio-wraper">
<div class="portfolio">
<div class="portfoilo-img">
<img src="img/portfolio/port_4.jpg" alt="portfoilo-img">
</div>
<div class="portfolio-icon">
<a class="img-popup" href="img/portfolio/port_4.jpg"><i class="icofont-image"></i></a>
</div>
</div>
<div class="portfolio-icon-inner text-center">
<h6>Book, Bag</h6>
<h3>
<a href="single-portfolio.html">Online Pen Store</a>
</h3>
</div>
</div>
</div>
<!--Single Portfolio -->
<!-- Single Portfolio -->
<div class="col-xl-3 col-lg-4 col-md-6 col-12 portfolio-single pen bag board">
<div class="portfolio-wraper">
<div class="portfolio">
<div class="portfoilo-img">
<img src="img/portfolio/port_6.jpg" alt="portfoilo-img">
</div>
<div class="portfolio-icon">
<a class="img-popup" href="img/portfolio/port_6.jpg"><i class="icofont-image"></i></a>
</div>
</div>
<div class="portfolio-icon-inner text-center">
<h6>Pen, Bag</h6>
<h3>
<a href="single-portfolio.html">Lorem ipsum dolor</a>
</h3>
</div>
</div>
</div>
<!--Single Portfolio -->
<!-- Single Portfolio -->
<div class="col-xl-3 col-lg-4 col-md-6 col-12 portfolio-single book board">
<div class="portfolio-wraper">
<div class="portfolio">
<div class="portfoilo-img">
<img src="img/portfolio/port_7.jpg" alt="portfoilo-img">
</div>
<div class="portfolio-icon">
<a class="img-popup" href="img/portfolio/port_7.jpg"><i class="icofont-image"></i></a>
</div>
</div>
<div class="portfolio-icon-inner text-center">
<h6>Pen, Bag</h6>
<h3>
<a href="single-portfolio.html">Mixed Book Shop</a>
</h3>
</div>
</div>
</div>
<!--Single Portfolio -->
<!-- Single Portfolio -->
<div class="col-xl-3 col-lg-4 col-md-6 col-12 portfolio-single pen bag">
<div class="portfolio-wraper">
<div class="portfolio">
<div class="portfoilo-img">
<img src="img/portfolio/port_8.jpg" alt="portfoilo-img">
</div>
<div class="portfolio-icon">
<a class="img-popup" href="img/portfolio/port_8.jpg"><i class="icofont-image"></i></a>
</div>
</div>
<div class="portfolio-icon-inner text-center">
<h6>Lamp, Bag</h6>
<h3>
<a href="single-portfolio.html">Lorem ipsum dolor.</a>
</h3>
</div>
</div>
</div>
<!--Single Portfolio -->
<!-- Single Portfolio -->
<div class="col-xl-3 col-lg-4 col-md-6 col-12 portfolio-single book">
<div class="portfolio-wraper">
<div class="portfolio">
<div class="portfoilo-img">
<img src="img/portfolio/port_9.jpg" alt="portfoilo-img">
</div>
<div class="portfolio-icon">
<a class="img-popup" href="img/portfolio/port_9.jpg"><i class="icofont-image"></i></a>
</div>
</div>
<div class="portfolio-icon-inner text-center">
<h6>Book, Lamp</h6>
<h3>
<a href="single-portfolio.html">Best Board Seller</a>
</h3>
</div>
</div>
</div>
<!--Single Portfolio -->
</div>
<!--Portfolios -->
</div>
</div>
<!--Portfolio Area -->
<!-- Service area start -->
<div class="feature-logo-area adp_top adp_bottom">
<div class="container ">
<div class="row">
<div class="col-lg-12">
<!--======= feature logo wrapper =======-->
<div class="feature-logo-wrapper">
<div class="row">
<div class="col-xl-4 col-md-6">
<!--======= single feature logo =======-->
<div class="single-feature-logo">
<div class="single-feature-logo__image">
<img src="img/icons/service_1.png" class="service" alt="">
</div>
<div class="single-feature-logo__content">
<h4 class="title">FREE SHIPPING</h4>
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
</div>
</div>
<!--======= End of single feature logo =======-->
</div>
<div class="col-xl-4 col-md-6">
<!--======= single feature logo =======-->
<div class="single-feature-logo">
<div class="single-feature-logo__image">
<img src="img/icons/service_2.png" class="service" alt="">
</div>
<div class="single-feature-logo__content">
<h4 class="title">CASH ON DELIVERY</h4>
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
</div>
</div>
<!--======= End of single feature logo =======-->
</div>
<div class="col-xl-4 col-md-6">
<!--======= single feature logo =======-->
<div class="single-feature-logo">
<div class="single-feature-logo__image">
<img src="img/icons/service_3.png" class="service" alt="">
</div>
<div class="single-feature-logo__content">
<h4 class="title">ONLINE SUPPORT 24/7</h4>
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
</div>
</div>
<!--======= End of single feature logo =======-->
</div>
<!--======= if you need
<div class="col-xl-4 col-md-6">
<div class="single-feature-logo">
<div class="single-feature-logo__image">
<img src="img/icons/service_4.png" class="service" alt="">
</div>
<div class="single-feature-logo__content">
<h4 class="title">Money back guarantee</h4>
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
</div>
</div>
</div>
=======-->
</div>
</div>
<!--======= End of feature logo wrapper =======-->
</div>
</div>
</div>
</div>
<!--Service area end -->
<!-- Service area start icon -->
<div class="feature-logo-area adp_top adp_bottom" style="background:#fbfbfb">
<div class="container ">
<div class="row">
<div class="col-lg-12">
<!--======= feature logo wrapper =======-->
<div class="feature-logo-wrapper">
<div class="row">
<div class="col-xl-4 col-md-6">
<!--======= single feature logo =======-->
<div class="single-feature-logo">
<!--if you need image icon
<div class="single-feature-logo__image">
<img src="img/icons/service_1.png" class="service" alt="">
</div>-->
<div class="single-feature-logo__icon">
<i class="icofont-fast-delivery"></i>
</div>
<div class="single-feature-logo__content">
<h4 class="title">FREE SHIPPING</h4>
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
</div>
</div>
<!--======= End of single feature logo =======-->
</div>
<div class="col-xl-4 col-md-6">
<!--======= single feature logo =======-->
<div class="single-feature-logo">
<!--if you need image icon
<div class="single-feature-logo__image">
<img src="img/icons/service_2.png" class="service" alt="">
</div>-->
<div class="single-feature-logo__icon">
<i class="icofont-cash-on-delivery"></i>
</div>
<div class="single-feature-logo__content">
<h4 class="title">CASH ON DELIVERY</h4>
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
</div>
</div>
<!--======= End of single feature logo =======-->
</div>
<div class="col-xl-4 col-md-6">
<!--======= single feature logo =======-->
<div class="single-feature-logo">
<!--if you need image icon
<div class="single-feature-logo__image">
<img src="img/icons/service_3.png" class="service" alt="">
</div>-->
<div class="single-feature-logo__icon">
<i class="icofont-live-support"></i>
</div>
<div class="single-feature-logo__content">
<h4 class="title">ONLINE SUPPORT 24/7</h4>
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
</div>
</div>
<!--======= End of single feature logo =======-->
</div>
<!--======= if you need
<div class="col-xl-4 col-md-6">
<div class="single-feature-logo">
<div class="single-feature-logo__image">
<img src="img/icons/service_4.png" class="service" alt="">
</div>
<div class="single-feature-logo__content">
<h4 class="title">Money back guarantee</h4>
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
</div>
</div>
</div>
=======-->
</div>
</div>
<!--======= End of feature logo wrapper =======-->
</div>
</div>
</div>
</div>
<!--Service area end -->
<!-- Service area start -->
<div class="feature-logo-area adp_top adp_bottom">
<div class="container-fluid ">
<div class="row">
<div class="col-lg-12">
<!--======= feature logo wrapper =======-->
<div class="feature-logo-wrapper">
<div class="row">
<div class="col-xl-3 col-md-6">
<!--======= single feature logo =======-->
<div class="single-feature-logo">
<div class="single-feature-logo__image">
<img src="img/icons/service_1.png" class="service" alt="">
</div>
<div class="single-feature-logo__content">
<h4 class="title">FREE SHIPPING</h4>
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
</div>
</div>
<!--======= End of single feature logo =======-->
</div>
<div class="col-xl-3 col-md-6">
<!--======= single feature logo =======-->
<div class="single-feature-logo">
<div class="single-feature-logo__image">
<img src="img/icons/service_2.png" class="service" alt="">
</div>
<div class="single-feature-logo__content">
<h4 class="title">CASH ON DELIVERY</h4>
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
</div>
</div>
<!--======= End of single feature logo =======-->
</div>
<div class="col-xl-3 col-md-6">
<!--======= single feature logo =======-->
<div class="single-feature-logo">
<div class="single-feature-logo__image">
<img src="img/icons/service_3.png" class="service" alt="">
</div>
<div class="single-feature-logo__content">
<h4 class="title">ONLINE SUPPORT 24/7</h4>
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
</div>
</div>
<!--======= End of single feature logo =======-->
</div>
<div class="col-xl-3 col-md-6">
<div class="single-feature-logo">
<div class="single-feature-logo__image">
<img src="img/icons/service_4.png" class="service" alt="">
</div>
<div class="single-feature-logo__content">
<h4 class="title">MONEY BACK GURANTEE</h4>
<p class="short-desc">Lorem ipsum dolor sit amet, cons ectetur adipiscing elit.</p>
</div>
</div>
</div>
</div>
</div>
<!--======= End of feature logo wrapper =======-->
</div>
</div>
</div>
</div>
<!--Service area end -->
<!-- Brand Area Start Here -->
<div class="brand-area adp_top adp_bottom" style="background:#fbfbfb">
<div class="container">
<!-- Brand Logo Active Start Here -->
<div class="brand-logo-active">
<div class="single-brand">
<a href="#"><img src="img/brand/b1.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/b2.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/b3.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/b4.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/b5.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/b1.png" alt="brand-image"></a>
</div>
<div class="single-brand">
<a href="#"><img src="img/brand/b2.png" alt="brand-image"></a>
</div>
</div>
<!-- Brand Logo Active End Here -->
</div>
</div>
<!-- Brand Area End Here -->
<!--Banner area Start-->
<div class="banner-area adp_top adp_bottom">
<div class="container-fluid">
<div class="row banner-slider-active">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_1.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_2.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_3.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_4.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_5.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_6.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_7.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_8.png" alt="Banner Image">
</a>
</div>
</div>
</div>
</div>
</div>
<!--Banner area end-->
<!--Banner area Start-->
<div class="banner-area adp_top adp_bottom" style="background:#fbfbfb">
<div class="container">
<div class="row banner-slider-active">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_1.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_2.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_3.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_4.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_5.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_6.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_7.png" alt="Banner Image">
</a>
</div>
</div>
</div>
</div>
</div>
<!--Banner area end-->
<!--Banner area Start-->
<div class="banner-area adp_top adp_bottom">
<div class="container-fluid">
<div class="row">
<div class="col-12">
<div class="single-banner">
<a href="#">
<img src="img/banner/summer_sale.jpg" alt="Banner Image">
</a>
</div>
</div>
</div>
</div>
</div>
<!--Banner area end-->
<!--Banner area Start-->
<div class="banner-area adp_top adp_bottom" style="background:#fbfbfb">
<div class="container">
<div class="row">
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_2.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_3.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_4.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-12">
<div class="single-banner">
<a href="#">
<img src="img/banner/summer_sale.jpg" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_5.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_6.png" alt="Banner Image">
</a>
</div>
</div>
<div class="col-lg-4 col-md-4 col-sm-6">
<div class="single-banner">
<a href="#">
<img src="img/banner/banner_7.png" alt="Banner Image">
</a>
</div>
</div>
</div>
</div>
</div>
<!--Banner area end-->
<!-- Footer Area Start Here -->
<footer>
<div class="footer_area_wrapper">
<div class="container-fluid">
<!-- Footer Middle Start -->
<div class="footer-top adp_top adp_bottom">
<div class="row">
<!-- Single Footer Start -->
<div class="col-xl-3 col-lg-6 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Contact Us</h4>
<div class="footer-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum dolor sit amet.</p>
<ul class="footer_contact">
<li><i class="icofont-home"></i><span>Address:</span> Unkisn, New York, USA - 23584</li>
<li><i class="icofont-ui-dial-phone"></i><span>Phone:</span> 010 32654 8564</li>
<li><i class="icofont-fax"></i><span>FAX:</span> 003 85648 158954</li>
<li><i class="icofont-email"></i><span>Email:</span> support@example.com</li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-xl-2 col-lg-3 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Infomation</h4>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Shipping Policies</a></li>
<li><a href="#">Term & Conditions</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-xl-2 col-lg-3 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Get Help</h4>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">Delivery Information</a></li>
<li><a href="#">Sale Terms & Conditions</a></li>
<li><a href="#">Returns & Refunds</a></li>
<li><a href="#">Privacy Notice</a></li>
<li><a href="#">My Account</a></li>
<li><a href="#">Shopping FAQs</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-xl-3 col-lg-6 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Instagram Gallery</h4>
<div class="footer-content">
<ul class="instagram-img">
<li><a class="img-popup-2" href="img/portfolio/inst_port_1.jpg"><img src="img/portfolio/inst_port_1.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_2.jpg"><img src="img/portfolio/inst_port_2.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_3.jpg"><img src="img/portfolio/inst_port_3.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_4.jpg"><img src="img/portfolio/inst_port_4.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_5.jpg"><img src="img/portfolio/inst_port_5.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_6.jpg"><img src="img/portfolio/inst_port_6.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_7.jpg"><img src="img/portfolio/inst_port_7.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_8.jpg"><img src="img/portfolio/inst_port_8.jpg" alt="instagram-img"></a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-xl-2 col-lg-4 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Newsletter With Apps</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting.</p>
<div class="subscribtion_form">
<form action="#" method="post">
<input type="email" name="mail" class="form-control mail" placeholder="Your E-mail Addrees">
<button type="submit" class="submit"><i class="icofont-long-arrow-right"></i></button>
</form>
</div>
<div class="single_footer_apps">
<div class="footer_heading">
<h6>Download our Mobile Apps</h6>
</div>
<div class="apps_download">
<a href="#"><img src="img/icons/play-store.png" alt="Play Store"></a>
<a href="#"><img src="img/icons/app-store.png" alt="Apple Store"></a>
</div>
</div>
</div>
</div>
<!-- Single Footer Start -->
</div>
<!-- Row End -->
</div>
<!-- Footer Middle End -->
</div>
<!-- Footer Bottom Start -->
<div class="footer-bottom ">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4 col-12">
<div class="footer-copyright ">
<p>Copyright &copy; 2025 Example Company. All Rights Reserved.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="footer-bottom-right text-center">
<ul class="footer-social-icon ">
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-brand-youtube"></i></a></li>
<li><a href="#"><i class="icofont-google-plus"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="support_pay text-end">
<a href="#"><img src="img/icons/payments.png" alt="Payments"></a>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom End -->
</div>
</footer>
<!-- Footer Area End Here -->
<!-- Footer Area Start Here -->
<footer>
<div class="footer_area_wrapper">
<div class="container">
<!-- Footer Middle Start -->
<div class="footer-top adp_top adp_bottom">
<div class="row">
<!-- Single Footer Start -->
<div class="col-lg-4 col-md-6">
<div class="footer_widget">
<h4 class="footer-title">Contact Us</h4>
<div class="footer-content">
<p>Lorem Ipsum is simply dummy text printing.</p>
<ul class="footer_contact">
<li><i class="icofont-home"></i><span>Address :</span> Unkisn, New York, USA - 23584</li>
<li><i class="icofont-ui-dial-phone"></i><span>Phone :</span> 010 32654 8564</li>
<li><i class="icofont-fax"></i><span>FAX :</span> 003 85648 158954</li>
<li><i class="icofont-email"></i><span>Email :</span> support@example.com</li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-2 col-md-6">
<div class="footer_widget">
<h4 class="footer-title">Infomation</h4>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Shipping Policies</a></li>
<li><a href="#">Term & Conditions</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-3 col-md-6">
<div class="footer_widget">
<h4 class="footer-title">Instagram Gallery</h4>
<div class="footer-content">
<ul class="instagram-img">
<li><a class="img-popup" href="img/portfolio/inst_port_1.jpg"><img src="img/portfolio/inst_port_1.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_2.jpg"><img src="img/portfolio/inst_port_2.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_3.jpg"><img src="img/portfolio/inst_port_3.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_4.jpg"><img src="img/portfolio/inst_port_4.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_5.jpg"><img src="img/portfolio/inst_port_5.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_6.jpg"><img src="img/portfolio/inst_port_6.jpg" alt="instagram-img"></a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-3 col-md-6">
<div class="footer_widget">
<h4 class="footer-title">Newsletter With Apps</h4>
<p>Lorem Ipsum is simply dummy text.</p>
<div class="subscribtion_form">
<form action="#" method="post">
<input type="email" name="mail" class="form-control mail" placeholder="Your E-mail Addrees">
<button type="submit" class="submit"><i class="icofont-long-arrow-right"></i></button>
</form>
</div>
<div class="single_footer_apps">
<div class="footer_heading">
<h6>Download our Mobile Apps</h6>
</div>
<div class="apps_download">
<a href="#"><img src="img/icons/play-store.png" alt="Play Store"></a>
<a href="#"><img src="img/icons/app-store.png" alt="Apple Store"></a>
</div>
</div>
</div>
</div>
<!-- Single Footer Start -->
</div>
<!-- Row End -->
</div>
<!-- Footer Middle End -->
</div>
<!-- Footer Bottom Start -->
<div class="footer-bottom ">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4">
<div class="footer-copyright ">
<p>Copyright &copy; 2025 Example Company. All Rights Reserved.</p>
</div>
</div>
<div class="col-md-4">
<div class="footer-bottom-right text-center">
<ul class="footer-social-icon ">
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-brand-youtube"></i></a></li>
<li><a href="#"><i class="icofont-google-plus"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="support_pay text-end">
<a href="#"><img src="img/icons/payments.png" alt="Payments"></a>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom End -->
</div>
</footer>
<!-- Footer Area End Here -->
<!-- Footer Area Start Here -->
<footer>
<div class="footer_area_wrapper footer_color_bg" style="background-color:#1d2536">
<div class="container">
<!-- Footer Middle Start -->
<div class="footer-top adp_top adp_bottom">
<div class="row">
<!-- Single Footer Start -->
<div class="col-lg-4 col-md-6">
<div class="footer_widget">
<h4 class="footer-title">Contact Us</h4>
<div class="footer-content">
<p>Lorem Ipsum is simply dummy text printing.</p>
<ul class="footer_contact">
<li><i class="icofont-home"></i><span>Address :</span> Unkisn, New York, USA - 23584</li>
<li><i class="icofont-ui-dial-phone"></i><span>Phone :</span> 010 32654 8564</li>
<li><i class="icofont-fax"></i><span>FAX :</span> 003 85648 158954</li>
<li><i class="icofont-email"></i><span>Email :</span> support@example.com</li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-2 col-md-6">
<div class="footer_widget">
<h4 class="footer-title">Infomation</h4>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Shipping Policies</a></li>
<li><a href="#">Term & Conditions</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-3 col-md-6">
<div class="footer_widget">
<h4 class="footer-title">Instagram Gallery</h4>
<div class="footer-content">
<ul class="instagram-img">
<li><a class="img-popup" href="img/portfolio/inst_port_1.jpg"><img src="img/portfolio/inst_port_1.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_2.jpg"><img src="img/portfolio/inst_port_2.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_3.jpg"><img src="img/portfolio/inst_port_3.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_4.jpg"><img src="img/portfolio/inst_port_4.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_5.jpg"><img src="img/portfolio/inst_port_5.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_6.jpg"><img src="img/portfolio/inst_port_6.jpg" alt="instagram-img"></a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-3 col-md-6">
<div class="footer_widget">
<h4 class="footer-title">Newsletter With Apps</h4>
<p>Lorem Ipsum is simply dummy text.</p>
<div class="subscribtion_form">
<form action="#" method="post">
<input type="email" name="mail" class="form-control mail" placeholder="Your E-mail Addrees">
<button type="submit" class="submit"><i class="icofont-long-arrow-right"></i></button>
</form>
</div>
<div class="single_footer_apps">
<div class="footer_heading">
<h6>Download our Mobile Apps</h6>
</div>
<div class="apps_download">
<a href="#"><img src="img/icons/play-store.png" alt="Play Store"></a>
<a href="#"><img src="img/icons/app-store.png" alt="Apple Store"></a>
</div>
</div>
</div>
</div>
<!-- Single Footer Start -->
</div>
<!-- Row End -->
</div>
<!-- Footer Middle End -->
</div>
<!-- Footer Bottom Start -->
<div class="footer-bottom ">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4">
<div class="footer-copyright ">
<p>Copyright &copy; 2025 Example Company. All Rights Reserved.</p>
</div>
</div>
<div class="col-md-4">
<div class="footer-bottom-right text-center">
<ul class="footer-social-icon ">
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-brand-youtube"></i></a></li>
<li><a href="#"><i class="icofont-google-plus"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="support_pay text-end">
<a href="#"><img src="img/icons/payments.png" alt="Payments"></a>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom End -->
</div>
</footer>
<!-- Footer Area End Here -->
<!-- Footer Area Start Here -->
<footer>
<div class="footer_area_wrapper footer_color_bg" style="background-color:#1d2536">
<div class="container-fluid">
<!-- Footer Middle Start -->
<div class="footer-top adp_top adp_bottom">
<div class="row">
<!-- Single Footer Start -->
<div class="col-xl-3 col-lg-6 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Contact Us</h4>
<div class="footer-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum dolor sit amet.</p>
<ul class="footer_contact">
<li><i class="icofont-home"></i><span>Address:</span> Unkisn, New York, USA - 23584</li>
<li><i class="icofont-ui-dial-phone"></i><span>Phone:</span> 010 32654 8564</li>
<li><i class="icofont-fax"></i><span>FAX:</span> 003 85648 158954</li>
<li><i class="icofont-email"></i><span>Email:</span> support@example.com</li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-xl-2 col-lg-3 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Infomation</h4>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Shipping Policies</a></li>
<li><a href="#">Term & Conditions</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-xl-2 col-lg-3 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Get Help</h4>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">Delivery Information</a></li>
<li><a href="#">Sale Terms & Conditions</a></li>
<li><a href="#">Returns & Refunds</a></li>
<li><a href="#">Privacy Notice</a></li>
<li><a href="#">My Account</a></li>
<li><a href="#">Shopping FAQs</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-xl-3 col-lg-6 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Instagram Gallery</h4>
<div class="footer-content">
<ul class="instagram-img">
<li><a class="img-popup-2" href="img/portfolio/inst_port_1.jpg"><img src="img/portfolio/inst_port_1.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_2.jpg"><img src="img/portfolio/inst_port_2.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_3.jpg"><img src="img/portfolio/inst_port_3.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_4.jpg"><img src="img/portfolio/inst_port_4.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_5.jpg"><img src="img/portfolio/inst_port_5.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_6.jpg"><img src="img/portfolio/inst_port_6.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_7.jpg"><img src="img/portfolio/inst_port_7.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_8.jpg"><img src="img/portfolio/inst_port_8.jpg" alt="instagram-img"></a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-xl-2 col-lg-4 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Newsletter With Apps</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting.</p>
<div class="subscribtion_form">
<form action="#" method="post">
<input type="email" name="mail" class="form-control mail" placeholder="Your E-mail Addrees">
<button type="submit" class="submit"><i class="icofont-long-arrow-right"></i></button>
</form>
</div>
<div class="single_footer_apps">
<div class="footer_heading">
<h6>Download our Mobile Apps</h6>
</div>
<div class="apps_download">
<a href="#"><img src="img/icons/play-store.png" alt="Play Store"></a>
<a href="#"><img src="img/icons/app-store.png" alt="Apple Store"></a>
</div>
</div>
</div>
</div>
<!-- Single Footer Start -->
</div>
<!-- Row End -->
</div>
<!-- Footer Middle End -->
</div>
<!-- Footer Bottom Start -->
<div class="footer-bottom ">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4 col-12">
<div class="footer-copyright ">
<p>Copyright &copy; 2025 Example Company. All Rights Reserved.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="footer-bottom-right text-center">
<ul class="footer-social-icon ">
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-brand-youtube"></i></a></li>
<li><a href="#"><i class="icofont-google-plus"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="support_pay text-end">
<a href="#"><img src="img/icons/payments.png" alt="Payments"></a>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom End -->
</div>
</footer>
<!-- Footer Area End Here -->
<!-- Footer Area Start Here -->
<footer>
<div class="footer_area_wrapper footer_color_bg footer_image_bg" style="background: url(img/bg/footer_bg.jpg)">
<div class="container">
<!-- Footer Middle Start -->
<div class="footer-top adp_top adp_bottom">
<div class="row">
<!-- Single Footer Start -->
<div class="col-lg-4 col-md-6">
<div class="footer_widget">
<h4 class="footer-title">Contact Us</h4>
<div class="footer-content">
<p>Lorem Ipsum is simply dummy text printing.</p>
<ul class="footer_contact">
<li><i class="icofont-home"></i><span>Address :</span> Unkisn, New York, USA - 23584</li>
<li><i class="icofont-ui-dial-phone"></i><span>Phone :</span> 010 32654 8564</li>
<li><i class="icofont-fax"></i><span>FAX :</span> 003 85648 158954</li>
<li><i class="icofont-email"></i><span>Email :</span> support@example.com</li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-2 col-md-6">
<div class="footer_widget">
<h4 class="footer-title">Infomation</h4>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Shipping Policies</a></li>
<li><a href="#">Term & Conditions</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-3 col-md-6">
<div class="footer_widget">
<h4 class="footer-title">Instagram Gallery</h4>
<div class="footer-content">
<ul class="instagram-img">
<li><a class="img-popup" href="img/portfolio/inst_port_1.jpg"><img src="img/portfolio/inst_port_1.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_2.jpg"><img src="img/portfolio/inst_port_2.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_3.jpg"><img src="img/portfolio/inst_port_3.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_4.jpg"><img src="img/portfolio/inst_port_4.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_5.jpg"><img src="img/portfolio/inst_port_5.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup" href="img/portfolio/inst_port_6.jpg"><img src="img/portfolio/inst_port_6.jpg" alt="instagram-img"></a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-lg-3 col-md-6">
<div class="footer_widget">
<h4 class="footer-title">Newsletter With Apps</h4>
<p>Lorem Ipsum is simply dummy text.</p>
<div class="subscribtion_form">
<form action="#" method="post">
<input type="email" name="mail" class="form-control mail" placeholder="Your E-mail Addrees">
<button type="submit" class="submit"><i class="icofont-long-arrow-right"></i></button>
</form>
</div>
<div class="single_footer_apps">
<div class="footer_heading">
<h6>Download our Mobile Apps</h6>
</div>
<div class="apps_download">
<a href="#"><img src="img/icons/play-store.png" alt="Play Store"></a>
<a href="#"><img src="img/icons/app-store.png" alt="Apple Store"></a>
</div>
</div>
</div>
</div>
<!-- Single Footer Start -->
</div>
<!-- Row End -->
</div>
<!-- Footer Middle End -->
</div>
<!-- Footer Bottom Start -->
<div class="footer-bottom ">
<div class="container">
<div class="row align-items-center">
<div class="col-md-4">
<div class="footer-copyright ">
<p>Copyright &copy; 2025 Example Company. All Rights Reserved.</p>
</div>
</div>
<div class="col-md-4">
<div class="footer-bottom-right text-center">
<ul class="footer-social-icon ">
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-brand-youtube"></i></a></li>
<li><a href="#"><i class="icofont-google-plus"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="col-md-4">
<div class="support_pay text-end">
<a href="#"><img src="img/icons/payments.png" alt="Payments"></a>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom End -->
</div>
</footer>
<!-- Footer Area End Here -->
<!-- Footer Area Start Here -->
<footer>
<div class="footer_area_wrapper footer_color_bg footer_image_bg" style="background: url(img/bg/footer_bg_2.jpg)">
<div class="container-fluid">
<!-- Footer Middle Start -->
<div class="footer-top adp_top adp_bottom">
<div class="row">
<!-- Single Footer Start -->
<div class="col-xl-3 col-lg-6 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Contact Us</h4>
<div class="footer-content">
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem ipsum dolor sit amet.</p>
<ul class="footer_contact">
<li><i class="icofont-home"></i><span>Address:</span> Unkisn, New York, USA - 23584</li>
<li><i class="icofont-ui-dial-phone"></i><span>Phone:</span> 010 32654 8564</li>
<li><i class="icofont-fax"></i><span>FAX:</span> 003 85648 158954</li>
<li><i class="icofont-email"></i><span>Email:</span> support@example.com</li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-xl-2 col-lg-3 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Infomation</h4>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Terms & Conditions</a></li>
<li><a href="#">Shipping Policies</a></li>
<li><a href="#">Term & Conditions</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-xl-2 col-lg-3 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Get Help</h4>
<div class="footer-content">
<ul class="footer-list">
<li><a href="#">Delivery Information</a></li>
<li><a href="#">Sale Terms & Conditions</a></li>
<li><a href="#">Returns & Refunds</a></li>
<li><a href="#">Privacy Notice</a></li>
<li><a href="#">My Account</a></li>
<li><a href="#">Shopping FAQs</a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-xl-3 col-lg-6 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Instagram Gallery</h4>
<div class="footer-content">
<ul class="instagram-img">
<li><a class="img-popup-2" href="img/portfolio/inst_port_1.jpg"><img src="img/portfolio/inst_port_1.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_2.jpg"><img src="img/portfolio/inst_port_2.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_3.jpg"><img src="img/portfolio/inst_port_3.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_4.jpg"><img src="img/portfolio/inst_port_4.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_5.jpg"><img src="img/portfolio/inst_port_5.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_6.jpg"><img src="img/portfolio/inst_port_6.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_7.jpg"><img src="img/portfolio/inst_port_7.jpg" alt="instagram-img"></a></li>
<li><a class="img-popup-2" href="img/portfolio/inst_port_8.jpg"><img src="img/portfolio/inst_port_8.jpg" alt="instagram-img"></a></li>
</ul>
</div>
</div>
</div>
<!-- Single Footer Start -->
<!-- Single Footer Start -->
<div class="col-xl-2 col-lg-4 col-md-6 col-12">
<div class="footer_widget">
<h4 class="footer-title">Newsletter With Apps</h4>
<p>Lorem Ipsum is simply dummy text of the printing and typesetting.</p>
<div class="subscribtion_form">
<form action="#" method="post">
<input type="email" name="mail" class="form-control mail" placeholder="Your E-mail Addrees">
<button type="submit" class="submit"><i class="icofont-long-arrow-right"></i></button>
</form>
</div>
<div class="single_footer_apps">
<div class="footer_heading">
<h6>Download our Mobile Apps</h6>
</div>
<div class="apps_download">
<a href="#"><img src="img/icons/play-store.png" alt="Play Store"></a>
<a href="#"><img src="img/icons/app-store.png" alt="Apple Store"></a>
</div>
</div>
</div>
</div>
<!-- Single Footer Start -->
</div>
<!-- Row End -->
</div>
<!-- Footer Middle End -->
</div>
<!-- Footer Bottom Start -->
<div class="footer-bottom ">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-lg-4 col-md-4 col-12">
<div class="footer-copyright ">
<p>Copyright &copy; 2025 Example Company. All Rights Reserved.</p>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="footer-bottom-right text-center">
<ul class="footer-social-icon ">
<li><a href="#"><i class="icofont-facebook"></i></a></li>
<li><a href="#"><i class="icofont-brand-youtube"></i></a></li>
<li><a href="#"><i class="icofont-google-plus"></i></a></li>
<li><a href="#"><i class="icofont-linkedin"></i></a></li>
<li><a href="#"><i class="icofont-twitter"></i></a></li>
</ul>
</div>
</div>
<div class="col-lg-4 col-md-4 col-12">
<div class="support_pay text-end">
<a href="#"><img src="img/icons/payments.png" alt="Payments"></a>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom End -->
</div>
</footer>
<!-- Footer Area End Here -->
<!-- Quick View Content Start -->
<div class="main-product-thumbnail quick-thumb-content">
<div class="container">
<!-- The Modal -->
<div class="modal fade" id="myModal">
<div class="modal-dialog modal-lg modal-dialog-centered">
<div class="modal-content">
<!-- Modal Header -->
<div class="modal-header">
<button type="button" class="close" data-bs-dismiss="modal">&times;</button>
</div>
<!-- Modal body -->
<div class="modal-body">
<div class="row">
<div class="col-lg-6 col-md-6">
<div class="product-details product_details_1">
<div class="product-details-img">
<div class="tab-content main_large_img product-details-large">
<div id="shop-details-1" class="tab-pane large-img-style">
<img src="img/products/p1.jpg" alt="">
</div>
<div id="shop-details-2" class="tab-pane active large-img-style">
<img src="img/products/p2.jpg" alt="">
</div>
<div id="shop-details-3" class="tab-pane large-img-style">
<img src="img/products/p3.jpg" alt="">
</div>
<div id="shop-details-4" class="tab-pane large-img-style">
<img src="img/products/p4.jpg" alt="">
</div>
<span class="sticker-sale">-25%</span>
<span class="sticker-new">New</span>
</div>
<div class="shop-details-tab nav product-details-small">
<a class="shop-details-overly" href="#shop-details-1" data-bs-toggle="tab">
<img src="img/products/p1.jpg" alt="">
</a>
<a class="shop-details-overly active" href="#shop-details-2" data-bs-toggle="tab">
<img src="img/products/p2.jpg" alt="">
</a>
<a class="shop-details-overly" href="#shop-details-3" data-bs-toggle="tab">
<img src="img/products/p3.jpg" alt="">
</a>
<a class="shop-details-overly" href="#shop-details-4" data-bs-toggle="tab">
<img src="img/products/p4.jpg" alt="">
</a>
</div>
</div>
</div>
</div>
<!-- Thumbnail Description Start -->
<div class="col-md-6">
<div class="thubnail-desc ">
<h3 class="product-header"><a href="#">Details Product Name Here</a></h3>
<ul class="rating-summary">
<li class="rating-pro">
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rating"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
<i class="icofont-ui-rate-blank"></i>
</li>
<li class="read-review"><a href="#">View Reviews (2)</a></li>
<li class="write-review"><a href="#">Write Review</a></li>
</ul>
<div class="pro-thumb-price mt-20">
<span class="regular-price">$98.25</span><del class="discount_price">$72.00</del>
</div>
<div class="pro-desc-details">Lorem ipsum dolor sit amet, consectetur adipisic elit eiusm tempor incidid ut labore et dolore magna aliqua. Ut enim ad minim venialo quis nostrud ullamco. Enim ad minim venialo quis nostrud ullamco.
</div>
<div class="product-varient-wrapper">
<div class="product-color pv_class clearfix">
<label>Color :</label>
<select class="">
<option>Red</option>
<option>Green</option>
<option>Blue</option>
<option>Black</option>
<option>Yellow</option>
<option>Pink</option>
</select>
</div>
<div class="product-size pv_class clearfix">
<label>Size :</label>
<select class="">
<option>S</option>
<option>M</option>
<option>L</option>
<option>XL</option>
<option>XXL</option>
<option>3XL</option>
</select>
</div>
<div class="product-tag pv_class clearfix">
<label>Tags :</label>
<select class="">
<option>Cat</option>
<option>Dog</option>
<option>Fish</option>
<option>Horse</option>
</select>
</div>
</div>
<div class="details_action_wraper">
<ul>
<li class="box-quantity">
<form action="#">
<input class="quantity" type="number" min="1" value="1">
</form>
</li>
<li>
<a class="details_cart" href="cart.html" title="" data-original-title="Add to Cart" tabindex="0">Add To Cart</a>
</li>
<li>
<a class="details_wishlist" href="wishlist.html" title="" data-original-title="Wishlist" tabindex="0"><i class="icofont-heart-alt"></i></a>
</li>
<li>
<a class="details_compare" href="compare.html" title="" data-original-title="Compare" tabindex="0"><i class="icofont-random"></i></a>
</li>
</ul>
</div>
<div class="pro-details-social">
<ul>
<li><a class="facebook" href="#" title="facebook"><i class="icofont-facebook"></i> Like</a></li>
<li><a class="twitter" href="#" title="twitter"><i class="icofont-twitter"></i> tweet</a></li>
<li><a class="pinterest" href="#" title="pinterest"><i class="icofont-pinterest"></i> save</a></li>
<li><a class="google-plus" href="#" title="google +"><i class="icofont-google-plus"></i> share</a></li>
<li><a class="linkedin" href="#" title="linkedin"><i class="icofont-linkedin"></i> linked</a></li>
</ul>
</div>
<div class="secure_pay">
<h6>Guaranteed safe Pay :</h6>
<img src="img/icons/secure_pay.jpg" alt="single-product">
</div>
</div>
</div>
<!-- Thumbnail Description End -->
</div>
<!-- Row End -->
</div>
<!-- Modal footer -->
</div>
</div>
</div>
</div>
</div>
<!-- Quick View Content End -->
</div>
<!-- Main Wrapper End Here -->
<!-- jquery 3.3.1 -->
<script src="js/vendor/jquery-3.3.1.min.js"></script>
<!-- Mobile menu js -->
<script src="js/jquery.meanmenu.min.js"></script>
<!-- ScrollUp js -->
<script src="js/jquery.scrollUp.js"></script>
<!-- Jquery nice select js -->
<script src="js/jquery.nice-select.min.js"></script>
<!-- Jquery ui price slider js -->
<script src="js/jquery-ui.min.js"></script>
<!-- Bootstrap popper js -->
<script src="js/popper.min.js"></script>
<!-- Bootstrap js -->
<script src="js/bootstrap.min.js"></script>
<!-- Plugin js -->
<script src="js/plugins.js"></script>
<!-- Main activaion js -->
<script src="js/main.js"></script>
</body>
</html>