|
Server IP : 217.21.85.138 / Your IP : 216.73.216.103 Web Server : LiteSpeed System : Linux in-mum-web906.main-hosting.eu 4.18.0-553.37.1.lve.el8.x86_64 #1 SMP Mon Feb 10 22:45:17 UTC 2025 x86_64 User : u915722082 ( 915722082) PHP Version : 7.4.33 Disable Function : system, exec, shell_exec, passthru, mysql_list_dbs, ini_alter, dl, symlink, link, chgrp, leak, popen, apache_child_terminate, virtual, mb_send_mail MySQL : OFF | cURL : ON | WGET : ON | Perl : OFF | Python : OFF Directory (0755) : /home/u915722082/.nvm/../public_html/mylu/ |
| [ Home ] | [ C0mmand ] | [ Upload File ] |
|---|
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Title -->
<title>Mylu</title>
<!-- Meta -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="author" content="DexignZone">
<meta name="robots" content="index, follow">
<meta name="format-detection" content="telephone=no">
<meta name="keywords" content="template, ui kit, clothing, delivery, ecommerce, fashion, order, shopping, store, fashion design, fashion store, responsive design, fashion showcase, modern design, fashion technology, e-shop, ecommerce web, eCommerce Website, minimal shop, online shop, online shopping, pixio, user experience, Design Elements, Trendy, Stylish, User-Friendly, Navigation, Product Display, Branding, Development, Visual Design, UI/UX, Website, Web Design">
<meta name="description" content="Elevate your online retail presence with Pixio Shop & eCommerce HTML Template. Crafted with precision, this responsive and feature-rich template provides a seamless and visually stunning shopping experience. Explore a world of possibilities with modern design elements, intuitive navigation, and customizable features. Transform your website into a dynamic online storefront with Pixio, where style meets functionality for a captivating and user-friendly eCommerce journey.">
<meta property="og:title" content="Pixio: Shop & eCommerce Bootstrap HTML Template | DexignZone">
<meta property="og:description" content="Elevate your online retail presence with Pixio Shop & eCommerce HTML Template. Crafted with precision, this responsive and feature-rich template provides a seamless and visually stunning shopping experience. Explore a world of possibilities with modern design elements, intuitive navigation, and customizable features. Transform your website into a dynamic online storefront with Pixio, where style meets functionality for a captivating and user-friendly eCommerce journey.">
<meta property="og:image" content="https://pixio.dexignzone.com/xhtml/social-image.png">
<!-- TWITTER META -->
<meta name="twitter:title" content="Pixio: Shop & eCommerce Bootstrap HTML Template | DexignZone">
<meta name="twitter:description" content="Elevate your online retail presence with Pixio Shop & eCommerce HTML Template. Crafted with precision, this responsive and feature-rich template provides a seamless and visually stunning shopping experience. Explore a world of possibilities with modern design elements, intuitive navigation, and customizable features. Transform your website into a dynamic online storefront with Pixio, where style meets functionality for a captivating and user-friendly eCommerce journey.">
<meta name="twitter:image" content="https://pixio.dexignzone.com/xhtml/social-image.png">
<meta name="twitter:card" content="summary_large_image">
<!-- FAVICONS ICON -->
<link rel="icon" type="image/x-icon" href="images/logo.png">
<!-- MOBILE SPECIFIC -->
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- STYLESHEETS -->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@2.0.0-beta1/dist/css/bootstrap-select.min.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-select@latest/dist/css/bootstrap-select.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/bootstrap-touchspin/4.3.0/jquery.bootstrap-touchspin.min.css">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-QWTKZyjpPEjISv5WaRU9OFeRpok6YctnYmDr5pNlyT2bRjXh0JMhjY6hW+ALEwIH" crossorigin="anonymous">
<link rel="stylesheet" type="text/css" href="vendor/swiper/swiper-bundle.min.css">
<link rel="stylesheet" type="text/css" href="vendor/nouislider/nouislider.min.css">
<link rel="stylesheet" type="text/css" href="vendor/animate/animate.css">
<link rel="stylesheet" type="text/css" href="vendor/lightgallery/dist/css/lightgallery.css">
<link rel="stylesheet" type="text/css" href="vendor/lightgallery/dist/css/lg-thumbnail.css">
<link rel="stylesheet" type="text/css" href="vendor/lightgallery/dist/css/lg-zoom.css">
<link rel="stylesheet" type="text/css" href="css/style.css">
<!-- GOOGLE FONTS-->
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin="">
<link href="../css2?family=DM+Sans:wght@400;500;700&family=Roboto:wght@100;300;400;500;700;900&display=swap" rel="stylesheet">
</head>
<body>
<div class="page-wraper">
<!--<div id="loading-area" class="preloader-wrapper-4">-->
<!-- <img src="images/loading.gif" alt="">-->
<!--</div>-->
<!-- Header Star -->
<header class="site-header mo-left header">
<div class="top-bar">
<div class="container-fluid">
<div class="dz-topbar-inner d-flex justify-content-between align-items-center">
<div class="dz-topbar-left">
<ul>
<li><a href="about-us.html">About Us</a></li>
<li><a href="contact-us-1.html">Contact Us</a></li>
<li><a href="faqs-2.html">Help Desk</a></li>
</ul>
</div>
<div class="dz-topbar-center">
<ul>
<li><span>Free Deliveries Worldwide! For More Info <a href="#">Click Here</a> </span></li>
</ul>
</div>
<div class="dz-topbar-right">
<ul>
<li><span>Share:</span></li>
<li><a href="https://www.facebook.com/dexignzone" target="_blank"><i class="fa-brands fa-facebook-f"></i></a></li>
<li><a href="https://www.linkedin.com/showcase/3686700/admin/" target="_blank"><i class="fa-brands fa-linkedin-in"></i></a></li>
<li><a href="https://www.instagram.com/dexignzone/" target="_blank"><i class="fa-brands fa-instagram"></i></a></li>
<li><a href="https://twitter.com/dexignzones" target="_blank"><i class="fa-brands fa-twitter"></i></a></li>
</ul>
</div>
</div>
</div>
</div>
<div class="sticky-header main-bar-wraper navbar-expand-lg">
<div class="main-bar clearfix">
<div class="container-fluid clearfix d-lg-flex justify-content-between d-block">
<!-- Website Logo -->
<!-- Nav Toggle Button -->
<button class="navbar-toggler collapsed navicon justify-content-end" type="button"
data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown" aria-controls="navbarNavDropdown"
aria-expanded="false" aria-label="Toggle navigation">
<span></span>
<span></span>
<span></span>
</button>
<!-- Main Nav -->
<div class="header-nav navbar-collapse collapse justify-content-start" id="navbarNavDropdown">
<div class="logo-header logo-dark">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<ul class="nav navbar-nav">
<li class="has-mega-menu sub-menu-down">
<a href="index.html"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14.001" viewBox="0 0 14 14.001"> <path fill="#3697fa" d="M7.419 6.999a15.188 15.188 0 0 0 5.267-2.946c1.488-1.491 1.617-2.846.863-3.6s-2.114-.626-3.6.865a15.075 15.075 0 0 0-2.942 5.263 15.172 15.172 0 0 0-2.95-5.263C2.568-.173 1.213-.303.457.455s-.625 2.111.863 3.6a15.255 15.255 0 0 0 5.267 2.946A15.251 15.251 0 0 0 1.32 9.946c-1.489 1.491-1.617 2.846-.863 3.6s2.114.625 3.6-.865a15.187 15.187 0 0 0 2.95-5.263 15.089 15.089 0 0 0 2.942 5.263c1.488 1.491 2.848 1.621 3.6.865s.625-2.112-.863-3.6a15.154 15.154 0 0 0-5.267-2.947Z"></path> </svg><span>Home</span></a>
</li>
<li class="has-mega-menu sub-menu-down">
<a href="shop-sidebar.html"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"> <path fill="#84d181" d="M4.426 2.762c0 1.04 1.238 2.727 2 3.661-.934-.758-2.617-2-3.66-2A2.689 2.689 0 0 0 .004 6.997a2.688 2.688 0 0 0 2.762 2.574c1.043 0 2.727-1.238 3.66-2-.758.933-2 2.621-2 3.662a2.581 2.581 0 1 0 5.148 0c0-1.041-1.238-2.727-2-3.662.934.759 2.621 2 3.66 2a2.689 2.689 0 0 0 2.762-2.574 2.689 2.689 0 0 0-2.762-2.574c-1.039 0-2.727 1.239-3.66 2 .758-.933 2-2.621 2-3.661a2.581 2.581 0 1 0-5.148 0Z"></path> </svg><span>Shop</span></a>
</li>
<li class="has-mega-menu sub-menu-down"><a href="product-full-width.html"><svg xmlns="http://www.w3.org/2000/svg" width="14" height="14" viewBox="0 0 14 14"> <path fill="#f05656" d="m8.113.709 1.2 2.547a1.236 1.236 0 0 0 .923.7l2.694.411a1.247 1.247 0 0 1 1 .874 1.324 1.324 0 0 1-.316 1.322l-1.952 1.981a1.319 1.319 0 0 0-.354 1.14l.462 2.8a1.311 1.311 0 0 1-.489 1.267 1.189 1.189 0 0 1-1.306.092L7.567 12.52a1.2 1.2 0 0 0-1.151 0l-2.407 1.323a1.189 1.189 0 0 1-1.3-.088 1.31 1.31 0 0 1-.495-1.261l.458-2.8a1.319 1.319 0 0 0-.354-1.14L.369 6.573a1.324 1.324 0 0 1-.316-1.321 1.247 1.247 0 0 1 1-.875l2.7-.421a1.237 1.237 0 0 0 .924-.7L5.913.709a1.209 1.209 0 0 1 2.2 0Z"></path> </svg><span>Product</span></a>
</li>
<li class="has-mega-menu sub-menu-down"><a href="contact-us-1.html" >
<svg xmlns="http://www.w3.org/2000/svg" style="width: 16px;" width="28.41" height="28.41" viewBox="0 0 28.41 28.41"><path d="M3894,22.208h0A17.594,17.594,0,0,0,3908.2,8h0a17.633,17.633,0,0,0,14.213,14.208h0a17.627,17.627,0,0,0-14.213,14.2h0A17.588,17.588,0,0,0,3894,22.208Z" transform="translate(-3894 -8)" fill="#eb7ec7"></path></svg>
<span>Contact</span></a>
</li>
</ul>
<div class="dz-social-icon">
<ul>
<li><a class="fab fa-facebook-f" target="_blank" href="https://www.facebook.com/dexignzone"></a></li>
<li><a class="fab fa-twitter" target="_blank" href="https://twitter.com/dexignzones"></a></li>
<li><a class="fab fa-linkedin-in" target="_blank" href="https://www.linkedin.com/showcase/3686700/admin/"></a></li>
<li><a class="fab fa-instagram" target="_blank" href="https://www.instagram.com/dexignzone/"></a></li>
</ul>
</div>
</div>
<div class="logo-header logo-dark me-md-5">
<a href="index.html"><img src="images/logo.png" alt="logo"></a>
</div>
<!-- EXTRA NAV -->
<div class="extra-nav">
<div class="extra-cell header-nav navbar-collapse collapse">
<form method="get" id="searchform" action="">
<input id="s" name="s" type="text" value="" placeholder="Enter Keyword" class="text_input">
<ul class="quick_search_results"></ul>
<input name="submit" type="submit" value="Go">
</form>
<a class="nav-link" href="javascript:void(0);" data-bs-toggle="offcanvas" data-bs-target="#offcanvasTop" aria-controls="offcanvasTop">
<!-- <i class="iconly-Light-Search"></i> -->
</a>
<ul class="header-right nav navbar-nav">
<li class="nav-item ">
<a class="nav-link" href="login.html">
<i class="iconly-Light-User"></i>
</a>
</li>
<li class="nav-item wishlist-link">
<a class="nav-link" href="javascript:void(0);" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
<i class="iconly-Light-Heart2"></i>
</a>
</li>
<!-- <li class="nav-item cart-link">
<a href="javascript:void(0);" class="nav-link cart-btn" data-bs-toggle="offcanvas" data-bs-target="#offcanvasRight" aria-controls="offcanvasRight">
<i class="iconly-Broken-Buy"></i>
<span class="badge badge-circle">5</span>
</a>
</li> -->
<li class="nav-item cart-link">
<a href="javascript:void(0);" class="nav-link cart-btn" data-bs-toggle="offcanvas" >
<i class="iconly-Broken-Buy"></i>
<span class="badge badge-circle">5</span>
</a>
<ul class="sub-menu view_items">
<li class="view_cart_item d-flex justify-content-between">
<!-- remove_cart_button -->
<a href="" class="remove " aria-label="Remove this item" data-product_id="3042" data-cart_item_key="" data-product_sku="Child Toys 1-35">×</a>
<a href="" class="cart_image">
<img width="1000" height="1200" src="images/products/dress3.png" class="" alt="" decoding="async" srcset="">
Jersey Suit Set <br>
<span class="cart_quantity">1 × <span class="special_price_code"><span class="Price_amount"><bdi><span class="Price_currencySymbol">$</span>80.00</bdi></span></span></span></a>
</li>
<li class="cart_redirects">
<div class="cart__total "><strong>Subtotal:</strong>
<span class="price_code">
<span class="amount"><bdi><span class="Price-currencySymbol">$</span>80.00</bdi></span>
</span>
</div>
<p class="cart__buttons buttons m-0">
<a href="" class=" btn-lg btnhover20 default_button m-0 mb-3">View cart</a>
<a href="" class="btn-lg btnhover m-0 text-white blogs" style="padding:10px;">Checkout</a></p>
</li>
</ul>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Main Header End -->
<!-- SearchBar -->
<div class="dz-search-area dz-offcanvas offcanvas offcanvas-top" tabindex="-1" id="offcanvasTop">
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
×
</button>
<div class="container container-xl px-0">
<form class="header-item-search">
<div class="input-group search-input">
<select class="default-select">
<option>All Categories</option>
<option>Clothes</option>
<option>UrbanSkirt</option>
<option>VelvetGown</option>
<option>LushShorts</option>
<option>Vintage</option>
<option>Wedding</option>
<option>Cotton</option>
<option>Linen</option>
<option>Navy</option>
<option>Urban</option>
<option>Business Meeting</option>
<option>Formal</option>
</select>
<input type="search" class="form-control" placeholder="Search Product">
<button class="btn" type="button">
<i class="iconly-Light-Search"></i>
</button>
</div>
<ul class="recent-tag">
<li class="pe-0"><span>Quick Search :</span></li>
<li><a href="shop-list.html">Clothes</a></li>
<li><a href="shop-list.html">UrbanSkirt</a></li>
<li><a href="shop-list.html">VelvetGown</a></li>
<li><a href="shop-list.html">LushShorts</a></li>
</ul>
</form>
<div class="row">
<div class="col-xl-12">
<h5 class="mb-3">You May Also Like</h5>
<div class="swiper category-swiper2">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="shop-card">
<div class="dz-media ">
<img src="images/shop/product/1.png" alt="image">
</div>
<div class="dz-content">
<h6 class="title"><a href="shop-list.html">SilkBliss Dress</a></h6>
<h6 class="price">$40.00</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="shop-card">
<div class="dz-media ">
<img src="images/shop/product/3.png" alt="image">
</div>
<div class="dz-content">
<h6 class="title"><a href="shop-list.html">GlamPants</a></h6>
<h6 class="price">$30.00</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="shop-card">
<div class="dz-media ">
<img src="images/shop/product/4.png" alt="image">
</div>
<div class="dz-content">
<h6 class="title"><a href="shop-list.html">ComfyLeggings</a></h6>
<h6 class="price">$35.00</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="shop-card">
<div class="dz-media ">
<img src="images/shop/product/2.png" alt="image">
</div>
<div class="dz-content">
<h6 class="title"><a href="shop-list.html">ClassicCapri</a></h6>
<h6 class="price">$20.00</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="shop-card">
<div class="dz-media ">
<img src="images/shop/product/5.png" alt="image">
</div>
<div class="dz-content">
<h6 class="title"><a href="shop-list.html">DapperCoat</a></h6>
<h6 class="price">$70.00</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="shop-card">
<div class="dz-media ">
<img src="images/shop/product/6.png" alt="image">
</div>
<div class="dz-content">
<h6 class="title"><a href="shop-list.html">ComfyLeggings</a></h6>
<h6 class="price">$45.00</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="shop-card">
<div class="dz-media ">
<img src="images/shop/product/7.png" alt="image">
</div>
<div class="dz-content">
<h6 class="title"><a href="shop-list.html">DenimDream Jeans</a></h6>
<h6 class="price">$40.00</h6>
</div>
</div>
</div>
<div class="swiper-slide">
<div class="shop-card">
<div class="dz-media ">
<img src="images/shop/product/4.png" alt="image">
</div>
<div class="dz-content">
<h6 class="title"><a href="shop-list.html">SilkBliss Dress</a></h6>
<h6 class="price">$60.00</h6>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- SearchBar -->
<!-- Sidebar cart -->
<div class="offcanvas dz-offcanvas offcanvas offcanvas-end " tabindex="-1" id="offcanvasRight">
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
×
</button>
<div class="offcanvas-body">
<div class="product-description">
<div class="dz-tabs">
<ul class="nav nav-tabs center" id="myTab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="shopping-cart" data-bs-toggle="tab" data-bs-target="#shopping-cart-pane" type="button" role="tab" aria-controls="shopping-cart-pane" aria-selected="true">Shopping Cart
<span class="badge badge-light">5</span>
</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="wishlist" data-bs-toggle="tab" data-bs-target="#wishlist-pane" type="button" role="tab" aria-controls="wishlist-pane" aria-selected="false">Wishlist
<span class="badge badge-light">2</span>
</button>
</li>
</ul>
<div class="tab-content pt-4" id="dz-shopcart-sidebar">
<div class="tab-pane fade show active" id="shopping-cart-pane" role="tabpanel" aria-labelledby="shopping-cart" tabindex="0">
<div class="shop-sidebar-cart">
<ul class="sidebar-cart-list">
<li>
<div class="cart-widget">
<div class="dz-media me-3">
<img src="images/shop/shop-cart/pic1.jpg" alt="">
</div>
<div class="cart-content">
<h6 class="title"><a href="product-thumbnail.html">Sophisticated Swagger Suit</a></h6>
<div class="d-flex align-items-center">
<div class="btn-quantity light quantity-sm me-3">
<input type="text" value="1" name="demo_vertical2">
</div>
<h6 class="dz-price mb-0">$50.00</h6>
</div>
</div>
<a href="javascript:void(0);" class="dz-close">
<i class="ti-close"></i>
</a>
</div>
</li>
<li>
<div class="cart-widget">
<div class="dz-media me-3">
<img src="images/shop/shop-cart/pic2.jpg" alt="">
</div>
<div class="cart-content">
<h6 class="title"><a href="product-thumbnail.html">Cozy Knit Cardigan Sweater</a></h6>
<div class="d-flex align-items-center">
<div class="btn-quantity light quantity-sm me-3">
<input type="text" value="1" name="demo_vertical2">
</div>
<h6 class="dz-price mb-0">$40.00</h6>
</div>
</div>
<a href="javascript:void(0);" class="dz-close">
<i class="ti-close"></i>
</a>
</div>
</li>
<li>
<div class="cart-widget">
<div class="dz-media me-3">
<img src="images/shop/shop-cart/pic3.jpg" alt="">
</div>
<div class="cart-content">
<h6 class="title"><a href="product-thumbnail.html">Athletic Mesh Sports Leggings</a></h6>
<div class="d-flex align-items-center">
<div class="btn-quantity light quantity-sm me-3">
<input type="text" value="1" name="demo_vertical2">
</div>
<h6 class="dz-price mb-0">$65.00</h6>
</div>
</div>
<a href="javascript:void(0);" class="dz-close">
<i class="ti-close"></i>
</a>
</div>
</li>
</ul>
<div class="cart-total">
<h5 class="mb-0">Subtotal:</h5>
<h5 class="mb-0">300.00$</h5>
</div>
<div class="mt-auto">
<div class="shipping-time">
<div class="dz-icon">
<i class="flaticon flaticon-ship"></i>
</div>
<div class="shipping-content">
<h6 class="title pe-4">Congratulations , you've got free shipping!</h6>
<div class="progress">
<div class="progress-bar progress-animated border-0" style="width: 75%;" role="progressbar">
<span class="sr-only">75% Complete</span>
</div>
</div>
</div>
</div>
<a href="shop-checkout.html" class="btn btn-outline-secondary btn-block m-b20">Checkout</a>
<a href="shop-cart.html" class="btn btn-secondary btn-block">View Cart</a>
</div>
</div>
</div>
<div class="tab-pane fade" id="wishlist-pane" role="tabpanel" aria-labelledby="wishlist" tabindex="0">
<div class="shop-sidebar-cart">
<ul class="sidebar-cart-list">
<li>
<div class="cart-widget">
<div class="dz-media me-3">
<img src="images/shop/shop-cart/pic1.jpg" alt="">
</div>
<div class="cart-content">
<h6 class="title"><a href="product-thumbnail.html">Sophisticated Swagger Suit</a></h6>
<div class="d-flex align-items-center">
<h6 class="dz-price mb-0">$50.00</h6>
</div>
</div>
<a href="javascript:void(0);" class="dz-close">
<i class="ti-close"></i>
</a>
</div>
</li>
<li>
<div class="cart-widget">
<div class="dz-media me-3">
<img src="images/shop/shop-cart/pic2.jpg" alt="">
</div>
<div class="cart-content">
<h6 class="title"><a href="product-thumbnail.html">Cozy Knit Cardigan Sweater</a></h6>
<div class="d-flex align-items-center">
<h6 class="dz-price mb-0">$40.00</h6>
</div>
</div>
<a href="javascript:void(0);" class="dz-close">
<i class="ti-close"></i>
</a>
</div>
</li>
<li>
<div class="cart-widget">
<div class="dz-media me-3">
<img src="images/shop/shop-cart/pic3.jpg" alt="">
</div>
<div class="cart-content">
<h6 class="title"><a href="product-thumbnail.html">Athletic Mesh Sports Leggings</a></h6>
<div class="d-flex align-items-center">
<h6 class="dz-price mb-0">$65.00</h6>
</div>
</div>
<a href="javascript:void(0);" class="dz-close">
<i class="ti-close"></i>
</a>
</div>
</li>
</ul>
<div class="mt-auto">
<a href="shop-wishlist.html" class="btn btn-secondary btn-block">Check Your Favourite</a>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Sidebar cart -->
<!-- Sidebar finter -->
<div class="offcanvas dz-offcanvas offcanvas offcanvas-end " tabindex="-1" id="offcanvasLeft">
<button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close">
×
</button>
<div class="offcanvas-body">
<div class="product-description">
<div class="widget widget_search">
<div class="form-group">
<div class="input-group">
<input name="dzSearch" required="required" type="search" class="form-control" placeholder="Search Product">
<div class="input-group-addon">
<button name="submit" value="Submit" type="submit" class="btn">
<i class="icon feather icon-search"></i>
</button>
</div>
</div>
</div>
</div>
<div class="widget">
<h6 class="widget-title">Price</h6>
<div class="price-slide range-slider">
<div class="price">
<div class="range-slider style-1">
<div id="slider-tooltips" class="mb-3"></div>
<span class="example-val" id="slider-margin-value-min"></span>
<span class="example-val" id="slider-margin-value-max"></span>
</div>
</div>
</div>
</div>
<div class="widget">
<h6 class="widget-title">Color</h6>
<div class="d-flex align-items-center flex-wrap color-filter ps-2">
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel1" value="#000000" aria-label="..." checked>
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel2" value="#9BD1FF" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel3" value="#21B290" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel4" value="#FEC4C4" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel5" value="#FF7354" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel6" value="#51EDC8" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel7" value="#B77CF3" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel8" value="#FF4A76" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel9" value="#3E68FF" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabe20" value="#7BEF68" aria-label="...">
<span></span>
</div>
</div>
</div>
<div class="widget">
<h6 class="widget-title">Size</h6>
<div class="btn-group product-size">
<input type="radio" class="btn-check" name="btnradio1" id="btnradio11" checked="">
<label class="btn" for="btnradio11">4</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradio21">
<label class="btn" for="btnradio21">6</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradio31">
<label class="btn" for="btnradio31">8</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradio41">
<label class="btn" for="btnradio41">10</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradio51">
<label class="btn" for="btnradio51">12</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradio61">
<label class="btn" for="btnradio61">14</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradio71">
<label class="btn" for="btnradio71">16</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradio81">
<label class="btn" for="btnradio81">18</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradio91">
<label class="btn" for="btnradio91">20</label>
</div>
</div>
<div class="widget widget_categories">
<h6 class="widget-title">Category</h6>
<ul>
<li class="cat-item cat-item-26"><a href="blog-category.html">Dresses</a> (10)</li>
<li class="cat-item cat-item-36"><a href="blog-category.html">Top & Blouses</a> (5)</li>
<li class="cat-item cat-item-43"><a href="blog-category.html">Boots</a> (17)</li>
<li class="cat-item cat-item-27"><a href="blog-category.html">Jewelry</a> (13)</li>
<li class="cat-item cat-item-40"><a href="blog-category.html">Makeup</a> (06)</li>
<li class="cat-item cat-item-40"><a href="blog-category.html">Fragrances</a> (17)</li>
<li class="cat-item cat-item-40"><a href="blog-category.html">Shaving & Grooming</a> (13)</li>
<li class="cat-item cat-item-43"><a href="blog-category.html">Jacket</a> (06)</li>
<li class="cat-item cat-item-36"><a href="blog-category.html">Coat</a> (22)</li>
</ul>
</div>
<div class="widget widget_tag_cloud">
<h6 class="widget-title">Tags</h6>
<div class="tagcloud">
<a href="blog-tag.html">Vintage </a>
<a href="blog-tag.html">Wedding</a>
<a href="blog-tag.html">Cotton</a>
<a href="blog-tag.html">Linen</a>
<a href="blog-tag.html">Navy</a>
<a href="blog-tag.html">Urban</a>
<a href="blog-tag.html">Business Meeting</a>
<a href="blog-tag.html">Formal</a>
</div>
</div>
<a href="javascript:void(0);" class="btn btn-sm font-14 btn-secondary btn-sharp">RESET</a>
</div>
</div>
</div>
<!-- filter sidebar -->
</header>
<!-- Header End -->
<div class="page-content bg-light">
<!--Banner Start-->
<div class="dz-bnr-inr contact_banner" style="background-color: #f8e170;">
<div class="container">
<div class="dz-bnr-inr-entry ">
<h1>Shop Sidebar</h1>
<nav aria-label="breadcrumb" class="breadcrumb-row">
<ul class="breadcrumb contact-header">
<li class="breadcrumb-item"><a href="index.html"> Home</a></li>
<li class="breadcrumb-item">Shop Sidebar</li>
</ul>
</nav>
</div>
</div>
</div>
<!--Banner End-->
<section class="content-inner-3 pt-3 z-index-unset mt-4">
<div class="container">
<div class="row">
<div class="col-xl-3 col-lg-12">
<div class="sticky-xl-top">
<a href="javascript:void(0);" class="panel-close-btn">
<svg width="35" height="35" viewbox="0 0 51 50" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M37.748 12.5L12.748 37.5" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
<path d="M12.748 12.5L37.748 37.5" stroke="white" stroke-width="1.25" stroke-linecap="round" stroke-linejoin="round"></path>
</svg>
</a>
<div class="d-flex align-items-center justify-content-between m-b30">
<h6 class="title mb-0 fw-normal d-flex">
<i class="flaticon-filter me-3"></i>
Filter
</h6>
</div>
<div class="shop-filter mt-xl-2 mt-0">
<aside>
<div class="widget widget_search">
<div class="form-group">
<h3>Search Product</h3>
<div class="input-group">
<input name="dzSearch" required="required" type="search" class="form-control text-start" placeholder="Search Product">
<div class="input-group-addon">
<button name="submit" value="Submit" type="submit" class="btn ">
<i class="icon feather icon-search"></i>
</button>
</div>
</div>
</div>
</div>
<!-- <div class="widget">
<h6 class="widget-title">Price</h6>
<div class="price-slide range-slider">
<div class="price">
<div class="range-slider style-1">
<div id="slider-tooltips2" class="mb-3"></div>
<span class="example-val" id="slider-margin-value-min2"></span>
<span class="example-val" id="slider-margin-value-max2"></span>
</div>
</div>
</div>
</div> -->
<!-- <div class="widget">
<h6 class="widget-title">Color</h6>
<div class="d-flex align-items-center flex-wrap color-filter ps-2">
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel01" value="#000000" aria-label="..." checked="">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel02" value="#9BD1FF" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel03" value="#21B290" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel04" value="#FEC4C4" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel05" value="#FF7354" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel06" value="#51EDC8" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel07" value="#B77CF3" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel08" value="#FF4A76" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel09" value="#3E68FF" aria-label="...">
<span></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel20" value="#7BEF68" aria-label="...">
<span></span>
</div>
</div>
</div> -->
<!--
<div class="widget">
<h6 class="widget-title">Size</h6>
<div class="btn-group product-size">
<input type="radio" class="btn-check" name="btnradio1" id="btnradio101" checked="">
<label class="btn" for="btnradio101">4</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradiol02">
<label class="btn" for="btnradiol02">6</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradiol03">
<label class="btn" for="btnradiol03">8</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradiol04">
<label class="btn" for="btnradiol04">10</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradiol05">
<label class="btn" for="btnradiol05">12</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradiol06">
<label class="btn" for="btnradiol06">14</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradiol07">
<label class="btn" for="btnradiol07">16</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradiol08">
<label class="btn" for="btnradiol08">18</label>
<input type="radio" class="btn-check" name="btnradio1" id="btnradiol09">
<label class="btn" for="btnradiol09">20</label>
</div>
</div> -->
<div class="widget widget_categories">
<h6 class="widget-title">Category</h6>
<ul>
<li class="cat-item cat-item-26"><a href="blog-category.html">Dresses</a> (10)</li>
<li class="cat-item cat-item-36"><a href="blog-category.html">Top & Blouses</a> (5)</li>
<li class="cat-item cat-item-43"><a href="blog-category.html">Boots</a> (17)</li>
<li class="cat-item cat-item-27"><a href="blog-category.html">Jewelry</a> (13)</li>
<li class="cat-item cat-item-40"><a href="blog-category.html">Makeup</a> (06)</li>
<li class="cat-item cat-item-40"><a href="blog-category.html">Fragrances</a> (17)</li>
<li class="cat-item cat-item-40"><a href="blog-category.html">Shaving & Grooming</a> (13)</li>
<li class="cat-item cat-item-43"><a href="blog-category.html">Jacket</a> (06)</li>
<li class="cat-item cat-item-36"><a href="blog-category.html">Coat</a> (22)</li>
</ul>
</div>
<div class="widget widget_tag_cloud">
<h6 class="widget-title">Tags</h6>
<div class="tagcloud">
<a href="blog-tag.html">Vintage </a>
<a href="blog-tag.html">Wedding</a>
<a href="blog-tag.html">Cotton</a>
<a href="blog-tag.html">Linen</a>
<a href="blog-tag.html">Navy</a>
<a href="blog-tag.html">Urban</a>
<a href="blog-tag.html">Business Meeting</a>
<a href="blog-tag.html">Formal</a>
</div>
</div>
<a href="javascript:void(0);" class="btn btn-sm font-14 btn-secondary btn-sharp">RESET</a>
</aside>
</div>
</div>
</div>
<div class="col-xl-9 col-lg-12">
<div class="filter-wrapper">
<div class="filter-left-area">
<ul class="filter-tag">
<li>
<a href="javascript:void(0);" class="tag-btn">Dresses
<i class="icon feather icon-x tag-close"></i>
</a>
</li>
<li>
<a href="javascript:void(0);" class="tag-btn">Tops
<i class="icon feather icon-x tag-close"></i>
</a>
</li>
</ul>
<!-- <span>Showing 1–5 Of 50 Results</span> -->
</div>
<div class="filter-right-area">
<a href="javascript:void(0);" class="panel-btn">
<svg class="me-2" xmlns="http://www.w3.org/2000/svg" viewbox="0 0 25 25" width="20" height="20"><g id="Layer_28" data-name="Layer 28"><path d="M2.54,5H15v.5A1.5,1.5,0,0,0,16.5,7h2A1.5,1.5,0,0,0,20,5.5V5h2.33a.5.5,0,0,0,0-1H20V3.5A1.5,1.5,0,0,0,18.5,2h-2A1.5,1.5,0,0,0,15,3.5V4H2.54a.5.5,0,0,0,0,1ZM16,3.5a.5.5,0,0,1,.5-.5h2a.5.5,0,0,1,.5.5v2a.5.5,0,0,1-.5.5h-2a.5.5,0,0,1-.5-.5Z"></path><path d="M22.4,20H18v-.5A1.5,1.5,0,0,0,16.5,18h-2A1.5,1.5,0,0,0,13,19.5V20H2.55a.5.5,0,0,0,0,1H13v.5A1.5,1.5,0,0,0,14.5,23h2A1.5,1.5,0,0,0,18,21.5V21h4.4a.5.5,0,0,0,0-1ZM17,21.5a.5.5,0,0,1-.5.5h-2a.5.5,0,0,1-.5-.5v-2a.5.5,0,0,1,.5-.5h2a.5.5,0,0,1,.5.5Z"></path><path d="M8.5,15h2A1.5,1.5,0,0,0,12,13.5V13H22.45a.5.5,0,1,0,0-1H12v-.5A1.5,1.5,0,0,0,10.5,10h-2A1.5,1.5,0,0,0,7,11.5V12H2.6a.5.5,0,1,0,0,1H7v.5A1.5,1.5,0,0,0,8.5,15ZM8,11.5a.5.5,0,0,1,.5-.5h2a.5.5,0,0,1,.5.5v2a.5.5,0,0,1-.5.5h-2a.5.5,0,0,1-.5-.5Z"></path></g></svg>
Filter
</a>
<!-- <div class="form-group">
<select class="default-select">
<option>Latest</option>
<option>Popularity</option>
<option>Average rating</option>
<option>Latest</option>
<option>Low to high</option>
<option>high to Low</option>
</select>
</div>
<div class="form-group Category">
<select class="default-select">
<option>Products</option>
<option>9 Products</option>
<option>12 Products</option>
<option>14 Products</option>
<option>18 Products</option>
<option>24 Products</option>
</select>
</div> -->
<div class="shop-tab">
<ul class="nav" role="tablist" id="dz-shop-tab">
<!-- <li class="nav-item" role="presentation">
<a href="#tab-list-list" class="nav-link active" id="tab-list-list-btn" data-bs-toggle="pill" data-bs-target="#tab-list-list" role="tab" aria-controls="tab-list-list" aria-selected="true">
<svg width="512" height="512" viewbox="0 0 512 512" fill="none" xmlns="http://www.w3.org/2000/svg">
<g clip-path="url(#clip0_121_190)">
<path d="M42.667 373.333H96C119.564 373.333 138.667 392.436 138.667 416V469.333C138.667 492.898 119.564 512 96 512H42.667C19.103 512 0 492.898 0 469.333V416C0 392.436 19.103 373.333 42.667 373.333Z" fill="black"></path>
<path d="M42.667 186.667H96C119.564 186.667 138.667 205.77 138.667 229.334V282.667C138.667 306.231 119.564 325.334 96 325.334H42.667C19.103 325.333 0 306.231 0 282.667V229.334C0 205.769 19.103 186.667 42.667 186.667Z" fill="black"></path>
<path d="M42.667 0H96C119.564 0 138.667 19.103 138.667 42.667V96C138.667 119.564 119.564 138.667 96 138.667H42.667C19.103 138.667 0 119.564 0 96V42.667C0 19.103 19.103 0 42.667 0Z" fill="black"></path>
<path d="M230.565 373.333H468.437C492.682 373.333 512.336 392.436 512.336 416V469.333C512.336 492.897 492.682 512 468.437 512H230.565C206.32 512 186.666 492.898 186.666 469.333V416C186.667 392.436 206.32 373.333 230.565 373.333Z" fill="black"></path>
<path d="M230.565 186.667H468.437C492.682 186.667 512.336 205.77 512.336 229.334V282.667C512.336 306.231 492.682 325.334 468.437 325.334H230.565C206.32 325.334 186.666 306.231 186.666 282.667V229.334C186.667 205.769 206.32 186.667 230.565 186.667Z" fill="black"></path>
<path d="M230.565 0H468.437C492.682 0 512.336 19.103 512.336 42.667V96C512.336 119.564 492.682 138.667 468.437 138.667H230.565C206.32 138.667 186.666 119.564 186.666 96V42.667C186.667 19.103 206.32 0 230.565 0Z" fill="black"></path>
</g>
<defs>
<clippath id="clip0_121_190">
<rect width="512" height="512" fill="white"></rect>
</clippath>
</defs>
</svg>
</a>
</li> -->
<li class="nav-item" role="presentation">
<a href="#tab-list-column" class="nav-link" id="tab-list-column-btn" data-bs-toggle="pill" data-bs-target="#tab-list-column" role="tab" aria-controls="tab-list-column" aria-selected="false">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_1" x="0px" y="0px" viewbox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="512" height="512">
<g>
<path d="M85.333,0h64c47.128,0,85.333,38.205,85.333,85.333v64c0,47.128-38.205,85.333-85.333,85.333h-64 C38.205,234.667,0,196.462,0,149.333v-64C0,38.205,38.205,0,85.333,0z"></path>
<path d="M362.667,0h64C473.795,0,512,38.205,512,85.333v64c0,47.128-38.205,85.333-85.333,85.333h-64 c-47.128,0-85.333-38.205-85.333-85.333v-64C277.333,38.205,315.538,0,362.667,0z"></path>
<path d="M85.333,277.333h64c47.128,0,85.333,38.205,85.333,85.333v64c0,47.128-38.205,85.333-85.333,85.333h-64 C38.205,512,0,473.795,0,426.667v-64C0,315.538,38.205,277.333,85.333,277.333z"></path>
<path d="M362.667,277.333h64c47.128,0,85.333,38.205,85.333,85.333v64C512,473.795,473.795,512,426.667,512h-64 c-47.128,0-85.333-38.205-85.333-85.333v-64C277.333,315.538,315.538,277.333,362.667,277.333z"></path>
</g>
</svg>
</a>
</li>
<li class="nav-item" role="presentation">
<a href="#tab-list-grid" class="nav-link" id="tab-list-grid-btn" data-bs-toggle="pill" data-bs-target="#tab-list-grid" role="tab" aria-controls="tab-list-grid" aria-selected="false">
<svg xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" version="1.1" id="Capa_2" x="0px" y="0px" viewbox="0 0 512 512" style="enable-background:new 0 0 512 512;" xml:space="preserve" width="512" height="512"><g>
<path d="M42.667,373.333H96c23.564,0,42.667,19.103,42.667,42.667v53.333C138.667,492.898,119.564,512,96,512H42.667 C19.103,512,0,492.898,0,469.333V416C0,392.436,19.103,373.333,42.667,373.333z"></path>
<path d="M416,373.333h53.333C492.898,373.333,512,392.436,512,416v53.333C512,492.898,492.898,512,469.333,512H416 c-23.564,0-42.667-19.102-42.667-42.667V416C373.333,392.436,392.436,373.333,416,373.333z"></path>
<path d="M42.667,186.667H96c23.564,0,42.667,19.103,42.667,42.667v53.333c0,23.564-19.103,42.667-42.667,42.667H42.667 C19.103,325.333,0,306.231,0,282.667v-53.333C0,205.769,19.103,186.667,42.667,186.667z"></path>
<path d="M416,186.667h53.333c23.564,0,42.667,19.103,42.667,42.667v53.333c0,23.564-19.102,42.667-42.667,42.667H416 c-23.564,0-42.667-19.103-42.667-42.667v-53.333C373.333,205.769,392.436,186.667,416,186.667z"></path>
<path d="M42.667,0H96c23.564,0,42.667,19.103,42.667,42.667V96c0,23.564-19.103,42.667-42.667,42.667H42.667 C19.103,138.667,0,119.564,0,96V42.667C0,19.103,19.103,0,42.667,0z"></path>
<path d="M229.333,373.333h53.333c23.564,0,42.667,19.103,42.667,42.667v53.333c0,23.564-19.103,42.667-42.667,42.667h-53.333 c-23.564,0-42.667-19.102-42.667-42.667V416C186.667,392.436,205.769,373.333,229.333,373.333z"></path>
<path d="M229.333,186.667h53.333c23.564,0,42.667,19.103,42.667,42.667v53.333c0,23.564-19.103,42.667-42.667,42.667h-53.333 c-23.564,0-42.667-19.103-42.667-42.667v-53.333C186.667,205.769,205.769,186.667,229.333,186.667z"></path>
<path d="M229.333,0h53.333c23.564,0,42.667,19.103,42.667,42.667V96c0,23.564-19.103,42.667-42.667,42.667h-53.333 c-23.564,0-42.667-19.103-42.667-42.667V42.667C186.667,19.103,205.769,0,229.333,0z"></path>
<path d="M416,0h53.333C492.898,0,512,19.103,512,42.667V96c0,23.564-19.102,42.667-42.667,42.667H416 c-23.564,0-42.667-19.103-42.667-42.667V42.667C373.333,19.103,392.436,0,416,0z"></path>
</g>
</svg>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="row">
<div class="col-12 tab-content shop-" id="pills-tabContent">
<div class="tab-pane fade" id="tab-list-list" role="tabpanel" aria-labelledby="tab-list-list-btn">
<div class="row">
<div class="col-md-12 col-sm-12">
<div class="dz-shop-card style-2">
<div class="dz-media">
<img src="images/shop/product/1.png" alt="image">
</div>
<div class="dz-content">
<div class="dz-header">
<div>
<h4 class="title mb-0"><a href="shop-with-category.html">Stylish Fedora Hat Collection</a></h4>
<ul class="dz-tags">
<li><a href="shop-with-category.html">Accessories,</a></li>
<li><a href="shop-with-category.html">Sunglasses</a></li>
</ul>
</div>
<div class="review-num">
<ul class="dz-rating">
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li>
<i class="flaticon-star-1"></i>
</li>
<li>
<i class="flaticon-star-1"></i>
</li>
</ul>
<span><a href="javascript:void(0);"> 370 Review</a></span>
</div>
</div>
<div class="dz-body">
<div class="dz-rating-box">
<div>
<p class="dz-para">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
</div>
</div>
<div class="rate">
<div class="d-flex align-items-center mb-xl-3 mb-2">
<div class="meta-content">
<span class="price-name">Price</span>
<span class="price">$40.00</span>
</div>
<div class="meta-content">
<span class="color-name">Color</span>
<div class="d-flex align-items-center color-filter">
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel11" value="#24262B" aria-label="..." checked="">
<span style="background-color: rgb(36, 38, 43);"></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel12" value="#8CB2D1" aria-label="...">
<span style="background-color: rgb(140, 178, 209);"></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel13" value="#0D775E" aria-label="...">
<span style="background-color: rgb(13, 119, 94);"></span>
</div>
</div>
</div>
</div>
<div class="d-flex">
<a href="shop-cart.html" class="btn btn-secondary btn-md btn-icon">
<i class="icon feather icon-shopping-cart d-md-none d-block"></i>
<span class="d-md-block d-none">Add to cart</span>
</a>
<div class="bookmark-btn style-1">
<input class="form-check-input" type="checkbox" id="favoriteCheck1">
<label class="form-check-label" for="favoriteCheck1">
<i class="fa-solid fa-heart"></i>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12">
<div class="dz-shop-card style-2">
<div class="dz-media">
<img src="images/shop/product/5.png" alt="image">
</div>
<div class="dz-content">
<div class="dz-header">
<div>
<h4 class="title mb-0"><a href="shop-with-category.html">Sophisticated Swagger Suit</a></h4>
<ul class="dz-tags">
<li><a href="shop-with-category.html">Accessories,</a></li>
<li><a href="shop-with-category.html">Sunglasses</a></li>
</ul>
</div>
<div class="review-num">
<ul class="dz-rating">
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li>
<i class="flaticon-star-1"></i>
</li>
<li>
<i class="flaticon-star-1"></i>
</li>
</ul>
<span><a href="javascript:void(0);"> 255 Review</a></span>
</div>
</div>
<div class="dz-body">
<div class="dz-rating-box">
<div>
<p class="dz-para">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
</div>
</div>
<div class="rate">
<div class="d-flex align-items-center mb-xl-3 mb-2">
<div class="meta-content">
<span class="price-name">Price</span>
<span class="price">$55.00</span>
</div>
<div class="meta-content">
<span class="color-name">Color</span>
<div class="d-flex align-items-center color-filter">
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel14" value="#24262B" aria-label="..." checked="">
<span style="background-color: rgb(36, 38, 43);"></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel15" value="#8CB2D1" aria-label="...">
<span style="background-color: rgb(140, 178, 209);"></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel16" value="#0D775E" aria-label="...">
<span style="background-color: rgb(13, 119, 94);"></span>
</div>
</div>
</div>
</div>
<div class="d-flex">
<a href="shop-cart.html" class="btn btn-secondary btn-md btn-icon">
<i class="icon feather icon-shopping-cart d-md-none d-block"></i>
<span class="d-md-block d-none">Add to cart</span>
</a>
<div class="bookmark-btn style-1">
<input class="form-check-input" type="checkbox" id="flexCheckDefault2">
<label class="form-check-label" for="flexCheckDefault2">
<i class="fa-solid fa-heart"></i>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12">
<div class="dz-shop-card style-2">
<div class="dz-media">
<img src="images/shop/product/3.png" alt="image">
</div>
<div class="dz-content">
<div class="dz-header">
<div>
<h4 class="title mb-0"><a href="shop-with-category.html">Retro Sunglasses Collection</a></h4>
<ul class="dz-tags">
<li><a href="shop-with-category.html">Accessories,</a></li>
<li><a href="shop-with-category.html">Sunglasses</a></li>
</ul>
</div>
<div class="review-num">
<ul class="dz-rating">
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li>
<i class="flaticon-star-1"></i>
</li>
<li>
<i class="flaticon-star-1"></i>
</li>
</ul>
<span><a href="javascript:void(0);"> 455 Review</a></span>
</div>
</div>
<div class="dz-body">
<div class="dz-rating-box">
<div>
<p class="dz-para">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
</div>
</div>
<div class="rate">
<div class="d-flex align-items-center mb-xl-3 mb-2">
<div class="meta-content">
<span class="price-name">Price</span>
<span class="price">$56.00</span>
</div>
<div class="meta-content">
<span class="color-name">Color</span>
<div class="d-flex align-items-center color-filter">
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel17" value="#24262B" aria-label="..." checked="">
<span style="background-color: rgb(36, 38, 43);"></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel18" value="#8CB2D1" aria-label="...">
<span style="background-color: rgb(140, 178, 209);"></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel19" value="#0D775E" aria-label="...">
<span style="background-color: rgb(13, 119, 94);"></span>
</div>
</div>
</div>
</div>
<div class="d-flex">
<a href="shop-cart.html" class="btn btn-secondary btn-md btn-icon">
<i class="icon feather icon-shopping-cart d-md-none d-block"></i>
<span class="d-md-block d-none">Add to cart</span>
</a>
<div class="bookmark-btn style-1">
<input class="form-check-input" type="checkbox" id="flexCheckDefault3">
<label class="form-check-label" for="flexCheckDefault3">
<i class="fa-solid fa-heart"></i>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-12 col-sm-12">
<div class="dz-shop-card style-2">
<div class="dz-media">
<img src="images/shop/product/.png" alt="image">
</div>
<div class="dz-content">
<div class="dz-header">
<div>
<h4 class="title mb-0"><a href="shop-with-category.html">Stylish Fedora Hat Collection</a></h4>
<ul class="dz-tags">
<li><a href="shop-with-category.html">Accessories,</a></li>
<li><a href="shop-with-category.html">Sunglasses</a></li>
</ul>
</div>
<div class="review-num">
<ul class="dz-rating">
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li>
<i class="flaticon-star-1"></i>
</li>
<li>
<i class="flaticon-star-1"></i>
</li>
</ul>
<span><a href="javascript:void(0);"> 370 Review</a></span>
</div>
</div>
<div class="dz-body">
<div class="dz-rating-box">
<div>
<p class="dz-para">It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.</p>
</div>
</div>
<div class="rate">
<div class="d-flex align-items-center mb-xl-3 mb-2">
<div class="meta-content">
<span class="price-name">Price</span>
<span class="price">$80.00</span>
</div>
<div class="meta-content">
<span class="color-name">Color</span>
<div class="d-flex align-items-center color-filter">
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel21" value="#24262B" aria-label="..." checked="">
<span style="background-color: rgb(36, 38, 43);"></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel22" value="#8CB2D1" aria-label="...">
<span style="background-color: rgb(140, 178, 209);"></span>
</div>
<div class="form-check">
<input class="form-check-input" type="radio" name="radioNoLabel" id="radioNoLabel23" value="#0D775E" aria-label="...">
<span style="background-color: rgb(13, 119, 94);"></span>
</div>
</div>
</div>
</div>
<div class="d-flex">
<a href="shop-cart.html" class="btn btn-secondary btn-md btn-icon">
<i class="icon feather icon-shopping-cart d-md-none d-block"></i>
<span class="d-md-block d-none">Add to cart</span>
</a>
<div class="bookmark-btn style-1">
<input class="form-check-input" type="checkbox" id="flexCheckDefault4">
<label class="form-check-label" for="flexCheckDefault4">
<i class="fa-solid fa-heart"></i>
</label>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade" id="tab-list-column" role="tabpanel" aria-labelledby="tab-list-column-btn">
<div class="row gx-xl-4 g-3 mb-xl-0 mb-md-0 mb-3">
<div class="col-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card card_wrapper">
<div class="dz-media">
<img src="images/shop/product/1.png" alt="image">
<div class="shop-meta">
<div>
<div class=" meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
<span class="wishlist-view-text">Wishlist</span>
</div>
<div class=" meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-basket-on dz-heart-fill"></i>
<span class="compare-view-text">Compare</span>
</div>
<div class=" meta-icon dz-carticon">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="flaticon flaticon-eye"></i>
<span class="quick-view-text">Quick View</span>
</a>
</div>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<!-- <span class="badge ">Get 20% Off</span> -->
</div>
</div>
</div>
<div class="col-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card card_wrapper">
<div class="dz-media">
<img src="images/shop/product/2.png" alt="image">
<div class="shop-meta">
<div>
<div class=" meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
<span class="wishlist-view-text">Wishlist</span>
</div>
<div class=" meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-basket-on dz-heart-fill"></i>
<span class="compare-view-text">Compare</span>
</div>
<div class=" meta-icon dz-carticon">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="flaticon flaticon-eye"></i>
<span class="quick-view-text">Quick View</span>
</a>
</div>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<!-- <span class="badge ">Get 20% Off</span> -->
</div>
</div>
</div>
<div class="col-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card card_wrapper">
<div class="dz-media">
<img src="images/shop/product/3.png" alt="image">
<div class="shop-meta">
<div>
<div class=" meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
<span class="wishlist-view-text">Wishlist</span>
</div>
<div class=" meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-basket-on dz-heart-fill"></i>
<span class="compare-view-text">Compare</span>
</div>
<div class=" meta-icon dz-carticon">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="flaticon flaticon-eye"></i>
<span class="quick-view-text">Quick View</span>
</a>
</div>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<!-- <span class="badge ">Get 20% Off</span> -->
</div>
</div>
</div>
<div class="col-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card card_wrapper">
<div class="dz-media">
<img src="images/shop/product/4.png" alt="image">
<div class="shop-meta">
<div>
<div class=" meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
<span class="wishlist-view-text">Wishlist</span>
</div>
<div class=" meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-basket-on dz-heart-fill"></i>
<span class="compare-view-text">Compare</span>
</div>
<div class=" meta-icon dz-carticon">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="flaticon flaticon-eye"></i>
<span class="quick-view-text">Quick View</span>
</a>
</div>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<!-- <span class="badge ">Get 20% Off</span> -->
</div>
</div>
</div>
<div class="col-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card card_wrapper">
<div class="dz-media">
<img src="images/shop/product/5.png" alt="image">
<div class="shop-meta">
<div>
<div class=" meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
<span class="wishlist-view-text">Wishlist</span>
</div>
<div class=" meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-basket-on dz-heart-fill"></i>
<span class="compare-view-text">Compare</span>
</div>
<div class=" meta-icon dz-carticon">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="flaticon flaticon-eye"></i>
<span class="quick-view-text">Quick View</span>
</a>
</div>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<!-- <span class="badge ">Get 20% Off</span> -->
</div>
</div>
</div>
<div class="col-6 col-xl-6 col-lg-6 col-md-6 col-sm-6 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card card_wrapper">
<div class="dz-media">
<img src="images/shop/product/6.png" alt="image">
<div class="shop-meta">
<div>
<div class=" meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
<span class="wishlist-view-text">Wishlist</span>
</div>
<div class=" meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-basket-on dz-heart-fill"></i>
<span class="compare-view-text">Compare</span>
</div>
<div class=" meta-icon dz-carticon">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="flaticon flaticon-eye"></i>
<span class="quick-view-text">Quick View</span>
</a>
</div>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<!-- <span class="badge ">Get 20% Off</span> -->
</div>
</div>
</div>
</div>
</div>
<div class="tab-pane fade show active" id="tab-list-grid" role="tabpanel" aria-labelledby="tab-list-grid-btn">
<div class="row gx-xl-4 g-3 mb-xl-0 mb-md-0 mb-3">
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card card_wrapper">
<div class="dz-media">
<img src="images/shop/product/1.png" alt="image">
<div class="shop-meta">
<div>
<div class=" meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
<span class="wishlist-view-text">Wishlist</span>
</div>
<div class=" meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-basket-on dz-heart-fill"></i>
<span class="compare-view-text">Compare</span>
</div>
<div class=" meta-icon dz-carticon">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="flaticon flaticon-eye"></i>
<span class="quick-view-text">Quick View</span>
</a>
</div>
</div>
<a class=" btn-lg btnhover20 btn_radius add_cart" href="shop-standard.html">Add to cart</a>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<!-- <span class="badge ">Get 20% Off</span> -->
</div>
</div>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card card_wrapper">
<div class="dz-media">
<img src="images/shop/product/2.png" alt="image">
<div class="shop-meta">
<div>
<div class=" meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
<span class="wishlist-view-text">Wishlist</span>
</div>
<div class=" meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-basket-on dz-heart-fill"></i>
<span class="compare-view-text">Compare</span>
</div>
<div class=" meta-icon dz-carticon">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="flaticon flaticon-eye"></i>
<span class="quick-view-text">Quick View</span>
</a>
</div>
</div>
<a class=" btn-lg btnhover20 btn_radius add_cart" href="shop-standard.html">Add to cart</a>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<!-- <span class="badge ">Get 20% Off</span> -->
</div>
</div>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card card_wrapper">
<div class="dz-media">
<img src="images/shop/product/3.png" alt="image">
<div class="shop-meta">
<div>
<div class=" meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
<span class="wishlist-view-text">Wishlist</span>
</div>
<div class=" meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-basket-on dz-heart-fill"></i>
<span class="compare-view-text">Compare</span>
</div>
<div class=" meta-icon dz-carticon">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="flaticon flaticon-eye"></i>
<span class="quick-view-text">Quick View</span>
</a>
</div>
</div>
<a class=" btn-lg btnhover20 btn_radius add_cart" href="shop-standard.html">Add to cart</a>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<!-- <span class="badge ">Get 20% Off</span> -->
</div>
</div>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card card_wrapper">
<div class="dz-media">
<img src="images/shop/product/4.png" alt="image">
<div class="shop-meta">
<div>
<div class=" meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
<span class="wishlist-view-text">Wishlist</span>
</div>
<div class=" meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-basket-on dz-heart-fill"></i>
<span class="compare-view-text">Compare</span>
</div>
<div class=" meta-icon dz-carticon">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="flaticon flaticon-eye"></i>
<span class="quick-view-text">Quick View</span>
</a>
</div>
</div>
<a class=" btn-lg btnhover20 btn_radius add_cart" href="shop-standard.html">Add to cart</a>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<!-- <span class="badge ">Get 20% Off</span> -->
</div>
</div>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card card_wrapper">
<div class="dz-media">
<img src="images/shop/product/5.png" alt="image">
<div class="shop-meta">
<div>
<div class=" meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
<span class="wishlist-view-text">Wishlist</span>
</div>
<div class=" meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-basket-on dz-heart-fill"></i>
<span class="compare-view-text">Compare</span>
</div>
<div class=" meta-icon dz-carticon">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="flaticon flaticon-eye"></i>
<span class="quick-view-text">Quick View</span>
</a>
</div>
</div>
<a class=" btn-lg btnhover20 btn_radius add_cart" href="shop-standard.html">Add to cart</a>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<!-- <span class="badge ">Get 20% Off</span> -->
</div>
</div>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card card_wrapper">
<div class="dz-media">
<img src="images/shop/product/6.png" alt="image">
<div class="shop-meta">
<div>
<div class=" meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
<span class="wishlist-view-text">Wishlist</span>
</div>
<div class=" meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-basket-on dz-heart-fill"></i>
<span class="compare-view-text">Compare</span>
</div>
<div class=" meta-icon dz-carticon">
<a href="javascript:void(0);" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="flaticon flaticon-eye"></i>
<span class="quick-view-text">Quick View</span>
</a>
</div>
</div>
<a class=" btn-lg btnhover20 btn_radius add_cart" href="shop-standard.html">Add to cart</a>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<!-- <span class="badge ">Get 20% Off</span> -->
</div>
</div>
</div>
<!-- <div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card style-1">
<div class="dz-media">
<img src="images/shop/product/2.png" alt="image">
<div class="shop-meta">
<a href="javascript:void(0);" class="btn btn-secondary btn-md btn-rounded" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="fa-solid fa-eye d-md-none d-block"></i>
<span class="d-md-block d-none">Quick View</span>
</a>
<div class="btn btn-primary meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
</div>
<div class="btn btn-primary meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-shopping-basket-on dz-heart-fill"></i>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Sophisticated Swagger Suit</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<span class="badge ">Get 20% Off</span>
</div>
</div>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card style-1">
<div class="dz-media">
<img src="images/shop/product/3.png" alt="image">
<div class="shop-meta">
<a href="javascript:void(0);" class="btn btn-secondary btn-md btn-rounded" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="fa-solid fa-eye d-md-none d-block"></i>
<span class="d-md-block d-none">Quick View</span>
</a>
<div class="btn btn-primary meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
</div>
<div class="btn btn-primary meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-shopping-basket-on dz-heart-fill"></i>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Classic Denim Skinny Jeans</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<span class="badge ">Get 20% Off</span>
</div>
</div>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card style-1">
<div class="dz-media">
<img src="images/shop/product/4.png" alt="image">
<div class="shop-meta">
<a href="javascript:void(0);" class="btn btn-secondary btn-md btn-rounded" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="fa-solid fa-eye d-md-none d-block"></i>
<span class="d-md-block d-none">Quick View</span>
</a>
<div class="btn btn-primary meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
</div>
<div class="btn btn-primary meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-shopping-basket-on dz-heart-fill"></i>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Athletic Mesh Sports Leggings</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<span class="badge ">Get 20% Off</span>
</div>
</div>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card style-1">
<div class="dz-media">
<img src="images/shop/product/5.png" alt="image">
<div class="shop-meta">
<a href="javascript:void(0);" class="btn btn-secondary btn-md btn-rounded" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="fa-solid fa-eye d-md-none d-block"></i>
<span class="d-md-block d-none">Quick View</span>
</a>
<div class="btn btn-primary meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
</div>
<div class="btn btn-primary meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-shopping-basket-on dz-heart-fill"></i>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Vintage Denim Overalls Shorts</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<span class="badge ">Get 20% Off</span>
</div>
</div>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card style-1">
<div class="dz-media">
<img src="images/shop/product/6.png" alt="image">
<div class="shop-meta">
<a href="javascript:void(0);" class="btn btn-secondary btn-md btn-rounded" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="fa-solid fa-eye d-md-none d-block"></i>
<span class="d-md-block d-none">Quick View</span>
</a>
<div class="btn btn-primary meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
</div>
<div class="btn btn-primary meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-shopping-basket-on dz-heart-fill"></i>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Satin Wrap Party Blouse</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<span class="badge ">Get 20% Off</span>
</div>
</div>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card style-1">
<div class="dz-media">
<img src="images/shop/product/7.png" alt="image">
<div class="shop-meta">
<a href="javascript:void(0);" class="btn btn-secondary btn-md btn-rounded" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="fa-solid fa-eye d-md-none d-block"></i>
<span class="d-md-block d-none">Quick View</span>
</a>
<div class="btn btn-primary meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
</div>
<div class="btn btn-primary meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-shopping-basket-on dz-heart-fill"></i>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Plaid Wool Winter Coat</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<span class="badge ">Get 20% Off</span>
</div>
</div>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card style-1">
<div class="dz-media">
<img src="images/shop/product/8.png" alt="image">
<div class="shop-meta">
<a href="javascript:void(0);" class="btn btn-secondary btn-md btn-rounded" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="fa-solid fa-eye d-md-none d-block"></i>
<span class="d-md-block d-none">Quick View</span>
</a>
<div class="btn btn-primary meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
</div>
<div class="btn btn-primary meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-shopping-basket-on dz-heart-fill"></i>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Water-Resistant Windbreaker Jacket</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<span class="badge ">Get 20% Off</span>
</div>
</div>
</div>
<div class="col-6 col-xl-4 col-lg-4 col-md-4 col-sm-4 m-md-b15 m-sm-b0 m-b30">
<div class="shop-card style-1">
<div class="dz-media">
<img src="images/shop/product/9.png" alt="image">
<div class="shop-meta">
<a href="javascript:void(0);" class="btn btn-secondary btn-md btn-rounded" data-bs-toggle="modal" data-bs-target="#exampleModal">
<i class="fa-solid fa-eye d-md-none d-block"></i>
<span class="d-md-block d-none">Quick View</span>
</a>
<div class="btn btn-primary meta-icon dz-wishicon">
<i class="icon feather icon-heart dz-heart"></i>
<i class="icon feather icon-heart-on dz-heart-fill"></i>
</div>
<div class="btn btn-primary meta-icon dz-carticon">
<i class="flaticon flaticon-basket"></i>
<i class="flaticon flaticon-shopping-basket-on dz-heart-fill"></i>
</div>
</div>
</div>
<div class="dz-content">
<h5 class="title"><a href="shop-list.html">Comfy Lounge Jogger Pants</a></h5>
<h5 class="price">$80</h5>
</div>
<div class="product-tag">
<span class="badge ">Get 20% Off</span>
</div>
</div>
</div> -->
</div>
</div>
</div>
</div>
<div class="row page mt-0">
<div class="col-md-6">
<p class="page-text">Showing 1–5 Of 50 Results</p>
</div>
<div class="col-md-6">
<nav aria-label="Blog Pagination">
<ul class="pagination style-1">
<li class="page-item"><a class="page-link active" href="javascript:void(0);">1</a></li>
<li class="page-item"><a class="page-link" href="javascript:void(0);">2</a></li>
<li class="page-item"><a class="page-link" href="javascript:void(0);">3</a></li>
<li class="page-item"><a class="page-link next" href="javascript:void(0);">Next</a></li>
</ul>
</nav>
</div>
</div>
</div>
</div>
</div>
</section>
</div>
<!-- Footer -->
<footer class="site-footer style-1">
<div class="footer-mask_1">
<div class="footer-m1">
<div class="footer-mk1">
<div class="footer1">
<div class="footer_mask1_img">
</div>
</div>
</div>
</div>
</div>
<div class="footer-mask_2">
<div class="footer-m2">
<div class="footer-mk2">
<div class="footer2">
<div class="footer_mask2_img">
</div>
</div>
</div>
</div>
</div>
<!-- Footer Top -->
<div class="footer-top">
<div class="container container-xl px-0">
<div class="row">
<div class="col-xl-3 col-md-4 col-sm-6 wow fadeInUp" data-wow-delay="0.1s">
<div class="widget widget_about me-2">
<div class="footer-logo logo-white">
<a href="index.html"><img src="images/logo.png" alt=""></a>
</div>
<ul class="widget-address">
<li>
<p><span>Address</span> : 451 Wall Street, UK, London</p>
</li>
<li>
<p><span>E-mail</span> : example@info.com</p>
</li>
<li>
<p><span>Phone</span> : (064) 332-1233</p>
</li>
</ul>
</div>
</div>
<div class="col-xl-3 col-md-4 col-sm-4 col-6 wow fadeInUp" data-wow-delay="0.4s">
<div class="widget widget_services">
<h5 class="footer-title">Useful Links</h5>
<ul>
<li><a href="javascript:void(0);">Privacy Policy</a></li>
<li><a href="javascript:void(0);">Returns</a></li>
<li><a href="javascript:void(0);">Terms & Conditions</a></li>
<li><a href="javascript:void(0);">Contact Us</a></li>
</ul>
</div>
<div class="widget widget_services">
<h5 class="footer-title">Delivery</h5>
<ul>
<li><a href="javascript:void(0);">Free Delivery</a></li>
<li><a href="javascript:void(0);">FAQ</a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-md-4 col-sm-4 col-6 wow fadeInUp" data-wow-delay="0.3s">
<div class="widget widget_services">
<h5 class="footer-title">Customer Service</h5>
<ul>
<li><a href="javascript:void(0);">Orders</a></li>
<li><a href="javascript:void(0);">Addresses</a></li>
<li><a href="javascript:void(0);">Account Details</a></li>
<li><a href="javascript:void(0);">24x7 Calls</a></li>
</ul>
</div>
<div class="widget widget_services">
<h5 class="footer-title">Social Media</h5>
<ul class="social_media">
<li><a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" style="height:16px; fill:black!important;" viewBox="0 0 100 100"><path d="M58,43.64l28.71-31H77.35L53.81,38.12l-19-25.44H9.56L39.93,53.2,9.12,86.4h9.37L44,58.79,64.73,86.4H90ZM31.39,19.48,76.32,79.59H68.17L23.31,19.48Z"></path></svg></a></li>
<li><a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" style="height:16px; fill:black!important;" viewBox="0 0 100 100"><path d="M64.38,24.18h8.16a3.24,3.24,0,0,0,3.22-3.24V7.18A3.22,3.22,0,0,0,73,4a109.4,109.4,0,0,0-12.3-.65c-14.2,0-23,9-23,23.58V35H27.58a3.24,3.24,0,0,0-3.24,3.22V53.65a3.24,3.24,0,0,0,3.24,3.23H37.64V93.14a3.23,3.23,0,0,0,3.23,3.23H56.76A3.23,3.23,0,0,0,60,93.14V56.88H70a3.24,3.24,0,0,0,3.21-2.82l2-15.38a3.19,3.19,0,0,0-.77-2.55A3.23,3.23,0,0,0,72,35H60V28.43C60,25,60.42,24.18,64.38,24.18ZM56.76,41.49H68.32l-1.14,8.93H56.76a3.23,3.23,0,0,0-3.23,3.23V89.9H44.1V53.65a3.23,3.23,0,0,0-3.23-3.23H30.81V41.49H40.87a3.23,3.23,0,0,0,3.23-3.23V26.92c0-10.88,6-17.11,16.56-17.11,3.53,0,6.65.17,8.64.31v7.59H64.38c-7.2,0-10.85,3.61-10.85,10.72v9.83A3.22,3.22,0,0,0,56.76,41.49Z"></path></svg></a></li>
<li><a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" style="height:16px; fill:black!important;" viewBox="0 0 100 100"><path d="M98.56,41.93c-.11-3-.24-6-.34-8a18.27,18.27,0,0,0-16.7-17.49c-6.64-.52-17.45-1.12-31.31-1.12-10.88,0-21.43.37-31.36,1.12A18.23,18.23,0,0,0,2.17,33.8c-.34,7.52-.5,12.72-.5,16.39s.17,9.36.51,16.6A18,18,0,0,0,18.57,84.16c6.86.61,17.93,1.35,31.64,1.35s24.71-.74,31.58-1.35A18.06,18.06,0,0,0,98.21,66.72c.25-5.24.54-12.37.54-16.53C98.75,48,98.67,44.92,98.56,41.93ZM50.21,78.64c-10.77,0-21.21-.45-31-1.33A11.18,11.18,0,0,1,9.06,66.47c-.35-7.12-.52-12.6-.52-16.28s.17-9,.5-16.06a11.21,11.21,0,0,1,10.32-10.9c9.66-.72,20-1.09,30.85-1.09s21.15.37,30.79,1.09a11.27,11.27,0,0,1,10.36,11c.24,5.12.52,12.05.52,16,0,2-.08,4.76-.18,7.67s-.24,6-.36,8.55A11.24,11.24,0,0,1,81.19,77.32C71.32,78.19,60.89,78.64,50.21,78.64Z"></path><path d="M65.92,47.42,41.21,32.92a3.51,3.51,0,0,0-3.45,0,3.44,3.44,0,0,0-1.73,3v29a3.44,3.44,0,0,0,1.73,3,3.5,3.5,0,0,0,3.45,0l24.71-14.5a3.45,3.45,0,0,0,0-5.94Zm-23,11.46v-17l14.48,8.49Z"></path></svg></a></li>
<li><a href="javascript:void(0);"><svg xmlns="http://www.w3.org/2000/svg" style="height:16px; fill:black!important;" viewBox="0 0 100 100"><path d="M88.79,34.15c-.3-6.28-1.73-11.84-6.33-16.43S72.31,11.71,66,11.4c-6.47-.37-25.86-.37-32.33,0-6.26.29-11.82,1.73-16.43,6.31s-6,10.15-6.32,16.42c-.37,6.47-.37,25.86,0,32.33.29,6.28,1.73,11.84,6.32,16.42s10.15,6,16.43,6.33c6.47.37,25.86.37,32.33,0,6.27-.3,11.83-1.73,16.42-6.33s6-10.14,6.33-16.42C89.16,60,89.16,40.62,88.79,34.15ZM80.43,73.4A13.26,13.26,0,0,1,73,80.86c-5.15,2-17.4,1.56-23.1,1.56s-18,.46-23.09-1.56a13.25,13.25,0,0,1-7.46-7.46c-2-5.16-1.57-17.4-1.57-23.1s-.45-18,1.57-23.09a13.28,13.28,0,0,1,7.46-7.46c5.16-2,17.39-1.56,23.09-1.56s18-.47,23.1,1.56a13.23,13.23,0,0,1,7.45,7.46c2,5.15,1.57,17.4,1.57,23.09S82.48,68.27,80.43,73.4Z"></path><path d="M49.88,30.21A20.1,20.1,0,1,0,70,50.3,20.06,20.06,0,0,0,49.88,30.21Zm0,33.15A13.06,13.06,0,1,1,63,50.3,13.08,13.08,0,0,1,49.88,63.36Z"></path><path d="M75.49,29.39a4.69,4.69,0,1,1-4.7-4.68A4.68,4.68,0,0,1,75.49,29.39Z"></path></svg></a></li>
</ul>
</div>
</div>
<div class="col-xl-3 col-md-4 col-sm-4 wow fadeInUp" data-wow-delay="0.5s">
<div class="widget widget_services">
<h5 class="footer-title">Need Help</h5>
<ul>
<li><a href="javascript:void(0);">+123 - 456 - 789</a></li>
<li><a href="javascript:void(0);">+00 -123 - 456789</a></li>
<li><a href="javascript:void(0);">Monday - Friday</a></li>
<li><a href="javascript:void(0);">9am - 6pm</a></li>
<li><a href="javascript:void(0);">Saturday 9am - 3pm</a></li>
<li><a href="javascript:void(0);">Sunday - Closed</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
<!-- Footer Top End -->
<!-- Footer Bottom -->
<div class="footer-bottom">
<div class="container container-xl px-0">
<div class="row fb-inner wow fadeInUp" data-wow-delay="0.1s">
<div class="col-lg-6 col-md-12 text-start">
<p class="copyright-text">© <span class="current-year">2024</span> <a href="https://thedotstudios.com/">TheDotStudios.com</a> Theme. All Rights Reserved.</p>
</div>
<div class="col-lg-6 col-md-12 text-end">
<div class="d-flex align-items-center justify-content-center justify-content-md-center justify-content-xl-end">
<span class="me-3">We Accept: </span>
<img src="images/footer-img.png" alt="">
</div>
</div>
</div>
</div>
</div>
<!-- Footer Bottom End -->
</footer>
<!-- Footer End -->
<button class="scroltop" type="button"><i class="fas fa-arrow-up"></i></button>
<!-- Quick Modal Start -->
<div class="modal quick-view-modal fade" id="exampleModal" tabindex="-1" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<button type="button" class="btn-close " data-bs-dismiss="modal" aria-label="Close">
<i class="icon feather icon-x"></i>
</button>
<div class="modal-body">
<div class="row g-xl-4 p-3 ps-0 pe-0" style="background: #faedd8;">
<div class="col-xl-6 col-md-6 m-0">
<div class="dz-product-detail quick_view mb-0">
<div class="swiper-btn-center-lr">
<div class="swiper quick-modal-swiper2">
<div class="swiper-wrapper" id="lightgallery">
<div class="swiper-slide">
<div class="dz-media DZoomImage">
<a class="mfp-link lg-item" href="images/products/Shop-1.jpg" data-src="images/products/Shop-1.jpg">
<i class="feather icon-maximize dz-maximize top-right"></i>
</a>
<img src="images/products/Shop-1.jpg" alt="image">
</div>
</div>
<div class="swiper-slide">
<div class="dz-media DZoomImage">
<a class="mfp-link lg-item" href="images/products/Shop-2.jpg" data-src="images/products/Shop-2.jpg">
<i class="feather icon-maximize dz-maximize top-right"></i>
</a>
<img src="images/products/Shop-2.jpg" alt="image">
</div>
</div>
<div class="swiper-slide">
<div class="dz-media DZoomImage">
<a class="mfp-link lg-item" href="images/products/Shop-3.jpg" data-src="images/products/Shop-3.jpg">
<i class="feather icon-maximize dz-maximize top-right"></i>
</a>
<img src="images/products/Shop-3.jpg" alt="image">
</div>
</div>
</div>
</div>
<div class="swiper quick-modal-swiper thumb-swiper-lg thumb-sm swiper-vertical">
<div class="swiper-wrapper">
<div class="swiper-slide ">
<img src="images/products/Shop-1.jpg" alt="image">
</div>
<div class="swiper-slide">
<img src="images/products/Shop-2.jpg" alt="image">
</div>
<div class="swiper-slide">
<img src="images/products/Shop-3.jpg" alt="image">
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-xl-6 col-md-6">
<div class="dz-product-detail style-2 ps-xl-3 ps-0 pt-2 mb-0">
<div class="dz-content">
<div class="dz-content-footer">
<div class="dz-content-start">
<span class="badge bg-secondary mb-2">SALE 20% Off</span>
<h4 class="title mb-1"><a href="shop-list.html">Cozy Knit Cardigan Sweater</a></h4>
<div class="review-num">
<ul class="dz-rating me-2">
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li class="star-fill">
<i class="flaticon-star-1"></i>
</li>
<li>
<i class="flaticon-star-1"></i>
</li>
<li>
<i class="flaticon-star-1"></i>
</li>
</ul>
<span class="text-secondary me-2">4.7 Rating</span>
<a href="javascript:void(0);">(5 customer reviews)</a>
</div>
</div>
</div>
<div class="me-3">
<span class="price">$125.75 <del>$132.17</del></span>
</div>
<p class="para-text">
Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has.
</p>
<div class="meta-content m-b20 d-flex align-items-end">
<div class="btn-quantity light me-0">
<!-- <label class="form-label">Quantity</label> -->
<input type="text" value="1" name="demo_vertical2">
</div>
<div class=" cart-btn m-0">
<a href="shop-cart.html" class="btn btn-secondary text-uppercase add_cart m-0">Add To Cart</a>
</div>
<div class=" cart-btn m-0">
<a href="shop-wishlist.html" class="btn btn-md btn-outline-secondary btn-icon add_wishlist m-0">
<svg width="19" height="17" viewbox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.24805 16.9986C8.99179 16.9986 8.74474 16.9058 8.5522 16.7371C7.82504 16.1013 7.12398 15.5038 6.50545 14.9767L6.50229 14.974C4.68886 13.4286 3.12289 12.094 2.03333 10.7794C0.815353 9.30968 0.248047 7.9162 0.248047 6.39391C0.248047 4.91487 0.755203 3.55037 1.67599 2.55157C2.60777 1.54097 3.88631 0.984375 5.27649 0.984375C6.31552 0.984375 7.26707 1.31287 8.10464 1.96065C8.52734 2.28763 8.91049 2.68781 9.24805 3.15459C9.58574 2.68781 9.96875 2.28763 10.3916 1.96065C11.2292 1.31287 12.1807 0.984375 13.2197 0.984375C14.6098 0.984375 15.8885 1.54097 16.8202 2.55157C17.741 3.55037 18.248 4.91487 18.248 6.39391C18.248 7.9162 17.6809 9.30968 16.4629 10.7792C15.3733 12.094 13.8075 13.4285 11.9944 14.9737C11.3747 15.5016 10.6726 16.1001 9.94376 16.7374C9.75136 16.9058 9.50417 16.9986 9.24805 16.9986ZM5.27649 2.03879C4.18431 2.03879 3.18098 2.47467 2.45108 3.26624C1.71033 4.06975 1.30232 5.18047 1.30232 6.39391C1.30232 7.67422 1.77817 8.81927 2.84508 10.1066C3.87628 11.3509 5.41011 12.658 7.18605 14.1715L7.18935 14.1743C7.81021 14.7034 8.51402 15.3033 9.24654 15.9438C9.98344 15.302 10.6884 14.7012 11.3105 14.1713C13.0863 12.6578 14.6199 11.3509 15.6512 10.1066C16.7179 8.81927 17.1938 7.67422 17.1938 6.39391C17.1938 5.18047 16.7858 4.06975 16.045 3.26624C15.3152 2.47467 14.3118 2.03879 13.2197 2.03879C12.4197 2.03879 11.6851 2.29312 11.0365 2.79465C10.4585 3.24179 10.0558 3.80704 9.81975 4.20255C9.69835 4.40593 9.48466 4.52733 9.24805 4.52733C9.01143 4.52733 8.79774 4.40593 8.67635 4.20255C8.44041 3.80704 8.03777 3.24179 7.45961 2.79465C6.811 2.29312 6.07643 2.03879 5.27649 2.03879Z" fill="black"></path>
</svg>
</a>
</div>
</div>
<!-- <div class=" cart-btn">
<a href="shop-cart.html" class="btn btn-secondary text-uppercase">Add To Cart</a>
<a href="shop-wishlist.html" class="btn btn-md btn-outline-secondary btn-icon">
<svg width="19" height="17" viewbox="0 0 19 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.24805 16.9986C8.99179 16.9986 8.74474 16.9058 8.5522 16.7371C7.82504 16.1013 7.12398 15.5038 6.50545 14.9767L6.50229 14.974C4.68886 13.4286 3.12289 12.094 2.03333 10.7794C0.815353 9.30968 0.248047 7.9162 0.248047 6.39391C0.248047 4.91487 0.755203 3.55037 1.67599 2.55157C2.60777 1.54097 3.88631 0.984375 5.27649 0.984375C6.31552 0.984375 7.26707 1.31287 8.10464 1.96065C8.52734 2.28763 8.91049 2.68781 9.24805 3.15459C9.58574 2.68781 9.96875 2.28763 10.3916 1.96065C11.2292 1.31287 12.1807 0.984375 13.2197 0.984375C14.6098 0.984375 15.8885 1.54097 16.8202 2.55157C17.741 3.55037 18.248 4.91487 18.248 6.39391C18.248 7.9162 17.6809 9.30968 16.4629 10.7792C15.3733 12.094 13.8075 13.4285 11.9944 14.9737C11.3747 15.5016 10.6726 16.1001 9.94376 16.7374C9.75136 16.9058 9.50417 16.9986 9.24805 16.9986ZM5.27649 2.03879C4.18431 2.03879 3.18098 2.47467 2.45108 3.26624C1.71033 4.06975 1.30232 5.18047 1.30232 6.39391C1.30232 7.67422 1.77817 8.81927 2.84508 10.1066C3.87628 11.3509 5.41011 12.658 7.18605 14.1715L7.18935 14.1743C7.81021 14.7034 8.51402 15.3033 9.24654 15.9438C9.98344 15.302 10.6884 14.7012 11.3105 14.1713C13.0863 12.6578 14.6199 11.3509 15.6512 10.1066C16.7179 8.81927 17.1938 7.67422 17.1938 6.39391C17.1938 5.18047 16.7858 4.06975 16.045 3.26624C15.3152 2.47467 14.3118 2.03879 13.2197 2.03879C12.4197 2.03879 11.6851 2.29312 11.0365 2.79465C10.4585 3.24179 10.0558 3.80704 9.81975 4.20255C9.69835 4.40593 9.48466 4.52733 9.24805 4.52733C9.01143 4.52733 8.79774 4.40593 8.67635 4.20255C8.44041 3.80704 8.03777 3.24179 7.45961 2.79465C6.811 2.29312 6.07643 2.03879 5.27649 2.03879Z" fill="black"></path>
</svg>
</a>
</div> -->
<div class="dz-info mb-0">
<ul>
<li><strong>SKU:</strong></li>
<li>PRT584E63A</li>
</ul>
<ul>
<li><strong>Category:</strong></li>
<li><a href="shop-standard.html">Dresses,</a></li>
<li><a href="shop-standard.html">Jeans,</a></li>
<li><a href="shop-standard.html">Swimwear,</a></li>
<li><a href="shop-standard.html">Summer,</a></li>
<li><a href="shop-standard.html">Clothing</a></li>
</ul>
<ul>
<li><strong>Tags:</strong></li>
<li><a href="shop-standard.html">Casual</a></li>
<li><a href="shop-standard.html">Athletic,</a></li>
<li><a href="shop-standard.html">Workwear,</a></li>
<li><a href="shop-standard.html">Accessories</a></li>
</ul>
<div class="dz-social-icon">
<ul>
<li><a target="_blank" class="text-dark" href="https://www.facebook.com/dexignzone">
<i class="fab fa-facebook-f"></i>
</a></li>
<li><a target="_blank" class="text-dark" href="https://twitter.com/dexignzones">
<i class="fab fa-twitter"></i>
</a></li>
<li><a target="_blank" class="text-dark" href="https://www.youtube.com/@dexignzone1723">
<i class="fa-brands fa-youtube"></i>
</a></li>
<li><a target="_blank" class="text-dark" href="https://www.linkedin.com/showcase/3686700/admin/">
<i class="fa-brands fa-linkedin-in"></i>
</a></li>
<li><a target="_blank" class="text-dark" href="https://www.instagram.com/dexignzone/">
<i class="fab fa-instagram"></i>
</a></li>
</ul>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- Quick Modal End -->
</div>
<!-- JAVASCRIPT FILES ========================================= -->
<script src="js/jquery.min.js"></script><!-- JQUERY MIN JS -->
<script src="vendor/wow/wow.min.js"></script><!-- WOW JS -->
<script src="vendor/bootstrap/dist/js/bootstrap.bundle.min.js"></script><!-- BOOTSTRAP MIN JS -->
<script src="vendor/bootstrap-select/dist/js/bootstrap-select.min.js"></script><!-- BOOTSTRAP SELECT MIN JS -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap-select@2.0.0-beta1/dist/js/bootstrap-select.min.js"></script>
<script src="vendor/counter/waypoints-min.js"></script><!-- WAYPOINTS JS -->
<script src="vendor/counter/counterup.min.js"></script><!-- COUNTERUP JS -->
<script src="vendor/swiper/swiper-bundle.min.js"></script><!-- SWIPER JS -->
<script src="vendor/imagesloaded/imagesloaded.js"></script><!-- IMAGESLOADED-->
<script src="vendor/masonry/masonry-4.2.2.js"></script><!-- MASONRY -->
<script src="vendor/masonry/isotope.pkgd.min.js"></script><!-- ISOTOPE -->
<script src="vendor/countdown/jquery.countdown.js"></script><!-- COUNTDOWN FUCTIONS -->
<script src="vendor/wnumb/wNumb.js"></script><!-- WNUMB -->
<script src="vendor/nouislider/nouislider.min.js"></script><!-- NOUSLIDER MIN JS-->
<script src="js/dz.carousel.js"></script><!-- DZ CAROUSEL JS -->
<script src="vendor/lightgallery/dist/lightgallery.min.js"></script>
<script src="vendor/lightgallery/dist/plugins/thumbnail/lg-thumbnail.min.js"></script>
<script src="vendor/lightgallery/dist/plugins/zoom/lg-zoom.min.js"></script>
<script src="js/dz.ajax.js"></script><!-- AJAX -->
<script src="js/custom.js"></script><!-- CUSTOM JS -->
</body>
</html>