BLACKSITE
:
216.73.216.62
:
147.93.18.13 / vinyasaweddings.com
:
Linux srv667811 6.8.0-134-generic #134-Ubuntu SMP PREEMPT_DYNAMIC Fri Jun 26 18:43:11 UTC 2026 x86_64
:
/
var
/
www
/
slora
/
Upload File:
files >> /var/www/slora/product-style-03.html
<!DOCTYPE html> <!--[if IE 8 ]><html class="ie" xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <![endif]--> <!--[if (gte IE 9)|!(IE)]><!--> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <!--<![endif]--> <!-- Mirrored from themesflat.co/html/modave/product-style-03.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 22 Feb 2025 07:26:52 GMT --> <head> <meta charset="utf-8"> <title>Modave - Multipurpose eCommerce</title> <meta name="author" content="themesflat.com"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <meta name="description" content="Themesflat Modave, Multipurpose eCommerce Template"> <!-- font --> <link rel="stylesheet" href="fonts/fonts.css"> <link rel="stylesheet" href="fonts/font-icons.css"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="css/swiper-bundle.min.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" href="../../../sibforms.com/forms/end-form/build/sib-styles.css"> <link rel="stylesheet" type="text/css" href="css/styles.css"/> <!-- Favicon and Touch Icons --> <link rel="shortcut icon" href="images/logo/favicon.png"> <link rel="apple-touch-icon-precomposed" href="images/logo/favicon.png"> </head> <body class="preload-wrapper"> <!-- RTL --> <a href="javascript:void(0);" id="toggle-rtl" class="btn-style-2 radius-3"><span>RTL</span></a> <!-- /RTL --> <!-- Scroll Top --> <button id="scroll-top"> <svg width="24" height="25" viewBox="0 0 24 25" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_15741_24194)"> <path d="M3 11.9175L12 2.91748L21 11.9175H16.5V20.1675C16.5 20.3664 16.421 20.5572 16.2803 20.6978C16.1397 20.8385 15.9489 20.9175 15.75 20.9175H8.25C8.05109 20.9175 7.86032 20.8385 7.71967 20.6978C7.57902 20.5572 7.5 20.3664 7.5 20.1675V11.9175H3Z" stroke="white" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_15741_24194"> <rect width="24" height="24" fill="white" transform="translate(0 0.66748)"/> </clipPath> </defs> </svg> </button> <!-- preload --> <div class="preload preload-container"> <div class="preload-logo"> <div class="spinner"></div> </div> </div> <!-- /preload --> <div id="wrapper"> <!-- Top Bar--> <div class="tf-topbar style-2 line-bt"> <div class="container"> <div class="row align-items-center"> <div class="col-xl-3 d-none d-xl-block"> <ul class="tf-social-icon style-fill"> <li><a href="#" class="social-facebook"><i class="icon icon-fb"></i></a></li> <li><a href="#" class="social-twiter"><i class="icon icon-x"></i></a></li> <li><a href="#" class="social-instagram"><i class="icon icon-instagram"></i></a></li> <li><a href="#" class="social-tiktok"><i class="icon icon-tiktok"></i></a></li> <li><a href="#" class="social-amazon"><i class="icon icon-amazon"></i></a></li> <li><a href="#" class="social-pinterest"><i class="icon icon-pinterest"></i></a></li> </ul> </div> <div class="col-xl-6 col-12 text-center"> <div dir="ltr" class="swiper tf-sw-top_bar" data-preview="1" data-space="0" data-loop="true" data-speed="1000" data-auto-play="true" data-delay="2000"> <div class="swiper-wrapper"> <div class="swiper-slide"> <p class="top-bar-text text-line-clamp-1 text-btn-uppercase fw-semibold letter-1"> Free shipping on all orders over <span class="text-primary">₹200.00</span></p> </div> <div class="swiper-slide"> <p class="top-bar-text text-line-clamp-1 text-btn-uppercase fw-semibold letter-1"> Midseason Sale: 20% Off - Auto Applied at Checkout - Limited Time Only.</p> </div> </div> </div> </div> </div> </div> </div> <!-- /Top Bar --> <!-- Header --> <header id="header" class="header-default"> <div class="container"> <div class="row wrapper-header align-items-center"> <div class="col-md-4 col-3 d-xl-none"> <a href="#mobileMenu" class="mobile-menu" data-bs-toggle="offcanvas" aria-controls="mobileMenu"> <i class="icon icon-categories"></i> </a> </div> <div class="col-xl-3 col-md-4 col-6"> <a href="index.html" class="logo-header"> <img src="images/logo/logo.png" alt="logo" class="logo"> </a> </div> <div class="col-xl-6 d-none d-xl-block"> <nav class="box-navigation text-center"> <ul class="box-nav-ul d-flex align-items-center justify-content-center"> <li class="menu-item active"> <a href="#" class="item-link">Home</a> </li> <li class="menu-item"> <a href="#" class="item-link">Shop</a> </li> <li class="menu-item"> <a href="#" class="item-link">Products</a> </li> <li class="menu-item position-relative"> <a href="#" class="item-link">Blog</a> </li> <li class="menu-item position-relative"> <a href="#" class="item-link">Pages</a> </li> <!-- <li class="menu-item"><a href="#" class="item-link">Buy Theme</a></li> --> </ul> </nav> </div> <div class="col-xl-3 col-md-4 col-3"> <ul class="nav-icon d-flex justify-content-end align-items-center"> <li class="nav-search"><a href="#search" data-bs-toggle="modal" class="nav-icon-item"> <svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M21.35 21.0004L17 16.6504" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a></li> <li class="nav-account"> <a href="#" class="nav-icon-item"> <svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> <path d="M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> <div class="dropdown-account dropdown-login"> <div class="sub-top"> <a href="login.html" class="tf-btn btn-reset">Login</a> <p class="text-center text-secondary-2">Don’t have an account? <a href="register.html">Register</a></p> </div> <div class="sub-bot"> <span class="body-text-">Support</span> </div> </div> </li> <li class="nav-wishlist"><a href="wish-list.html" class="nav-icon-item"> <svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.8401 4.60987C20.3294 4.09888 19.7229 3.69352 19.0555 3.41696C18.388 3.14039 17.6726 2.99805 16.9501 2.99805C16.2276 2.99805 15.5122 3.14039 14.8448 3.41696C14.1773 3.69352 13.5709 4.09888 13.0601 4.60987L12.0001 5.66987L10.9401 4.60987C9.90843 3.57818 8.50915 2.99858 7.05012 2.99858C5.59109 2.99858 4.19181 3.57818 3.16012 4.60987C2.12843 5.64156 1.54883 7.04084 1.54883 8.49987C1.54883 9.95891 2.12843 11.3582 3.16012 12.3899L4.22012 13.4499L12.0001 21.2299L19.7801 13.4499L20.8401 12.3899C21.3511 11.8791 21.7565 11.2727 22.033 10.6052C22.3096 9.93777 22.4519 9.22236 22.4519 8.49987C22.4519 7.77738 22.3096 7.06198 22.033 6.39452C21.7565 5.72706 21.3511 5.12063 20.8401 4.60987V4.60987Z" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> </a> </li> <li class="nav-cart"><a href="#shoppingCart" data-bs-toggle="modal" class="nav-icon-item"> <svg class="icon" width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16.5078 10.8734V6.36686C16.5078 5.17166 16.033 4.02541 15.1879 3.18028C14.3428 2.33514 13.1965 1.86035 12.0013 1.86035C10.8061 1.86035 9.65985 2.33514 8.81472 3.18028C7.96958 4.02541 7.49479 5.17166 7.49479 6.36686V10.8734M4.11491 8.62012H19.8877L21.0143 22.1396H2.98828L4.11491 8.62012Z" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" /> </svg> <span class="count-box">1</span></a> </li> </ul> </div> </div> </div> </header> <!-- /Header --> <!-- page-title --> <div class="page-title" style="background-image: url(images/section/page-title.jpg);"> <div class="container-full"> <div class="row"> <div class="col-12"> <h3 class="heading text-center">Shop All Products</h3> <ul class="breadcrumbs d-flex align-items-center justify-content-center"> <li> <a class="link" href="index.html">Home</a> </li> <li> <i class="icon-arrRight"></i> </li> <li> Shop </li> </ul> </div> </div> </div> </div> <!-- /page-title --> <!-- Section product --> <section class="flat-spacing"> <div class="container"> <div class="tf-shop-control"> <div class="tf-control-filter"> <a href="#filterShop" data-bs-toggle="offcanvas" aria-controls="filterShop" class="tf-btn-filter"><span class="icon icon-filter"></span><span class="text">Filters</span></a> <div class="d-none d-lg-flex shop-sale-text"> <i class="icon icon-checkCircle"></i> <p class="text-caption-1">Shop sale items only</p> </div> </div> <ul class="tf-control-layout"> <!-- <li class="tf-view-layout-switch sw-layout-list list-layout" data-value-layout="list"> <div class="item"> <svg class="icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="3" cy="6" r="2.5" stroke="#181818"/> <rect x="7.5" y="3.5" width="12" height="5" rx="2.5" stroke="#181818"/> <circle cx="3" cy="14" r="2.5" stroke="#181818"/> <rect x="7.5" y="11.5" width="12" height="5" rx="2.5" stroke="#181818"/> </svg> </div> </li> <li class="tf-view-layout-switch sw-layout-2" data-value-layout="tf-col-2"> <div class="item"> <svg class="icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="6" cy="6" r="2.5" stroke="#181818"/> <circle cx="14" cy="6" r="2.5" stroke="#181818"/> <circle cx="6" cy="14" r="2.5" stroke="#181818"/> <circle cx="14" cy="14" r="2.5" stroke="#181818"/> </svg> </div> </li> <li class="tf-view-layout-switch sw-layout-3" data-value-layout="tf-col-3"> <div class="item"> <svg class="icon" width="22" height="20" viewBox="0 0 22 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="3" cy="6" r="2.5" stroke="#181818"/> <circle cx="11" cy="6" r="2.5" stroke="#181818"/> <circle cx="19" cy="6" r="2.5" stroke="#181818"/> <circle cx="3" cy="14" r="2.5" stroke="#181818"/> <circle cx="11" cy="14" r="2.5" stroke="#181818"/> <circle cx="19" cy="14" r="2.5" stroke="#181818"/> </svg> </div> </li> <li class="tf-view-layout-switch sw-layout-4 active" data-value-layout="tf-col-4"> <div class="item"> <svg class="icon" width="30" height="20" viewBox="0 0 30 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="3" cy="6" r="2.5" stroke="#181818"/> <circle cx="11" cy="6" r="2.5" stroke="#181818"/> <circle cx="19" cy="6" r="2.5" stroke="#181818"/> <circle cx="27" cy="6" r="2.5" stroke="#181818"/> <circle cx="3" cy="14" r="2.5" stroke="#181818"/> <circle cx="11" cy="14" r="2.5" stroke="#181818"/> <circle cx="19" cy="14" r="2.5" stroke="#181818"/> <circle cx="27" cy="14" r="2.5" stroke="#181818"/> </svg> </div> </li> <li class="tf-view-layout-switch sw-layout-5" data-value-layout="tf-col-5"> <div class="item"> <svg class="icon" width="38" height="20" viewBox="0 0 38 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="3" cy="6" r="2.5" stroke="#181818"/> <circle cx="11" cy="6" r="2.5" stroke="#181818"/> <circle cx="19" cy="6" r="2.5" stroke="#181818"/> <circle cx="27" cy="6" r="2.5" stroke="#181818"/> <circle cx="35" cy="6" r="2.5" stroke="#181818"/> <circle cx="3" cy="14" r="2.5" stroke="#181818"/> <circle cx="11" cy="14" r="2.5" stroke="#181818"/> <circle cx="19" cy="14" r="2.5" stroke="#181818"/> <circle cx="27" cy="14" r="2.5" stroke="#181818"/> <circle cx="35" cy="14" r="2.5" stroke="#181818"/> </svg> </div> </li> <li class="tf-view-layout-switch sw-layout-6" data-value-layout="tf-col-6"> <div class="item"> <svg class="icon" width="46" height="20" viewBox="0 0 46 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <circle cx="3" cy="6" r="2.5" stroke="#181818"/> <circle cx="11" cy="6" r="2.5" stroke="#181818"/> <circle cx="19" cy="6" r="2.5" stroke="#181818"/> <circle cx="27" cy="6" r="2.5" stroke="#181818"/> <circle cx="35" cy="6" r="2.5" stroke="#181818"/> <circle cx="43" cy="6" r="2.5" stroke="#181818"/> <circle cx="3" cy="14" r="2.5" stroke="#181818"/> <circle cx="11" cy="14" r="2.5" stroke="#181818"/> <circle cx="19" cy="14" r="2.5" stroke="#181818"/> <circle cx="27" cy="14" r="2.5" stroke="#181818"/> <circle cx="35" cy="14" r="2.5" stroke="#181818"/> <circle cx="43" cy="14" r="2.5" stroke="#181818"/> </svg> </div> </li> --> </ul> <div class="tf-control-sorting"> <p class="d-none d-lg-block text-caption-1">Sort by:</p> <div class="tf-dropdown-sort" data-bs-toggle="dropdown"> <div class="btn-select"> <span class="text-sort-value">Best selling</span> <span class="icon icon-arrow-down"></span> </div> <div class="dropdown-menu"> <div class="select-item" data-sort-value="best-selling"> <span class="text-value-item">Best selling</span> </div> <div class="select-item" data-sort-value="a-z"> <span class="text-value-item">Alphabetically, A-Z</span> </div> <div class="select-item" data-sort-value="z-a"> <span class="text-value-item">Alphabetically, Z-A</span> </div> <div class="select-item" data-sort-value="price-low-high"> <span class="text-value-item">Price, low to high</span> </div> <div class="select-item" data-sort-value="price-high-low"> <span class="text-value-item">Price, high to low</span> </div> </div> </div> </div> </div> <div class="wrapper-control-shop"> <div class="meta-filter-shop"> <div id="product-count-grid" class="count-text"></div> <div id="product-count-list" class="count-text"></div> <div id="applied-filters"></div> <button id="remove-all" class="remove-all-filters text-btn-uppercase" style="display: none;">REMOVE ALL <i class="icon icon-close"></i></button> </div> <div class="tf-grid-layout wrapper-shop tf-col-4" id="gridLayout"> <!-- card product 1 --> <div class="card-product style-3 grid" data-availability="Out of stock" data-brand="adidas"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/1.webp" src="images/nails/1.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/2.webp" src="images/nails/2.webp" alt="image-product"> </a> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> </div> <div class="list-btn-main"> <a href="#shoppingCart" data-bs-toggle="modal" class="quick-add btn-main-product">Add to cart</a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">V-neck cotton T-shirt</a> <span class="price current-price">$59.99</span> </div> </div> <!-- card product 2 --> <div class="card-product style-3 grid" data-availability="In stock" data-brand="nike"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/7.webp" src="images/nails/7.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/6.webp" src="images/nails/6.webp" alt="image-product"> </a> <div class="on-sale-wrap"><span class="on-sale-item">-25%</span></div> <div class="marquee-product bg-main"> <div class="marquee-wrapper"> <div class="initial-child-container"> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> </div> </div> <div class="marquee-wrapper"> <div class="initial-child-container"> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> </div> </div> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> </div> <div class="list-btn-main"> <a href="#shoppingCart" data-bs-toggle="modal" class="quick-add btn-main-product">Add to cart</a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Polarized sunglasses</a> <div class="price"><span class="old-price">$98.00</span> <span class="current-price">$79.99</span></div> <ul class="list-color-product"> <li class="list-color-item color-swatch active line"> <span class="d-none text-capitalize color-filter">Light Blue</span> <span class="swatch-value bg-light-blue"></span> <img class="lazyload" data-src="images/nails/7.webp" src="images/nails/7.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Light Blue</span> <span class="swatch-value bg-light-blue-2"></span> <img class="lazyload" data-src="images/products/womens/women-177.jpg" src="images/products/womens/women-177.jpg" alt="image-product"> </li> </ul> </div> </div> <!-- card product 3 --> <div class="card-product grid style-3 card-product-size" data-availability="In stock" data-brand="LV"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/2.webp" src="images/nails/2.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/womens/women-30.jpg" src="images/products/womens/women-30.jpg" alt="image-product"> </a> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">S</li> <li class="size-item">M</li> <li class="size-item">L</li> <li class="size-item">XL</li> </ul> </div> <div class="variant-wrap countdown-wrap"> <div class="variant-box"> <div class="js-countdown" data-timer="1007500" data-labels="D :,H :,M :,S"></div> </div> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Ramie shirt with pockets </a> <div class="price"><span class="old-price">$98.00</span> <span class="current-price">$89.99</span></div> <ul class="list-color-product"> <li class="list-color-item color-swatch active line"> <span class="d-none text-capitalize color-filter">Orange</span> <span class="swatch-value bg-light-orange"></span> <img class="lazyload" data-src="images/nails/2.webp" src="images/nails/2.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Grey</span> <span class="swatch-value bg-light-grey"></span> <img class="lazyload" data-src="images/products/womens/women-33.jpg" src="images/products/womens/women-33.jpg" alt="image-product"> </li> </ul> </div> </div> <!-- card product 4 --> <div class="card-product style-3 grid" data-availability="Out of stock" data-brand="gucci"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/3.webp" src="images/nails/3.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/8.webp" src="images/nails/8.webp" alt="image-product"> </a> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> </div> <div class="list-btn-main"> <a href="#shoppingCart" data-bs-toggle="modal" class="btn-main-product">Add To cart</a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Ribbed cotton-blend top</a> <span class="price current-price">$69.99</span> <ul class="list-color-product"> <li class="list-color-item color-swatch active line"> <span class="d-none text-capitalize color-filter">Grey</span> <span class="swatch-value bg-dark-grey"></span> <img class="lazyload" data-src="images/nails/3.webp" src="images/nails/3.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Pink</span> <span class="swatch-value bg-light-pink"></span> <img class="lazyload" data-src="images/nails/8.webp" src="images/nails/8.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Grey</span> <span class="swatch-value bg-dark-grey-2"></span> <img class="lazyload" data-src="images/products/womens/women-3.jpg" src="images/products/womens/women-3.jpg" alt="image-product"> </li> </ul> </div> </div> <!-- card product 5 --> <div class="card-product style-3 grid card-product-size" data-availability="Out of stock" data-brand="hermes"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/4.webp" src="images/nails/4.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/womens/women-9.jpg" src="images/products/womens/women-9.jpg" alt="image-product"> </a> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">S</li> <li class="size-item">M</li> <li class="size-item">L</li> <li class="size-item">XL</li> </ul> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Ribbed cotton-blend top</a> <span class="price current-price">$39.99</span> </div> </div> <!-- card product 6 --> <div class="card-product style-3 grid" data-availability="In stock" data-brand="zalando"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/2.webp" src="images/nails/2.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/1.webp" src="images/nails/1.webp" alt="image-product"> </a> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Add To Cart</a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Faux-leather trousers</a> <span class="price current-price">$79.99</span> <ul class="list-color-product"> <li class="list-color-item color-swatch active"> <span class="d-none text-capitalize color-filter">Orange</span> <span class="swatch-value bg-orange"></span> <img class="lazyload" data-src="images/nails/2.webp" src="images/nails/2.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Pink</span> <span class="swatch-value bg-dark-pink"></span> <img class="lazyload" data-src="images/nails/1.webp" src="images/nails/1.webp" alt="image-product"> </li> </ul> </div> </div> <!-- card product 7 --> <div class="card-product style-3 grid card-product-size" data-availability="In stock" data-brand="nike"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/3.webp" src="images/nails/3.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/2.webp" src="images/nails/2.webp" alt="image-product"> </a> <div class="on-sale-wrap"><span class="on-sale-item">-25%</span></div> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">S</li> <li class="size-item">M</li> <li class="size-item">L</li> <li class="size-item">XL</li> </ul> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Belt wrap dress</a> <div class="price"><span class="old-price">$98.00</span><span class="current-price">$129.99</span></div> <ul class="list-color-product"> <li class="list-color-item color-swatch active"> <span class="d-none text-capitalize color-filter">Green</span> <span class="swatch-value bg-light-green"></span> <img class="lazyload" data-src="images/nails/3.webp" src="images/nails/3.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Grey</span> <span class="swatch-value bg-grey"></span> <img class="lazyload" data-src="images/products/womens/women-94.jpg" src="images/products/womens/women-94.jpg" alt="image-product"> </li> <li class="list-color-item color-swatch line"> <span class="d-none text-capitalize color-filter">White</span> <span class="swatch-value bg-white"></span> <img class="lazyload" data-src="images/products/womens/women-87.jpg" src="images/products/womens/women-87.jpg" alt="image-product"> </li> </ul> </div> </div> <!-- card product 13 --> <div class="card-product style-3 grid card-product-size" data-availability="In stock" data-brand="nike"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/7.webp" src="images/nails/7.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/6.webp" src="images/nails/6.webp" alt="image-product"> </a> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">XS</li> <li class="size-item">L</li> <li class="size-item">XL</li> <li class="size-item">2XL</li> <li class="size-item">3XL</li> </ul> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Buttoned cotton shirt</a> <span class="price current-price">$89.99</span> <ul class="list-color-product"> <li class="list-color-item color-swatch active"> <span class="d-none text-capitalize color-filter">Light Blue</span> <span class="swatch-value bg-light-blue"></span> <img class="lazyload" data-src="images/nails/7.webp" src="images/nails/7.webp" alt="image-product"> </li> <li class="list-color-item color-swatch line"> <span class="d-none text-capitalize color-filter">White</span> <span class="swatch-value bg-white"></span> <img class="lazyload" data-src="images/nails/8.webp" src="images/nails/8.webp" alt="image-product"> </li> </ul> </div> </div> <!-- card product 14 --> <div class="card-product style-3 grid card-product-size" data-availability="In stock" data-brand="LV"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/6.webp" src="images/nails/6.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/7.webp" src="images/nails/7.webp" alt="image-product"> </a> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">XS</li> <li class="size-item">M</li> <li class="size-item">L</li> <li class="size-item">XL</li> <li class="size-item">2XL</li> <li class="size-item">3XL</li> </ul> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Chest pocket cotton over shirt</a> <span class="price current-price">$99.25</span> <ul class="list-color-product"> <li class="list-color-item color-swatch active"> <span class="d-none text-capitalize color-filter">Beige</span> <span class="swatch-value bg-beige"></span> <img class="lazyload" data-src="images/nails/6.webp" src="images/nails/6.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Black</span> <span class="swatch-value bg-main"></span> <img class="lazyload" data-src="images/products/mens/men-18.jpg" src="images/products/mens/men-18.jpg" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Dark Blue</span> <span class="swatch-value bg-dark-blue"></span> <img class="lazyload" data-src="images/products/mens/men-17.jpg" src="images/products/mens/men-17.jpg" alt="image-product"> </li> </ul> </div> </div> <!-- card product 15 --> <div class="card-product style-3 grid" data-availability="In stock" data-brand="gucci"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/4.webp" src="images/nails/4.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/4.webp" src="images/nails/4.webp" alt="image-product"> </a> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> </div> <div class="list-btn-main"> <a href="#shoppingCart" data-bs-toggle="modal" class="btn-main-product">Add To cart</a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Cotton shopper bag</a> <span class="price current-price">$199.25</span> <ul class="list-color-product"> <li class="list-color-item color-swatch active line"> <span class="d-none text-capitalize color-filter">White</span> <span class="swatch-value bg-white"></span> <img class="lazyload" data-src="images/nails/4.webp" src="images/nails/4.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Beige</span> <span class="swatch-value bg-beige"></span> <img class="lazyload" data-src="images/nails/6.webp" src="images/nails/6.webp" alt="image-product"> </li> </ul> </div> </div> <!-- card product 16 --> <div class="card-product style-3 grid card-product-size" data-availability="In stock" data-brand="adidas"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/5.webp" src="images/nails/5.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/4.webp" src="images/nails/4.webp" alt="image-product"> </a> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">XS</li> <li class="size-item">M</li> <li class="size-item">L</li> <li class="size-item">XL</li> <li class="size-item">2XL</li> <li class="size-item">3XL</li> </ul> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Chest pocket cotton over shirt</a> <span class="price current-price">$250.00</span> </div> </div> <!-- pagination --> <ul class="wg-pagination justify-content-center"> <li><a href="#" class="pagination-item text-button">1</a></li> <li class="active"><div class="pagination-item text-button">2</div></li> <li><a href="#" class="pagination-item text-button">3</a></li> <li><a href="#" class="pagination-item text-button"><i class="icon-arrRight"></i></a></li> </ul> </div> </div> </div> </section> <!-- /Section product --> <!-- Footer --> <footer id="footer" class="footer"> <div class="footer-wrap"> <div class="footer-body"> <div class="container"> <div class="row"> <div class="col-lg-4"> <div class="footer-infor"> <div class="footer-logo"> <a href="index.html"> <img src="images/logo/logo.png" alt=""> </a> </div> <div class="footer-address"> <p>549 Oak St.Crystal Lake, IL 60014</p> <a href="contact.html" class="tf-btn-default fw-6">GET DIRECTION<i class="icon-arrowUpRight"></i></a> </div> <ul class="footer-info"> <li> <i class="icon-mail"></i> <p>themesflat@gmail.com</p> </li> <li> <i class="icon-phone"></i> <p>315-666-6688</p> </li> </ul> <ul class="tf-social-icon"> <li><a href="#" class="social-facebook"><i class="icon icon-fb"></i></a></li> <li><a href="#" class="social-twiter"><i class="icon icon-x"></i></a></li> <li><a href="#" class="social-instagram"><i class="icon icon-instagram"></i></a></li> <li><a href="#" class="social-tiktok"><i class="icon icon-tiktok"></i></a></li> <li><a href="#" class="social-amazon"><i class="icon icon-amazon"></i></a></li> <li><a href="#" class="social-pinterest"><i class="icon icon-pinterest"></i></a></li> </ul> </div> </div> <div class="col-lg-4"> <div class="footer-menu"> <div class="footer-col-block"> <div class="footer-heading text-button footer-heading-mobile"> Infomation </div> <div class="tf-collapse-content"> <ul class="footer-menu-list"> <li class="text-caption-1"> <a href="about-us.html" class="footer-menu_item">About Us</a> </li> <li class="text-caption-1"> <a href="#" class="footer-menu_item">Our Stories</a> </li> <li class="text-caption-1"> <a href="#" class="footer-menu_item">Size Guide</a> </li> <li class="text-caption-1"> <a href="contact.html" class="footer-menu_item">Contact us</a> </li> <li class="text-caption-1"> <a href="#" class="footer-menu_item">Career</a> </li> <li class="text-caption-1"> <a href="my-account.html" class="footer-menu_item">My Account</a> </li> </ul> </div> </div> <div class="footer-col-block"> <div class="footer-heading text-button footer-heading-mobile"> Customer Services </div> <div class="tf-collapse-content"> <ul class="footer-menu-list"> <li class="text-caption-1"> <a href="#" class="footer-menu_item">Shipping</a> </li> <li class="text-caption-1"> <a href="#" class="footer-menu_item">Return & Refund</a> </li> <li class="text-caption-1"> <a href="#" class="footer-menu_item">Privacy Policy</a> </li> <li class="text-caption-1"> <a href="term-of-use.html" class="footer-menu_item">Terms & Conditions</a> </li> <li class="text-caption-1"> <a href="FAQs.html" class="footer-menu_item">Orders FAQs</a> </li> <li class="text-caption-1"> <a href="wish-list.html" class="footer-menu_item">My Wishlist</a> </li> </ul> </div> </div> </div> </div> <div class="col-lg-4"> <div class="footer-col-block"> <div class="footer-heading text-button footer-heading-mobile"> Newletter </div> <div class="tf-collapse-content"> <div class="footer-newsletter"> <p class="text-caption-1">Sign up for our newsletter and get 10% off your first purchase</p> <div class="sib-form"> <div id="sib-form-container" class="sib-form-container"> <div id="error-message" class="sib-form-message-panel"> <div class="sib-form-message-panel__text sib-form-message-panel__text--center"> <span class="sib-form-message-panel__inner-text"> Your subscription could not be saved. Please try again. </span> </div> </div> <div id="success-message" class="sib-form-message-panel"> <div class="sib-form-message-panel__text sib-form-message-panel__text--center"> <span class="sib-form-message-panel__inner-text"> Your subscription has been successful. </span> </div> </div> <div id="sib-container" class="sib-container--large sib-container--vertical"> <form id="sib-form" method="POST" class="form-newsletter" action="https://3c02c1a1.sibforms.com/serve/MUIFAOAhSCDRnPhdPWLTpLBkaFR0CvSbJ_okYrjCbXQRLkZZU67Hn2jdn18hTWJuGupI4VUfB4deuJIyP5yRoHWVb9pIrENAMcal9Jtz8q_qN4dpHNMIG454DwSVNVmnLXuePoOCvDqN_Vvs0ga_kzg7ouD63HjCaukRz3LGCQsfnQJBN4-KS2D3DVitqvFsDHSqevjjqLk2xFO4" data-type="subscription"> <div> <div class="sib-form-block"> <p></p> </div> </div> <div> <div class="sib-form-block"> <div class="sib-text-form-block"> <p></p> </div> </div> </div> <div> <div class="sib-input sib-form-block"> <div class="form__entry entry_block"> <div class="form__label-row "> <label class="entry__label" for="EMAIL"> </label> <div class="entry__field"> <input class="input radius-60" type="text" id="EMAIL" name="EMAIL" autocomplete="off" placeholder="Enter your e-mail..." data-required="true" required /> </div> </div> <label class="entry__error entry__error--primary"></label> <label class="entry__specification"> </label> </div> </div> </div> <div> <div class="sib-optin sib-form-block"> <div class="form__entry entry_mcq"> <div class="form__label-row "> <div class="entry__choice"> <label> <input type="checkbox" class="input_replaced" value="1" id="OPT_IN" name="OPT_IN" /> <span class="checkbox checkbox_tick_positive"></span> <span> <p></p> </span> </label> </div> </div> <label class="entry__error entry__error--primary"> </label> <label class="entry__specification"> </label> </div> </div> </div> <div> <div class="sib-form-block"> <button class="sib-form-block__button sib-form-block__button-with-loader subscribe-button radius-60" form="sib-form" type="submit"> <svg class="icon clickable__icon progress-indicator__icon sib-hide-loader-icon" viewBox="0 0 512 512"> <path d="M460.116 373.846l-20.823-12.022c-5.541-3.199-7.54-10.159-4.663-15.874 30.137-59.886 28.343-131.652-5.386-189.946-33.641-58.394-94.896-95.833-161.827-99.676C261.028 55.961 256 50.751 256 44.352V20.309c0-6.904 5.808-12.337 12.703-11.982 83.556 4.306 160.163 50.864 202.11 123.677 42.063 72.696 44.079 162.316 6.031 236.832-3.14 6.148-10.75 8.461-16.728 5.01z" /> </svg> <i class="icon icon-arrowUpRight"></i> </button> </div> </div> <input type="text" name="email_address_check" value="" class="input--hidden"> <input type="hidden" name="locale" value="en"> </form> </div> </div> </div> <div class="tf-cart-checkbox"> <div class="tf-checkbox-wrapp"> <input class="" type="checkbox" id="footer-Form_agree" name="agree_checkbox"> <div> <i class="icon-check"></i> </div> </div> <label class="text-caption-1" for="footer-Form_agree"> By clicking subcribe, you agree to the <a class="fw-6 link" href="term-of-use.html">Terms of Service</a> and <a class="fw-6 link" href="#">Privacy Policy</a>. </label> </div> </div> </div> </div> </div> </div> </div> </div> <div class="footer-bottom"> <div class="container"> <div class="row"> <div class="col-12"> <div class="footer-bottom-wrap"> <div class="left"> <p class="text-caption-1">©2024 Modave. All Rights Reserved.</p> <div class="tf-cur justify-content-end"> <div class="tf-currencies"> <select class="image-select center style-default type-currencies"> <option selected data-thumbnail="images/country/us.svg">USD</option> <option data-thumbnail="images/country/vn.svg">VND</option> </select> </div> <div class="tf-languages"> <select class="image-select center style-default type-languages"> <option>English</option> <option>Vietnam</option> </select> </div> </div> </div> <div class="tf-payment"> <p class="text-caption-1">Payment:</p> <ul> <li> <img src="images/payment/img-1.png" alt=""> </li> <li> <img src="images/payment/img-2.png" alt=""> </li> <li> <img src="images/payment/img-3.png" alt=""> </li> <li> <img src="images/payment/img-4.png" alt=""> </li> <li> <img src="images/payment/img-5.png" alt=""> </li> <li> <img src="images/payment/img-6.png" alt=""> </li> </ul> </div> </div> </div> </div> </div> </div> </div> </footer> <!-- /Footer --> <!-- toolbar-bottom --> <div class="tf-toolbar-bottom"> <div class="toolbar-item"> <a href="shop-default-grid.html"> <div class="toolbar-icon"> <svg class="icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M8.125 3.125H4.375C4.04348 3.125 3.72554 3.2567 3.49112 3.49112C3.2567 3.72554 3.125 4.04348 3.125 4.375V8.125C3.125 8.45652 3.2567 8.77446 3.49112 9.00888C3.72554 9.2433 4.04348 9.375 4.375 9.375H8.125C8.45652 9.375 8.77446 9.2433 9.00888 9.00888C9.2433 8.77446 9.375 8.45652 9.375 8.125V4.375C9.375 4.04348 9.2433 3.72554 9.00888 3.49112C8.77446 3.2567 8.45652 3.125 8.125 3.125ZM8.125 8.125H4.375V4.375H8.125V8.125ZM15.625 3.125H11.875C11.5435 3.125 11.2255 3.2567 10.9911 3.49112C10.7567 3.72554 10.625 4.04348 10.625 4.375V8.125C10.625 8.45652 10.7567 8.77446 10.9911 9.00888C11.2255 9.2433 11.5435 9.375 11.875 9.375H15.625C15.9565 9.375 16.2745 9.2433 16.5089 9.00888C16.7433 8.77446 16.875 8.45652 16.875 8.125V4.375C16.875 4.04348 16.7433 3.72554 16.5089 3.49112C16.2745 3.2567 15.9565 3.125 15.625 3.125ZM15.625 8.125H11.875V4.375H15.625V8.125ZM8.125 10.625H4.375C4.04348 10.625 3.72554 10.7567 3.49112 10.9911C3.2567 11.2255 3.125 11.5435 3.125 11.875V15.625C3.125 15.9565 3.2567 16.2745 3.49112 16.5089C3.72554 16.7433 4.04348 16.875 4.375 16.875H8.125C8.45652 16.875 8.77446 16.7433 9.00888 16.5089C9.2433 16.2745 9.375 15.9565 9.375 15.625V11.875C9.375 11.5435 9.2433 11.2255 9.00888 10.9911C8.77446 10.7567 8.45652 10.625 8.125 10.625ZM8.125 15.625H4.375V11.875H8.125V15.625ZM15.625 10.625H11.875C11.5435 10.625 11.2255 10.7567 10.9911 10.9911C10.7567 11.2255 10.625 11.5435 10.625 11.875V15.625C10.625 15.9565 10.7567 16.2745 10.9911 16.5089C11.2255 16.7433 11.5435 16.875 11.875 16.875H15.625C15.9565 16.875 16.2745 16.7433 16.5089 16.5089C16.7433 16.2745 16.875 15.9565 16.875 15.625V11.875C16.875 11.5435 16.7433 11.2255 16.5089 10.9911C16.2745 10.7567 15.9565 10.625 15.625 10.625ZM15.625 15.625H11.875V11.875H15.625V15.625Z" fill="#4D4E4F"/> </svg> </div> <div class="toolbar-label">Shop</div> </a> </div> <div class="toolbar-item"> <a href="#filterShop" data-bs-toggle="offcanvas" aria-controls="filterShop"> <div class="toolbar-icon"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M3.125 6.87502H5.70312C5.84081 7.41278 6.15356 7.88942 6.59207 8.22979C7.03057 8.57017 7.56989 8.75492 8.125 8.75492C8.68011 8.75492 9.21943 8.57017 9.65793 8.22979C10.0964 7.88942 10.4092 7.41278 10.5469 6.87502H16.875C17.0408 6.87502 17.1997 6.80917 17.3169 6.69196C17.4342 6.57475 17.5 6.41578 17.5 6.25002C17.5 6.08426 17.4342 5.92529 17.3169 5.80808C17.1997 5.69087 17.0408 5.62502 16.875 5.62502H10.5469C10.4092 5.08726 10.0964 4.61062 9.65793 4.27024C9.21943 3.92987 8.68011 3.74512 8.125 3.74512C7.56989 3.74512 7.03057 3.92987 6.59207 4.27024C6.15356 4.61062 5.84081 5.08726 5.70312 5.62502H3.125C2.95924 5.62502 2.80027 5.69087 2.68306 5.80808C2.56585 5.92529 2.5 6.08426 2.5 6.25002C2.5 6.41578 2.56585 6.57475 2.68306 6.69196C2.80027 6.80917 2.95924 6.87502 3.125 6.87502ZM8.125 5.00002C8.37223 5.00002 8.6139 5.07333 8.81946 5.21068C9.02502 5.34803 9.18524 5.54326 9.27985 5.77167C9.37446 6.00007 9.39921 6.25141 9.35098 6.49388C9.30275 6.73636 9.1837 6.95909 9.00888 7.1339C8.83407 7.30872 8.61134 7.42777 8.36886 7.476C8.12639 7.52423 7.87505 7.49948 7.64665 7.40487C7.41824 7.31026 7.22301 7.15004 7.08566 6.94448C6.94831 6.73892 6.875 6.49725 6.875 6.25002C6.875 5.9185 7.0067 5.60056 7.24112 5.36614C7.47554 5.13172 7.79348 5.00002 8.125 5.00002ZM16.875 13.125H15.5469C15.4092 12.5873 15.0964 12.1106 14.6579 11.7702C14.2194 11.4299 13.6801 11.2451 13.125 11.2451C12.5699 11.2451 12.0306 11.4299 11.5921 11.7702C11.1536 12.1106 10.8408 12.5873 10.7031 13.125H3.125C2.95924 13.125 2.80027 13.1909 2.68306 13.3081C2.56585 13.4253 2.5 13.5843 2.5 13.75C2.5 13.9158 2.56585 14.0748 2.68306 14.192C2.80027 14.3092 2.95924 14.375 3.125 14.375H10.7031C10.8408 14.9128 11.1536 15.3894 11.5921 15.7298C12.0306 16.0702 12.5699 16.2549 13.125 16.2549C13.6801 16.2549 14.2194 16.0702 14.6579 15.7298C15.0964 15.3894 15.4092 14.9128 15.5469 14.375H16.875C17.0408 14.375 17.1997 14.3092 17.3169 14.192C17.4342 14.0748 17.5 13.9158 17.5 13.75C17.5 13.5843 17.4342 13.4253 17.3169 13.3081C17.1997 13.1909 17.0408 13.125 16.875 13.125ZM13.125 15C12.8778 15 12.6361 14.9267 12.4305 14.7894C12.225 14.652 12.0648 14.4568 11.9701 14.2284C11.8755 14 11.8508 13.7486 11.899 13.5062C11.9472 13.2637 12.0663 13.041 12.2411 12.8661C12.4159 12.6913 12.6387 12.5723 12.8811 12.524C13.1236 12.4758 13.3749 12.5006 13.6034 12.5952C13.8318 12.6898 14.027 12.85 14.1643 13.0556C14.3017 13.2611 14.375 13.5028 14.375 13.75C14.375 14.0815 14.2433 14.3995 14.0089 14.6339C13.7745 14.8683 13.4565 15 13.125 15Z" fill="#4D4E4F"/> </svg> </div> <div class="toolbar-label">Filters</div> </a> </div> <div class="toolbar-item"> <a href="#search" data-bs-toggle="modal"> <div class="toolbar-icon"> <svg class="icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.9419 17.058L14.0302 13.1471C15.1639 11.7859 15.7293 10.04 15.6086 8.27263C15.488 6.50524 14.6906 4.85241 13.3823 3.65797C12.074 2.46353 10.3557 1.81944 8.58462 1.85969C6.81357 1.89994 5.12622 2.62143 3.87358 3.87407C2.62094 5.12671 1.89945 6.81406 1.8592 8.5851C1.81895 10.3561 2.46304 12.0745 3.65748 13.3828C4.85192 14.691 6.50475 15.4884 8.27214 15.6091C10.0395 15.7298 11.7854 15.1644 13.1466 14.0306L17.0575 17.9424C17.1156 18.0004 17.1845 18.0465 17.2604 18.0779C17.3363 18.1094 17.4176 18.1255 17.4997 18.1255C17.5818 18.1255 17.6631 18.1094 17.739 18.0779C17.8149 18.0465 17.8838 18.0004 17.9419 17.9424C17.9999 17.8843 18.046 17.8154 18.0774 17.7395C18.1089 17.6636 18.125 17.5823 18.125 17.5002C18.125 17.4181 18.1089 17.3367 18.0774 17.2609C18.046 17.185 17.9999 17.1161 17.9419 17.058ZM3.12469 8.75018C3.12469 7.63766 3.45459 6.55012 4.07267 5.6251C4.69076 4.70007 5.56926 3.9791 6.5971 3.55336C7.62493 3.12761 8.75593 3.01622 9.84707 3.23326C10.9382 3.4503 11.9405 3.98603 12.7272 4.7727C13.5138 5.55937 14.0496 6.56165 14.2666 7.6528C14.4837 8.74394 14.3723 9.87494 13.9465 10.9028C13.5208 11.9306 12.7998 12.8091 11.8748 13.4272C10.9497 14.0453 9.86221 14.3752 8.74969 14.3752C7.25836 14.3735 5.82858 13.7804 4.77404 12.7258C3.71951 11.6713 3.12634 10.2415 3.12469 8.75018Z" fill="#4D4E4F"/> </svg> </div> <div class="toolbar-label">Search</div> </a> </div> <div class="toolbar-item"> <a href="#wishlist" data-bs-toggle="modal"> <div class="toolbar-icon"> <svg class="icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.4215 4.45326C16.5724 3.60627 15.4225 3.12997 14.2231 3.1285C13.0238 3.12704 11.8727 3.60054 11.0215 4.44545L9.99965 5.39467L8.97699 4.44232C8.12602 3.59373 6.9728 3.11795 5.77103 3.11963C4.56926 3.12132 3.41738 3.60034 2.56879 4.45131C1.7202 5.30228 1.24441 6.4555 1.2461 7.65727C1.24778 8.85904 1.7268 10.0109 2.57777 10.8595L9.55824 17.9423C9.6164 18.0014 9.68572 18.0483 9.76217 18.0803C9.83862 18.1123 9.92067 18.1288 10.0036 18.1288C10.0864 18.1288 10.1685 18.1123 10.2449 18.0803C10.3214 18.0483 10.3907 18.0014 10.4489 17.9423L17.4215 10.8595C18.2707 10.0098 18.7477 8.85768 18.7477 7.65639C18.7477 6.45509 18.2707 5.30296 17.4215 4.45326ZM16.5348 9.98139L9.99965 16.6095L3.46059 9.97514C2.8452 9.35975 2.49948 8.52511 2.49948 7.65482C2.49948 6.78454 2.8452 5.9499 3.46059 5.33451C4.07597 4.71913 4.91061 4.37341 5.7809 4.37341C6.65118 4.37341 7.48583 4.71913 8.10121 5.33451L8.11684 5.35014L9.57387 6.7056C9.68953 6.81324 9.84166 6.87307 9.99965 6.87307C10.1576 6.87307 10.3098 6.81324 10.4254 6.7056L11.8825 5.35014L11.8981 5.33451C12.5139 4.71954 13.3488 4.37438 14.219 4.37497C15.0893 4.37555 15.9237 4.72184 16.5387 5.33764C17.1537 5.95344 17.4988 6.78831 17.4983 7.6586C17.4977 8.52888 17.1514 9.36329 16.5356 9.97826L16.5348 9.98139Z" fill="#4D4E4F"/> </svg> <!-- <div class="toolbar-count">1</div> --> </div> <div class="toolbar-label">Wishlist</div> </a> </div> <div class="toolbar-item"> <a href="#shoppingCart" data-bs-toggle="modal"> <div class="toolbar-icon"> <svg class="icon" width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.75 8.23389V4.48389C13.75 3.48932 13.3549 2.5355 12.6517 1.83224C11.9484 1.12897 10.9946 0.733887 10 0.733887C9.00544 0.733887 8.05161 1.12897 7.34835 1.83224C6.64509 2.5355 6.25 3.48932 6.25 4.48389V8.23389M3.4375 6.35889H16.5625L17.5 17.6089H2.5L3.4375 6.35889Z" stroke="#4D4E4F" stroke-width="1.2" stroke-linecap="round" stroke-linejoin="round"/> </svg> </div> <div class="toolbar-label">Cart</div> </a> </div> </div> <!-- /toolbar-bottom --> </div> <!-- Filter --> <div class="offcanvas offcanvas-start canvas-filter" id="filterShop"> <div class="canvas-wrapper"> <div class="canvas-header"> <h5>Filters</h5> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> </div> <div class="canvas-body"> <div class="widget-facet facet-categories"> <h6 class="facet-title">Product Categories</h6> <ul class="facet-content"> <li><a href="#" class="categories-item">Bags <span class="count-cate">(112)</span></a></li> <li><a href="#" class="categories-item">Booking <span class="count-cate">(32)</span> </a></li> <li><a href="#" class="categories-item">Clothing <span class="count-cate">(42)</span></a></li> <li><a href="#" class="categories-item active">Women <span class="count-cate">(65)</span></a></li> <li><a href="#" class="categories-item">Men <span class="count-cate">(13)</span></a></li> <li><a href="#" class="categories-item">Shoes <span class="count-cate">(52)</span></a></li> <li><a href="#" class="categories-item">Uncategorized <span class="count-cate">(14)</span></a></li> </ul> </div> <div class="widget-facet facet-price"> <h6 class="facet-title">Price</h6> <div class="price-val-range" id="price-value-range" data-min="0" data-max="500"></div> <div class="box-price-product"> <div class="box-price-item"> <span class="title-price">Min price</span> <div class="price-val" id="price-min-value" data-currency="$"></div> </div> <div class="box-price-item"> <span class="title-price">Max price</span> <div class="price-val" id="price-max-value" data-currency="$"></div> </div> </div> </div> <div class="widget-facet facet-size"> <h6 class="facet-title">Size</h6> <div class="facet-size-box size-box"> <span class="size-item size-check">XS</span> <span class="size-item size-check">S</span> <span class="size-item size-check">M</span> <span class="size-item size-check">L</span> <span class="size-item size-check">XL</span> <span class="size-item size-check">2XL</span> <span class="size-item size-check">3XL</span> <span class="size-item size-check free-size">Free Size</span> </div> </div> <div class="widget-facet facet-color"> <h6 class="facet-title">Colors</h6> <div class="facet-color-box"> <div class="color-item color-check"><span class="color bg-light-pink-2"></span>Pink</div> <div class="color-item color-check"><span class="color bg-red"></span> Red</div> <div class="color-item color-check"><span class="color bg-beige-2"></span>Beige</div> <div class="color-item color-check"><span class="color bg-orange-2"></span>Orange</div> <div class="color-item color-check"><span class="color bg-light-green"></span>Green</div> <div class="color-item color-check"><span class="color bg-main"></span>Black</div> <div class="color-item color-check"><span class="color bg-white line-black"></span>White</div> <div class="color-item color-check"><span class="color bg-purple-3"></span>Purple</div> <div class="color-item color-check"><span class="color bg-grey"></span>Grey</div> <div class="color-item color-check"><span class="color bg-light-blue-5"></span>Light Blue</div> <div class="color-item color-check"><span class="color bg-dark-blue"></span>Dark Blue</div> </div> </div> <div class="widget-facet facet-fieldset"> <h6 class="facet-title">Availability</h6> <div class="box-fieldset-item"> <fieldset class="fieldset-item"> <input type="radio" name="availability" class="tf-check" id="inStock"> <label for="inStock">In stock <span class="count-stock">(32)</span></label> </fieldset> <fieldset class="fieldset-item"> <input type="radio" name="availability" class="tf-check" id="outStock"> <label for="outStock">Out of stock <span class="count-stock">(2)</span></label> </fieldset> </div> </div> <div class="widget-facet facet-fieldset"> <h6 class="facet-title">Brands</h6> <div class="box-fieldset-item"> <fieldset class="fieldset-item"> <input type="checkbox" name="brand" class="tf-check" id="nike"> <label for="nike">Nike <span class="count-brand">(112)</span></label> </fieldset> <fieldset class="fieldset-item"> <input type="checkbox" name="brand" class="tf-check" id="LV"> <label for="LV">Louis Vuitton <span class="count-brand">(2)</span></label> </fieldset> <fieldset class="fieldset-item"> <input type="checkbox" name="brand" class="tf-check" id="hermes"> <label for="hermes">Hermes <span class="count-brand">(42)</span></label> </fieldset> <fieldset class="fieldset-item"> <input type="checkbox" name="brand" class="tf-check" id="gucci"> <label for="gucci">Gucci <span class="count-brand">(13)</span></label> </fieldset> <fieldset class="fieldset-item"> <input type="checkbox" name="brand" class="tf-check" id="zalando"> <label for="zalando">Zalando <span class="count-brand">(54)</span></label> </fieldset> <fieldset class="fieldset-item"> <input type="checkbox" name="brand" class="tf-check" id="adidas"> <label for="adidas">Adidas <span class="count-brand">(93)</span></label> </fieldset> </div> </div> </div> <div class="canvas-bottom"> <button id="reset-filter" class="tf-btn btn-reset">Reset Filters</button> </div> </div> </div> <!-- /Filter --> <!-- search --> <div class="modal fade modal-search" id="search"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="d-flex justify-content-between align-items-center"> <h5>Search</h5> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <form class="form-search"> <fieldset class="text"> <input type="text" placeholder="Searching..." class="" name="text" tabindex="0" value="" aria-required="true" required=""> </fieldset> <button class="" type="submit"> <svg class="icon" width="20" height="20" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> <path d="M21.35 21.0004L17 16.6504" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"></path> </svg> </button> </form> <div> <h5 class="mb_16">Feature keywords Today</h5> <ul class="list-tags"> <li><a href="#" class="radius-60 link">Dresses</a></li> <li><a href="#" class="radius-60 link">Dresses women</a></li> <li><a href="#" class="radius-60 link">Dresses midi</a></li> <li><a href="#" class="radius-60 link">Dress summer</a></li> </ul> </div> <div> <h6 class="mb_16">Recently viewed products</h6> <div class="tf-grid-layout tf-col-2 lg-col-3 xl-col-4 loadmore-item" data-display="4" data-count="4"> <div class="fl-item card-product card-product-size"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/4.webp" src="images/nails/4.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/womens/women-9.jpg" src="images/products/womens/women-9.jpg" alt="image-product"> </a> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">S</li> <li class="size-item">M</li> <li class="size-item">L</li> <li class="size-item">XL</li> </ul> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Ribbed cotton-blend top</a> <span class="price current-price">$39.99</span> </div> </div> <div class="fl-item card-product"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/2.webp" src="images/nails/2.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/1.webp" src="images/nails/1.webp" alt="image-product"> </a> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Faux-leather trousers</a> <span class="price current-price">$79.99</span> <ul class="list-color-product"> <li class="list-color-item color-swatch active"> <span class="d-none text-capitalize color-filter">Orange</span> <span class="swatch-value bg-orange"></span> <img class="lazyload" data-src="images/nails/2.webp" src="images/nails/2.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Pink</span> <span class="swatch-value bg-dark-pink"></span> <img class="lazyload" data-src="images/nails/1.webp" src="images/nails/1.webp" alt="image-product"> </li> </ul> </div> </div> <div class="fl-item card-product card-product-size"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/3.webp" src="images/nails/3.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/2.webp" src="images/nails/2.webp" alt="image-product"> </a> <div class="on-sale-wrap"><span class="on-sale-item">-25%</span></div> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">S</li> <li class="size-item">M</li> <li class="size-item">L</li> <li class="size-item">XL</li> </ul> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Belt wrap dress</a> <div class="price"><span class="old-price">$98.00</span><span class="current-price">$129.99</span></div> <ul class="list-color-product"> <li class="list-color-item color-swatch active"> <span class="d-none text-capitalize color-filter">Green</span> <span class="swatch-value bg-light-green"></span> <img class="lazyload" data-src="images/nails/3.webp" src="images/nails/3.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Grey</span> <span class="swatch-value bg-grey"></span> <img class="lazyload" data-src="images/products/womens/women-94.jpg" src="images/products/womens/women-94.jpg" alt="image-product"> </li> <li class="list-color-item color-swatch line"> <span class="d-none text-capitalize color-filter">White</span> <span class="swatch-value bg-white"></span> <img class="lazyload" data-src="images/products/womens/women-87.jpg" src="images/products/womens/women-87.jpg" alt="image-product"> </li> </ul> </div> </div> <div class="fl-item card-product card-product-size"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/5.webp" src="images/nails/5.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/4.webp" src="images/nails/4.webp" alt="image-product"> </a> <div class="on-sale-wrap"><span class="on-sale-item">-25%</span></div> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">S</li> <li class="size-item">M</li> <li class="size-item">L</li> <li class="size-item">XL</li> </ul> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Double-button trench coat</a> <div class="price"><span class="old-price">$98.00</span><span class="current-price">$219.99</span></div> <ul class="list-color-product"> <li class="list-color-item color-swatch active"> <span class="d-none text-capitalize color-filter">Grey</span> <span class="swatch-value bg-grey-2"></span> <img class="lazyload" data-src="images/nails/5.webp" src="images/nails/5.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Orange</span> <span class="swatch-value bg-light-orange"></span> <img class="lazyload" data-src="images/products/womens/women-111.jpg" src="images/products/womens/women-111.jpg" alt="image-product"> </li> <li class="list-color-item color-swatch line"> <span class="d-none text-capitalize color-filter">White</span> <span class="swatch-value bg-white"></span> <img class="lazyload" data-src="images/products/womens/women-104.jpg" src="images/products/womens/women-104.jpg" alt="image-product"> </li> </ul> </div> </div> <div class="fl-item card-product"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/products/mens/men-11.jpg" src="images/products/mens/men-11.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/mens/men-12.jpg" src="images/products/mens/men-12.jpg" alt="image-product"> </a> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> <div class="list-btn-main"> <a href="#shoppingCart" data-bs-toggle="modal" class="btn-main-product">Add To cart</a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">V-neck cotton T-shirt</a> <span class="price current-price">$59.99</span> </div> </div> <div class="fl-item card-product" > <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/products/mens/men-13.jpg" src="images/products/mens/men-13.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/mens/men-14.jpg" src="images/products/mens/men-14.jpg" alt="image-product"> </a> <div class="on-sale-wrap"><span class="on-sale-item">-25%</span></div> <div class="marquee-product bg-main"> <div class="marquee-wrapper"> <div class="initial-child-container"> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> </div> </div> <div class="marquee-wrapper"> <div class="initial-child-container"> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> <div class="marquee-child-item"> <p class="font-2 text-btn-uppercase fw-6 text-white">Hot Sale 25% OFF</p> </div> <div class="marquee-child-item"> <span class="icon icon-lightning text-critical"></span> </div> </div> </div> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> <div class="list-btn-main"> <a href="#shoppingCart" data-bs-toggle="modal" class="btn-main-product">Add To cart</a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Polarized sunglasses</a> <div class="price"><span class="old-price">$98.00</span> <span class="current-price">$79.99</span></div> <ul class="list-color-product"> <li class="list-color-item color-swatch active"> <span class="d-none text-capitalize color-filter">Beige</span> <span class="swatch-value bg-beige"></span> <img class="lazyload" data-src="images/products/mens/men-13.jpg" src="images/products/mens/men-13.jpg" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Light Blue</span> <span class="swatch-value bg-light-blue-2"></span> <img class="lazyload" data-src="images/products/mens/men-12.jpg" src="images/products/mens/men-12.jpg" alt="image-product"> </li> </ul> </div> </div> <div class="fl-item card-product card-product-size"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/products/mens/men-7.jpg" src="images/products/mens/men-7.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/mens/men-8.jpg" src="images/products/mens/men-8.jpg" alt="image-product"> </a> <div class="on-sale-wrap"><span class="on-sale-item">-25%</span></div> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">S</li> <li class="size-item">M</li> <li class="size-item">L</li> <li class="size-item">XL</li> </ul> </div> <div class="variant-wrap countdown-wrap"> <div class="variant-box"> <div class="js-countdown" data-timer="1007500" data-labels="D :,H :,M :,S"></div> </div> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Ramie shirt with pockets </a> <div class="price"><span class="old-price">$98.00</span> <span class="current-price">$89.99</span></div> <ul class="list-color-product"> <li class="list-color-item color-swatch active line"> <span class="d-none text-capitalize color-filter">Green</span> <span class="swatch-value bg-light-green"></span> <img class="lazyload" data-src="images/products/mens/men-7.jpg" src="images/products/mens/men-7.jpg" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Grey</span> <span class="swatch-value bg-light-grey"></span> <img class="lazyload" data-src="images/products/mens/men-11.jpg" src="images/products/mens/men-11.jpg" alt="image-product"> </li> </ul> </div> </div> <div class="fl-item card-product"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/products/mens/men-1.jpg" src="images/products/mens/men-1.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/mens/men-3.jpg" src="images/products/mens/men-3.jpg" alt="image-product"> </a> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> <div class="list-btn-main"> <a href="#shoppingCart" data-bs-toggle="modal" class="btn-main-product">Add To cart</a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Ribbed cotton-blend top</a> <span class="price current-price">$69.99</span> <ul class="list-color-product"> <li class="list-color-item color-swatch active line"> <span class="d-none text-capitalize color-filter">Light Blue</span> <span class="swatch-value bg-light-blue"></span> <img class="lazyload" data-src="images/products/mens/men-1.jpg" src="images/products/mens/men-1.jpg" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Pink</span> <span class="swatch-value bg-light-pink"></span> <img class="lazyload" data-src="images/products/mens/men-13.jpg" src="images/products/mens/men-13.jpg" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Grey</span> <span class="swatch-value bg-dark-grey-2"></span> <img class="lazyload" data-src="images/products/mens/men-9.jpg" src="images/products/mens/men-9.jpg" alt="image-product"> </li> </ul> </div> </div> <div class="fl-item card-product card-product-size"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/7.webp" src="images/nails/7.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/6.webp" src="images/nails/6.webp" alt="image-product"> </a> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">XS</li> <li class="size-item">L</li> <li class="size-item">XL</li> <li class="size-item">2XL</li> <li class="size-item">3XL</li> </ul> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Buttoned cotton shirt</a> <span class="price current-price">$89.99</span> <ul class="list-color-product"> <li class="list-color-item color-swatch active"> <span class="d-none text-capitalize color-filter">Light Blue</span> <span class="swatch-value bg-light-blue"></span> <img class="lazyload" data-src="images/nails/7.webp" src="images/nails/7.webp" alt="image-product"> </li> <li class="list-color-item color-swatch line"> <span class="d-none text-capitalize color-filter">White</span> <span class="swatch-value bg-white"></span> <img class="lazyload" data-src="images/nails/8.webp" src="images/nails/8.webp" alt="image-product"> </li> </ul> </div> </div> <div class="fl-item card-product card-product-size"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/6.webp" src="images/nails/6.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/7.webp" src="images/nails/7.webp" alt="image-product"> </a> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">XS</li> <li class="size-item">M</li> <li class="size-item">L</li> <li class="size-item">XL</li> <li class="size-item">2XL</li> <li class="size-item">3XL</li> </ul> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Chest pocket cotton over shirt</a> <span class="price current-price">$99.25</span> <ul class="list-color-product"> <li class="list-color-item color-swatch active"> <span class="d-none text-capitalize color-filter">Beige</span> <span class="swatch-value bg-beige"></span> <img class="lazyload" data-src="images/nails/6.webp" src="images/nails/6.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Black</span> <span class="swatch-value bg-main"></span> <img class="lazyload" data-src="images/products/mens/men-18.jpg" src="images/products/mens/men-18.jpg" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Dark Blue</span> <span class="swatch-value bg-dark-blue"></span> <img class="lazyload" data-src="images/products/mens/men-17.jpg" src="images/products/mens/men-17.jpg" alt="image-product"> </li> </ul> </div> </div> <div class="fl-item card-product"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/4.webp" src="images/nails/4.webp" alt="image-product"> <img class="lazyload img-hover" data-src="images/nails/4.webp" src="images/nails/4.webp" alt="image-product"> </a> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> <div class="list-btn-main"> <a href="#shoppingCart" data-bs-toggle="modal" class="btn-main-product">Add To cart</a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Cotton shopper bag</a> <span class="price current-price">$199.25</span> <ul class="list-color-product"> <li class="list-color-item color-swatch active line"> <span class="d-none text-capitalize color-filter">White</span> <span class="swatch-value bg-white"></span> <img class="lazyload" data-src="images/nails/4.webp" src="images/nails/4.webp" alt="image-product"> </li> <li class="list-color-item color-swatch"> <span class="d-none text-capitalize color-filter">Beige</span> <span class="swatch-value bg-beige"></span> <img class="lazyload" data-src="images/nails/6.webp" src="images/nails/6.webp" alt="image-product"> </li> </ul> </div> </div> <div class="fl-item card-product card-product-size"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/nails/5.webp" src="images/nails/5.webp" alt="image-product"> <img class="lazyload img-hover" data-src="iimages/nails/4.webp" src="iimages/nails/4.webp" alt="image-product"> </a> <div class="variant-wrap size-list"> <ul class="variant-box"> <li class="size-item">XS</li> <li class="size-item">M</li> <li class="size-item">L</li> <li class="size-item">XL</li> <li class="size-item">2XL</li> <li class="size-item">3XL</li> </ul> </div> <div class="list-product-btn"> <a href="javascript:void(0);" class="box-icon wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Wishlist</span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon compare btn-icon-action"> <span class="icon icon-gitDiff"></span> <span class="tooltip">Compare</span> </a> <a href="#quickView" data-bs-toggle="modal" class="box-icon quickview tf-btn-loading"> <span class="icon icon-eye"></span> <span class="tooltip">Quick View</span> </a> </div> <div class="list-btn-main"> <a href="#quickAdd" data-bs-toggle="modal" class="btn-main-product">Quick Add</a> </div> </div> <div class="card-product-info"> <a href="product-detail.html" class="title link">Chest pocket cotton over shirt</a> <span class="price current-price">$250.00</span> </div> </div> </div> </div> <!-- Load Item --> <div class="wd-load view-more-button text-center"> <button class="tf-loading btn-loadmore tf-btn btn-reset"><span class="text text-btn text-btn-uppercase">Load more</span></button> </div> </div> </div> </div> <!-- /search --> <!-- modalDemo --> <div class="modal fade modalDemo" id="modalDemo"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="mega-menu"> <div class="row-demo"> <div class="demo-item"> <a href="index.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-fashion-womenswear.jpg" src="images/demo/home-fashion-womenswear.jpg" alt="home-fashion-womenswear"> <div class="demo-label"> <span class="demo-new">New</span> <span>Trend</span> </div> </div> <span class="demo-name">Fashion Womenswear</span> </a> </div> <div class="demo-item"> <a href="home-fashion-eleganceNest.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-fashion-eleganceNest.jpg" src="images/demo/home-fashion-eleganceNest.jpg" alt="home-fashion-eleganceNest"> <div class="demo-label"> <span class="demo-new">New</span> <span class="demo-hot">Hot</span> </div> </div> <span class="demo-name">Fashion EleganceNest</span> </a> </div> <div class="demo-item"> <a href="home-fashion-main.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-fashion-main.jpg" src="images/demo/home-fashion-main.jpg" alt="home-fashion-main"> <div class="demo-label"> <span class="demo-hot">Hot</span> </div> </div> <span class="demo-name">Fashion Main</span> </a> </div> <div class="demo-item"> <a href="home-fashion-trendset.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-fashion-trendset.jpg" src="images/demo/home-fashion-trendset.jpg" alt="home-fashion-trendset"> </div> <span class="demo-name">Fashion TrendsetHome</span> </a> </div> <div class="demo-item"> <a href="home-fashion-vogueLing.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-fashion-vogueLiving.jpg" src="images/demo/home-fashion-vogueLiving.jpg" alt="home-fashion-vogueLiving"> </div> <span class="demo-name">Fashion VogueLiving</span> </a> </div> <div class="demo-item"> <a href="home-fashion-elegantAbode.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-fashion-elegantAbode.jpg" src="images/demo/home-fashion-elegantAbode.jpg" alt="home-fashion-elegantAbode"> </div> <span class="demo-name">Fashion ElegantAbode</span> </a> </div> <div class="demo-item"> <a href="home-fashion-glamDwell.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-fashion-glamDwell.jpg" src="images/demo/home-fashion-glamDwell.jpg" alt="home-fashion-glamDwell"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Fashion GlamDwell</span> </a> </div> <div class="demo-item"> <a href="home-fashion-classyCove.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-fashion-classycove.jpg" src="images/demo/home-fashion-classycove.jpg" alt="home-fashion-classyCove"> </div> <span class="demo-name">Fashion ClassyCove</span> </a> </div> <div class="demo-item"> <a href="home-fashion-chicHaven.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-fashion-chicHaven.jpg" src="images/demo/home-fashion-chicHaven.jpg" alt="home-fashion-chicHaven1"> </div> <span class="demo-name">Fashion ChicHaven 1</span> </a> </div> <div class="demo-item"> <a href="home-fashion-chicHaven-02.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-fashion-chicHaven2.jpg" src="images/demo/home-fashion-chicHaven2.jpg" alt="home-fashion-chicHaven2"> </div> <span class="demo-name">Fashion ChicHaven 2</span> </a> </div> <div class="demo-item"> <a href="home-fashion-tiktok.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-fashion-tiktok.jpg" src="images/demo/home-fashion-tiktok.jpg" alt="home-fashion-tiktok"> </div> <span class="demo-name">Fashion TikTok</span> </a> </div> <div class="demo-item"> <a href="home-fashion-luxeLiving.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-fashion-luxeLiving.jpg" src="images/demo/home-fashion-luxeLiving.jpg" alt="home-fashion-luxeLiving"> </div> <span class="demo-name">Fashion LuxeLiving</span> </a> </div> <div class="demo-item"> <a href="home-fashion-modernRetreat.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-fashion-modernRetreat.jpg" src="images/demo/home-fashion-modernRetreat.jpg" alt="home-fashion-modernRetreat"> </div> <span class="demo-name">Fashion ModernRetreat</span> </a> </div> <div class="demo-item"> <a href="home-beauty.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-beauty.jpg" src="images/demo/home-beauty.jpg" alt="home-beauty"> </div> <span class="demo-name">Beauty</span> </a> </div> <div class="demo-item"> <a href="home-skincare.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-skinCare.jpg" src="images/demo/home-skinCare.jpg" alt="home-skincare"> </div> <span class="demo-name">Skin Care</span> </a> </div> <div class="demo-item"> <a href="home-cosmetic.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-cosmetic.jpg" src="images/demo/home-cosmetic.jpg" alt="home-cosmetic"> </div> <span class="demo-name">Cosmetic</span> </a> </div> <div class="demo-item"> <a href="home-decor.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-decor.jpg" src="images/demo/home-decor.jpg" alt="home-decor"> </div> <span class="demo-name">Decor</span> </a> </div> <div class="demo-item"> <a href="home-furniture.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-furniture.jpg" src="images/demo/home-furniture.jpg" alt="home-furniture"> </div> <span class="demo-name">Furniture</span> </a> </div> <div class="demo-item"> <a href="home-jewelry-01.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-jewelry.jpg" src="images/demo/home-jewelry.jpg" alt="home-jewelry-elegantGems"> </div> <span class="demo-name">Jewelry ElegantGems</span> </a> </div> <div class="demo-item"> <a href="home-jewelry-02.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-jewelry2.jpg" src="images/demo/home-jewelry2.jpg" alt="home-jewelry-glitterGlam"> </div> <span class="demo-name">Jewelry GlitterGlam</span> </a> </div> <div class="demo-item"> <a href="home-activewear.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-activewear.jpg" src="images/demo/home-activewear.jpg" alt="home-activewear"> </div> <span class="demo-name">Activewear</span> </a> </div> <div class="demo-item"> <a href="home-organic.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-organic.jpg" src="images/demo/home-organic.jpg" alt="home-organic"> </div> <span class="demo-name">Organic</span> </a> </div> <div class="demo-item"> <a href="home-sock.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-sock.jpg" src="images/demo/home-sock.jpg" alt="home-sock"> </div> <span class="demo-name">Socks</span> </a> </div> <div class="demo-item"> <a href="home-camping.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-camping.jpg" src="images/demo/home-camping.jpg" alt="home-camping"> </div> <span class="demo-name">Camping</span> </a> </div> <div class="demo-item"> <a href="home-electronic.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-electronic.jpg" src="images/demo/home-electronic.jpg" alt="home-electronic"> </div> <span class="demo-name">Electronic Market</span> </a> </div> <div class="demo-item"> <a href="home-pet-store.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-pet-store.jpg" src="images/demo/home-pet-store.jpg" alt="home-pet-store"> </div> <span class="demo-name">Pet Store</span> </a> </div> <div class="demo-item"> <a href="home-pickleball.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-pickleball.jpg" src="images/demo/home-pickleball.jpg" alt="home-pickleball"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">PickleBall</span> </a> </div> <div class="demo-item"> <a href="home-sock-2.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-sock2.jpg" src="images/demo/home-sock2.jpg" alt="home-sock2"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Socks 2</span> </a> </div> <div class="demo-item"> <a href="home-bookstore.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-bookstore.jpg" src="images/demo/home-bookstore.jpg" alt="home-bookstore"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Bookstore</span> </a> </div> <div class="demo-item"> <a href="home-baby.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-baby.jpg" src="images/demo/home-baby.jpg" alt="home-baby"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Baby</span> </a> </div> <div class="demo-item"> <a href="home-electronics-store.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-electronic-store.jpg" src="images/demo/home-electronic-store.jpg" alt="home-electronic-store"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Electronics Store</span> </a> </div> <div class="demo-item"> <a href="home-sneaker.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-sneaker.jpg" src="images/demo/home-sneaker.jpg" alt="home-sneaker"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Sneaker</span> </a> </div> <div class="demo-item"> <a href="home-gaming.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-gaming-accessory.jpg" src="images/demo/home-gaming-accessory.jpg" alt="home-gaming-accessory"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Gaming Accessory</span> </a> </div> </div> </div> </div> </div> </div> <!-- /modalDemo --> <!-- mobile menu --> <div class="offcanvas offcanvas-start canvas-mb" id="mobileMenu"> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> <div class="mb-canvas-content"> <div class="mb-body"> <div class="mb-content-top"> <form class="form-search"> <fieldset class="text"> <input type="text" placeholder="What are you looking for?" class="" name="text" tabindex="0" value="" aria-required="true" required=""> </fieldset> <button class="" type="submit"> <svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M11 19C15.4183 19 19 15.4183 19 11C19 6.58172 15.4183 3 11 3C6.58172 3 3 6.58172 3 11C3 15.4183 6.58172 19 11 19Z" stroke="#181818" stroke-linecap="round" stroke-linejoin="round"/> <path d="M20.9984 20.9999L16.6484 16.6499" stroke="#181818" stroke-linecap="round" stroke-linejoin="round"/> </svg> </button> </form> <ul class="nav-ul-mb" id="wrapper-menu-navigation"> <li class="nav-mb-item"> <a href="#dropdown-menu-one" class="collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="dropdown-menu-one"> <span>Home</span> <span class="btn-open-sub"></span> </a> <div id="dropdown-menu-one" class="collapse"> <ul class="sub-nav-menu" > <li><a href="index.html" class="sub-nav-link">Fashion Womenswear</a></li> <li><a href="home-fashion-eleganceNest.html" class="sub-nav-link">Fashion EleganceNest</a></li> <li><a href="home-fashion-main.html" class="sub-nav-link">Fashion Main</a></li> <li><a href="home-fashion-trendset.html" class="sub-nav-link">Fashion TrendsetHome</a></li> <li><a href="home-fashion-vogueLing.html" class="sub-nav-link">Fashion VogueLiving</a></li> <li><a href="home-fashion-elegantAbode.html" class="sub-nav-link">Fashion ElegantAbode</a></li> <li><a href="home-fashion-glamDwell.html" class="sub-nav-link">Fashion GlamDwell</a></li> <li><a href="home-fashion-classyCove.html" class="sub-nav-link">Fashion ClassyCove</a></li> <li><a href="home-fashion-chicHaven.html" class="sub-nav-link">Fashion ChicHaven 1</a></li> <li><a href="home-fashion-chicHaven-02.html" class="sub-nav-link">Fashion ChicHaven 2</a></li> <li><a href="home-fashion-tiktok.html" class="sub-nav-link">Fashion TikTok</a></li> <li><a href="home-fashion-luxeLiving.html" class="sub-nav-link">Fashion LuxeLiving</a></li> <li><a href="home-fashion-modernRetreat.html" class="sub-nav-link">Fashion ModernRetreat</a></li> <li><a href="home-beauty.html" class="sub-nav-link">Beauty</a></li> <li><a href="home-skincare.html" class="sub-nav-link">Skin Care</a></li> <li><a href="home-cosmetic.html" class="sub-nav-link">Cosmetic</a></li> <li><a href="home-decor.html" class="sub-nav-link">Decor</a></li> <li><a href="home-furniture.html" class="sub-nav-link">Furniture</a></li> <li><a href="home-jewelry-01.html" class="sub-nav-link">Jewelry ElegantGems</a></li> <li><a href="home-jewelry-02.html" class="sub-nav-link">Jewelry GlitterGlam</a></li> <li><a href="home-activewear.html" class="sub-nav-link">Activewear</a></li> <li><a href="home-organic.html" class="sub-nav-link">Organic</a></li> <li><a href="home-sock.html" class="sub-nav-link">Socks</a></li> <li><a href="home-camping.html" class="sub-nav-link">Camping</a></li> <li><a href="home-electronic.html" class="sub-nav-link">Electronic Market</a></li> <li><a href="home-pet-store.html" class="sub-nav-link">Pet Store</a></li> <li><a href="home-pickleball.html" class="sub-nav-link">PickleBall</a></li> <li><a href="home-sock-2.html" class="sub-nav-link">Sock 2</a></li> <li><a href="home-bookstore.html" class="sub-nav-link">Book Store</a></li> <li><a href="home-baby.html" class="sub-nav-link">Baby</a></li> <li><a href="home-electronics-store.html" class="sub-nav-link">Electronics Store</a></li> <li><a href="home-sneaker.html" class="sub-nav-link">Sneaker</a></li> <li><a href="home-gaming.html" class="sub-nav-link">Gaming Accessory</a></li> </ul> </div> </li> <li class="nav-mb-item active"> <a href="#dropdown-menu-two" class="collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="dropdown-menu-two"> <span>Shop</span> <span class="btn-open-sub"></span> </a> <div id="dropdown-menu-two" class="collapse"> <ul class="sub-nav-menu"> <li><a href="#sub-shop-one" class="sub-nav-link collapsed" data-bs-toggle="collapse" aria-expanded="true" aria-controls="sub-shop-one"> <span>Shop layout</span> <span class="btn-open-sub"></span> </a> <div id="sub-shop-one" class="collapse"> <ul class="sub-nav-menu sub-menu-level-2"> <li><a href="shop-default-grid.html" class="sub-nav-link">Default Grid</a></li> <li><a href="shop-default-list.html" class="sub-nav-link">Default List</a></li> <li><a href="shop-fullwidth-list.html" class="sub-nav-link">Full Width List</a></li> <li><a href="shop-fullwidth-grid.html" class="sub-nav-link">Full Width Grid</a></li> <li><a href="shop-left-sidebar.html" class="sub-nav-link">Left Sidebar</a></li> <li><a href="shop-right-sidebar.html" class="sub-nav-link">Right Sidebar</a></li> <li><a href="shop-filter-dropdown.html" class="sub-nav-link">Filter Dropdown</a></li> <li><a href="shop-filter-canvas.html" class="sub-nav-link">Filter Canvas</a></li> </ul> </div> </li> <li> <a href="#sub-shop-two" class="sub-nav-link collapsed" data-bs-toggle="collapse" aria-expanded="true" aria-controls="sub-shop-two"> <span>Shop Features</span> <span class="btn-open-sub"></span> </a> <div id="sub-shop-two" class="collapse"> <ul class="sub-nav-menu sub-menu-level-2"> <li><a href="shop-categories-top.html" class="sub-nav-link">Categories Top 1</a></li> <li><a href="shop-categories-top-02.html" class="sub-nav-link">Categories Top 2</a></li> <li><a href="shop-collection.html" class="sub-nav-link">Shop Collection</a></li> <li><a href="shop-breadcrumb-img.html" class="sub-nav-link">Breadcrumb IMG</a></li> <li><a href="shop-breadcrumb-left.html" class="sub-nav-link">Breadcrumb Left</a></li> <li><a href="shop-breadcrumb-background.html" class="sub-nav-link">Breadcrumb BG</a></li> <li><a href="shop-load-button.html" class="sub-nav-link">Load Button</a></li> <li><a href="shop-pagination.html" class="sub-nav-link">Pagination</a></li> <li><a href="shop-infinite-scrolling.html" class="sub-nav-link">Infinite Scrolling</a></li> </ul> </div> </li> <li> <a href="#sub-shop-three" class="active sub-nav-link collapsed" data-bs-toggle="collapse" aria-expanded="true" aria-controls="sub-shop-three"> <span>Products Hover</span> <span class="btn-open-sub"></span> </a> <div id="sub-shop-three" class="collapse"> <ul class="sub-nav-menu sub-menu-level-2"> <li><a href="product-style-01.html" class="sub-nav-link">Product Style 1</a></li> <li><a href="product-style-02.html" class="sub-nav-link">Product Style 2</a></li> <li><a href="product-style-03.html" class="active sub-nav-link">Product Style 3</a></li> <li><a href="product-style-04.html" class="sub-nav-link">Product Style 4</a></li> <li><a href="product-style-05.html" class="sub-nav-link">Product Style 5</a></li> <li><a href="product-style-06.html" class="sub-nav-link">Product Style 6</a></li> <li><a href="product-style-07.html" class="sub-nav-link">Product Style 7</a></li> </ul> </div> </li> <li> <a href="#sub-shop-four" class="sub-nav-link collapsed" data-bs-toggle="collapse" aria-expanded="true" aria-controls="sub-shop-four"> <span>My Pages</span> <span class="btn-open-sub"></span> </a> <div id="sub-shop-four" class="collapse"> <ul class="sub-nav-menu sub-menu-level-2"> <li><a href="wish-list.html" class="sub-nav-link">Wish List</a></li> <li><a href="search-result.html" class="sub-nav-link">Search Result</a></li> <li><a href="shopping-cart.html" class="sub-nav-link">Shopping Cart</a></li> <li><a href="login.html" class="sub-nav-link">Login/Register</a></li> <li><a href="forget-password.html" class="sub-nav-link">Forget Password</a></li> <li><a href="order-tracking.html" class="sub-nav-link">Order Tracking</a></li> <li><a href="my-account.html" class="sub-nav-link">My Account</a></li> </ul> </div> </li> </ul> </div> </li> <li class="nav-mb-item"> <a href="#dropdown-menu-three" class="collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="dropdown-menu-three"> <span>Products</span> <span class="btn-open-sub"></span> </a> <div id="dropdown-menu-three" class="collapse"> <ul class="sub-nav-menu"> <li> <a href="#sub-product-one" class="sub-nav-link collapsed" data-bs-toggle="collapse" aria-expanded="true" aria-controls="sub-product-one"> <span>Products Layout</span> <span class="btn-open-sub"></span> </a> <div id="sub-product-one" class="collapse"> <ul class="sub-nav-menu sub-menu-level-2"> <li><a href="product-detail.html" class="sub-nav-link">Product Default</a></li> <li><a href="product-grid-1.html" class="sub-nav-link">Product Grid1</a></li> <li><a href="product-grid-2.html" class="sub-nav-link">Product Grid2</a></li> <li><a href="product-stacked.html" class="sub-nav-link">Product stacked</a></li> <li><a href="product-right-thumbnails.html" class="sub-nav-link">Product right thumbnails</a></li> <li><a href="product-bottom-thumbnails.html" class="sub-nav-link">Product bottom thumbnails</a></li> <li><a href="product-description-accordion.html" class="sub-nav-link">Product Description Accordion</a></li> <li><a href="product-description-list.html" class="sub-nav-link">Product Description List</a></li> <li><a href="product-description-menutab.html" class="sub-nav-link">Product Description MenuTab</a></li> <li><a href="product-description-fullwidth.html" class="sub-nav-link">Product Description Fullwidth</a></li> <li><a href="product-fixed-price.html" class="sub-nav-link">Product Fixed Price</a></li> <li><a href="product-fixed-scroll.html" class="sub-nav-link">Product Fixed Scrolls</a></li> </ul> </div> </li> <li> <a href="#sub-product-two" class="sub-nav-link collapsed" data-bs-toggle="collapse" aria-expanded="true" aria-controls="sub-product-two"> <span>Colors Swatched</span> <span class="btn-open-sub"></span> </a> <div id="sub-product-two" class="collapse"> <ul class="sub-nav-menu sub-menu-level-2"> <li><a href="product-swatch-color.html" class="sub-nav-link">Product Swatch Color</a></li> <li><a href="product-swatch-rounded.html" class="sub-nav-link">Product Swatch Rounded</a></li> <li><a href="product-swatch-rounded-color.html" class="sub-nav-link">Product Swatch Rounded Colors</a></li> <li><a href="product-swatch-image.html" class="sub-nav-link">Product Swatch Image</a></li> <li><a href="product-swatch-rounded-image.html" class="sub-nav-link">Product Swatch Rounded Image</a></li> <li><a href="product-swatch-dropdown.html" class="sub-nav-link">Product Swatch Dropdown</a></li> <li><a href="product-swatch-dropdown-color.html" class="sub-nav-link">Product Swatch Dropdown Colors</a></li> </ul> </div> </li> <li> <a href="#sub-product-three" class="sub-nav-link collapsed" data-bs-toggle="collapse" aria-expanded="true" aria-controls="sub-product-three"> <span>Products Features</span> <span class="btn-open-sub"></span> </a> <div id="sub-product-three" class="collapse"> <ul class="sub-nav-menu sub-menu-level-2"> <li><a href="product-frequently-bought-together.html" class="sub-nav-link">Frequently Bought Together 1</a></li> <li><a href="product-frequently-bought-together-02.html" class="sub-nav-link">Frequently Bought Together 2</a></li> <li><a href="product-up-sell.html" class="sub-nav-link">Up Sell</a></li> <li><a href="product-pre-order.html" class="sub-nav-link">Pre-orders</a></li> <li><a href="product-grouped.html" class="sub-nav-link">Grouped</a></li> <li><a href="product-customer-note.html" class="sub-nav-link">Customer Note</a></li> <li><a href="product-out-of-stock.html" class="sub-nav-link">Out Of Stock</a></li> <li><a href="product-pickup-available.html" class="sub-nav-link">Pick Up Available</a></li> <li><a href="product-variable.html" class="sub-nav-link">Variable</a></li> <li><a href="product-deals.html" class="sub-nav-link">Deals</a></li> <li><a href="product-with-discount.html" class="sub-nav-link">With Discount</a></li> <li><a href="product-external.html" class="sub-nav-link">External</a></li> <li><a href="product-subscribe-save.html" class="sub-nav-link">Subscribe Save</a></li> <li><a href="product-deals-grid.html" class="sub-nav-link">Deals Grid</a></li> <li><a href="product-buyx-gety.html" class="sub-nav-link">Buy X Get Y</a></li> </ul> </div> </li> </ul> </div> </li> <li class="nav-mb-item"> <a href="#dropdown-menu-four" class="collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="dropdown-menu-four"> <span>Blog</span> <span class="btn-open-sub"></span> </a> <div id="dropdown-menu-four" class="collapse"> <ul class="sub-nav-menu"> <li><a href="blog-default.html" class="sub-nav-link">Blog Default</a></li> <li><a href="blog-list.html" class="sub-nav-link">Blog List</a></li> <li><a href="blog-grid.html" class="sub-nav-link">Blog Grid</a></li> <li><a href="blog-detail.html" class="sub-nav-link">Blog Detail 1</a></li> <li><a href="blog-detail-02.html" class="sub-nav-link">Blog Detail 2</a></li> </ul> </div> </li> <li class="nav-mb-item"> <a href="#dropdown-menu-five" class="collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="dropdown-menu-five"> <span>Pages</span> <span class="btn-open-sub"></span> </a> <div id="dropdown-menu-five" class="collapse"> <ul class="sub-nav-menu" > <li><a href="about-us.html" class="sub-nav-link">About Us</a></li> <li><a href="store-list.html" class="sub-nav-link">Store List 1</a></li> <li><a href="store-list-02.html" class="sub-nav-link">Store List 2</a></li> <li><a href="contact.html" class="sub-nav-link">Contact Us 1</a></li> <li><a href="contact-02.html" class="sub-nav-link">Contact Us 2</a></li> <li><a href="404.html" class="sub-nav-link">404</a></li> <li><a href="FAQs.html" class="sub-nav-link">FAQs</a></li> <li><a href="term-of-use.html" class="sub-nav-link">Terms Of Use</a></li> <li><a href="coming-soon.html" class="sub-nav-link">Coming Soon</a></li> <li><a href="customer-feedback.html" class="sub-nav-link">Customer Feedbacks</a></li> </ul> </div> </li> <li class="nav-mb-item"> <a href="https://themeforest.net/user/themesflat" class="mb-menu-link">Buy Theme</a> </li> </ul> </div> <div class="mb-other-content"> <div class="group-icon"> <a href="wish-list.html" class="site-nav-icon"> <svg class="icon" width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20.8401 4.60987C20.3294 4.09888 19.7229 3.69352 19.0555 3.41696C18.388 3.14039 17.6726 2.99805 16.9501 2.99805C16.2276 2.99805 15.5122 3.14039 14.8448 3.41696C14.1773 3.69352 13.5709 4.09888 13.0601 4.60987L12.0001 5.66987L10.9401 4.60987C9.90843 3.57818 8.50915 2.99858 7.05012 2.99858C5.59109 2.99858 4.19181 3.57818 3.16012 4.60987C2.12843 5.64156 1.54883 7.04084 1.54883 8.49987C1.54883 9.95891 2.12843 11.3582 3.16012 12.3899L4.22012 13.4499L12.0001 21.2299L19.7801 13.4499L20.8401 12.3899C21.3511 11.8791 21.7565 11.2727 22.033 10.6052C22.3096 9.93777 22.4519 9.22236 22.4519 8.49987C22.4519 7.77738 22.3096 7.06198 22.033 6.39452C21.7565 5.72706 21.3511 5.12063 20.8401 4.60987V4.60987Z" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Wishlist </a> <a href="login.html" class="site-nav-icon"> <svg class="icon" width="18" height="18" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M20 21V19C20 17.9391 19.5786 16.9217 18.8284 16.1716C18.0783 15.4214 17.0609 15 16 15H8C6.93913 15 5.92172 15.4214 5.17157 16.1716C4.42143 16.9217 4 17.9391 4 19V21" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> <path d="M12 11C14.2091 11 16 9.20914 16 7C16 4.79086 14.2091 3 12 3C9.79086 3 8 4.79086 8 7C8 9.20914 9.79086 11 12 11Z" stroke="#181818" stroke-width="2" stroke-linecap="round" stroke-linejoin="round"/> </svg> Login </a> </div> <div class="mb-notice"> <a href="contact.html" class="text-need">Need Help?</a> </div> <div class="mb-contact"> <p class="text-caption-1">549 Oak St.Crystal Lake, IL 60014</p> <a href="contact.html" class="tf-btn-default text-btn-uppercase">GET DIRECTION<i class="icon-arrowUpRight"></i></a> </div> <ul class="mb-info"> <li> <i class="icon icon-mail"></i> <p>themesflat@gmail.com</p> </li> <li> <i class="icon icon-phone"></i> <p>315-666-6688</p> </li> </ul> </div> </div> <div class="mb-bottom"> <div class="bottom-bar-language"> <div class="tf-currencies"> <select class="image-select center style-default type-currencies"> <option selected data-thumbnail="images/country/us.svg">USD</option> <option data-thumbnail="images/country/vn.svg">VND</option> </select> </div> <div class="tf-languages"> <select class="image-select center style-default type-languages"> <option>English</option> <option>Vietnam</option> </select> </div> </div> </div> </div> </div> <!-- /mobile menu --> <!-- quickView --> <div class="modal fullRight fade modal-quick-view" id="quickView"> <div class="modal-dialog"> <div class="modal-content"> <div class="tf-quick-view-image"> <div class="wrap-quick-view wrapper-scroll-quickview"> <div class="quickView-item item-scroll-quickview" data-scroll-quickview="beige"> <img class="lazyload" data-src="images/nails/3.webp" src="images/nails/3.webp" alt=""> </div> <div class="quickView-item item-scroll-quickview" data-scroll-quickview="beige"> <img class="lazyload" data-src="images/nails/8.webp" src="images/nails/8.webp" alt=""> </div> <div class="quickView-item item-scroll-quickview" data-scroll-quickview="gray"> <img class="lazyload" data-src="images/products/womens/women-3.jpg" src="images/products/womens/women-3.jpg" alt=""> </div> <div class="quickView-item item-scroll-quickview" data-scroll-quickview="gray"> <img class="lazyload" data-src="images/products/womens/women-4.jpg" src="images/products/womens/women-4.jpg" alt=""> </div> <div class="quickView-item item-scroll-quickview" data-scroll-quickview="grey"> <img class="lazyload" data-src="images/nails/1.webp" src="images/nails/1.webp" alt=""> </div> <div class="quickView-item item-scroll-quickview" data-scroll-quickview="grey"> <img class="lazyload" data-src="images/nails/2.webp" src="images/nails/2.webp" alt=""> </div> </div> </div> <div class="wrap"> <div class="header"> <h5 class="title">Quick View</h5> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="tf-product-info-list"> <div class="tf-product-info-heading"> <div class="tf-product-info-name"> <div class="text text-btn-uppercase">Clothing</div> <h3 class="name">Stretch Strap Top</h3> <div class="sub"> <div class="tf-product-info-rate"> <div class="list-star"> <i class="icon icon-star"></i> <i class="icon icon-star"></i> <i class="icon icon-star"></i> <i class="icon icon-star"></i> <i class="icon icon-star"></i> </div> <div class="text text-caption-1">(134 reviews)</div> </div> <div class="tf-product-info-sold"> <i class="icon icon-lightning"></i> <div class="text text-caption-1">18 sold in last 32 hours</div> </div> </div> </div> <div class="tf-product-info-desc"> <div class="tf-product-info-price"> <h5 class="price-on-sale font-2">$79.99</h5> <div class="compare-at-price font-2">$98.99</div> <div class="badges-on-sale text-btn-uppercase"> -25% </div> </div> <p>The garments labelled as Committed are products that have been produced using sustainable fibres or processes, reducing their environmental impact.</p> <div class="tf-product-info-liveview"> <i class="icon icon-eye"></i> <p class="text-caption-1"><span class="liveview-count">28</span> people are viewing this right now</p> </div> </div> </div> <div class="tf-product-info-choose-option"> <div class="variant-picker-item"> <div class="variant-picker-label mb_12"> Colors:<span class="text-title variant-picker-label-value">Beige</span> </div> <div class="variant-picker-values"> <input id="values-beige1" type="radio" name="color2" checked> <label class="hover-tooltip tooltip-bot radius-60 color-btn btn-scroll-quickview active" data-slide="0" data-price="79.99" for="values-beige1" data-value="Beige" data-scroll-quickview="beige"> <span class="btn-checkbox bg-color-beige1"></span> <span class="tooltip">Beige</span> </label> <input id="values-gray1" type="radio" name="color2"> <label class="hover-tooltip tooltip-bot radius-60 color-btn btn-scroll-quickview" data-slide="1" data-price="79.99" for="values-gray1" data-value="Gray" data-scroll-quickview="gray"> <span class="btn-checkbox bg-color-gray"></span> <span class="tooltip">Gray</span> </label> <input id="values-grey1" type="radio" name="color2"> <label class="hover-tooltip tooltip-bot radius-60 color-btn btn-scroll-quickview" data-slide="2" data-price="89.99" for="values-grey1" data-value="Grey" data-scroll-quickview="grey"> <span class="btn-checkbox bg-color-grey"></span> <span class="tooltip">Grey</span> </label> </div> </div> <div class="variant-picker-item"> <div class="d-flex justify-content-between mb_12"> <div class="variant-picker-label"> Size:<span class="text-title variant-picker-label-value">L</span> </div> <a class="size-guide text-title link show-size-guide">Size Guide</a> </div> <div class="variant-picker-values gap12"> <input type="radio" name="size2" id="values-s1"> <label class="style-text size-btn" for="values-s1" data-value="S"> <span class="text-title">S</span> </label> <input type="radio" name="size2" id="values-m1"> <label class="style-text size-btn" for="values-m1" data-value="M"> <span class="text-title">M</span> </label> <input type="radio" name="size2" id="values-l1" checked> <label class="style-text size-btn" for="values-l1" data-value="L" data-price="89.99"> <span class="text-title">L</span> </label> <input type="radio" name="size2" id="values-xl1"> <label class="style-text size-btn" for="values-xl1" data-value="XL" data-price="89.99"> <span class="text-title">XL</span> </label> </div> </div> <div class="tf-product-info-quantity"> <div class="title mb_12">Quantity:</div> <div class="wg-quantity"> <span class="btn-quantity btn-decrease">-</span> <input class="quantity-product" type="text" name="number" value="1"> <span class="btn-quantity btn-increase">+</span> </div> </div> <div> <div class="tf-product-info-by-btn mb_10"> <a class="btn-style-2 flex-grow-1 text-btn-uppercase fw-6 show-shopping-cart"><span>Add to cart - </span><span class="tf-qty-price total-price">$79.99</span></a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon hover-tooltip compare btn-icon-action show-compare"> <span class="icon icon-gitDiff"></span> <span class="tooltip text-caption-2">Compare</span> </a> <a href="javascript:void(0);" class="box-icon hover-tooltip text-caption-2 wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip text-caption-2">Wishlist</span> </a> </div> <a href="#" class="btn-style-3 text-btn-uppercase">Buy it now</a> </div> </div> </div> </div> </div> </div> </div> <!-- /quickView --> <!-- shoppingCart --> <div class="modal fullRight fade modal-shopping-cart" id="shoppingCart"> <div class="modal-dialog"> <div class="modal-content"> <div class="tf-minicart-recommendations"> <h6 class="title">You May Also Like</h6> <div class="wrap-recommendations"> <div class="list-cart"> <div class="list-cart-item"> <div class="image"> <img class="lazyload" data-src="images/nails/3.webp" src="images/nails/3.webp" alt=""> </div> <div class="content"> <div class="name"> <a class="link text-line-clamp-1" href="product-detail.html">Belt wrap dress</a> </div> <div class="cart-item-bot"> <div class="text-button price">$59.99</div> <a class="link text-button" href="#">Add to cart</a> </div> </div> </div> <div class="list-cart-item"> <div class="image"> <img class="lazyload" data-src="images/nails/8.webp" src="images/nails/8.webp" alt=""> </div> <div class="content"> <div class="name"> <a class="link text-line-clamp-1" href="product-detail.html">Double-button coat</a> </div> <div class="cart-item-bot"> <div class="text-button price">$59.99</div> <a class="link text-button" href="#">Add to cart</a> </div> </div> </div> <div class="list-cart-item"> <div class="image"> <img class="lazyload" data-src="images/products/womens/women-3.jpg" src="images/products/womens/women-3.jpg" alt=""> </div> <div class="content"> <div class="name"> <a class="link text-line-clamp-1" href="product-detail.html">Belted Manteco coat</a> </div> <div class="cart-item-bot"> <div class="text-button price">$59.99</div> <a class="link text-button" href="#">Add to cart</a> </div> </div> </div> <div class="list-cart-item"> <div class="image"> <img class="lazyload" data-src="images/products/womens/women-4.jpg" src="images/products/womens/women-4.jpg" alt=""> </div> <div class="content"> <div class="name"> <a class="link text-line-clamp-1" href="product-detail.html">Belt wrap dress</a> </div> <div class="cart-item-bot"> <div class="text-button price">$59.99</div> <a class="link text-button" href="#">Add to cart</a> </div> </div> </div> <div class="list-cart-item"> <div class="image"> <img class="lazyload" data-src="images/products/womens/women-5.jpg" src="images/products/womens/women-5.jpg" alt=""> </div> <div class="content"> <div class="name"> <a class="link text-line-clamp-1" href="product-detail.html">Belt wrap dress</a> </div> <div class="cart-item-bot"> <div class="text-button price">$59.99</div> <a class="link text-button" href="#">Add to cart</a> </div> </div> </div> <div class="list-cart-item"> <div class="image"> <img class="lazyload" data-src="images/products/womens/women-6.jpg" src="images/products/womens/women-6.jpg" alt=""> </div> <div class="content"> <div class="name"> <a class="link text-line-clamp-1" href="product-detail.html">Belt wrap dress</a> </div> <div class="cart-item-bot"> <div class="text-button price">$59.99</div> <a class="link text-button" href="#">Add to cart</a> </div> </div> </div> </div> </div> </div> <div class="d-flex flex-column flex-grow-1 h-100"> <div class="header"> <h5 class="title">Shopping Cart</h5> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="wrap"> <div class="tf-mini-cart-threshold"> <div class="tf-progress-bar"> <div class="value" style="width: 0%;" data-progress="75"> <i class="icon icon-shipping"></i> </div> </div> <div class="text-caption-1"> Congratulations! You've got free shipping! </div> </div> <div class="tf-mini-cart-wrap"> <div class="tf-mini-cart-main"> <div class="tf-mini-cart-sroll"> <div class="tf-mini-cart-items"> <div class="tf-mini-cart-item file-delete"> <div class="tf-mini-cart-image"> <img class="lazyload" data-src="images/nails/1.webp" src="images/nails/1.webp" alt=""> </div> <div class="tf-mini-cart-info flex-grow-1"> <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Contrasting sheepskin</a></div> <div class="text-button tf-btn-remove remove">Remove</div> </div> <div class="d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-secondary-2">XL/Blue</div> <div class="text-button">1 X $60.00</div> </div> </div> </div> <div class="tf-mini-cart-item file-delete"> <div class="tf-mini-cart-image"> <img class="lazyload" data-src="images/nails/3.webp" src="images/nails/3.webp" alt=""> </div> <div class="tf-mini-cart-info flex-grow-1"> <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Suede leggings</a></div> <div class="text-button tf-btn-remove remove">Remove</div> </div> <div class="d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-secondary-2">XL/Blue</div> <div class="text-button">1 X $60.00</div> </div> </div> </div> <div class="tf-mini-cart-item file-delete"> <div class="tf-mini-cart-image"> <img class="lazyload" data-src="images/nails/8.webp" src="images/nails/8.webp" alt=""> </div> <div class="tf-mini-cart-info flex-grow-1"> <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Faux-leather trousers</a></div> <div class="text-button tf-btn-remove remove">Remove</div> </div> <div class="d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-secondary-2">XL/Blue</div> <div class="text-button">1 X $60.00</div> </div> </div> </div> <div class="tf-mini-cart-item file-delete"> <div class="tf-mini-cart-image"> <img class="lazyload" data-src="images/products/womens/women-3.jpg" src="images/products/womens/women-3.jpg" alt=""> </div> <div class="tf-mini-cart-info flex-grow-1"> <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Biker-style leggings</a></div> <div class="text-button tf-btn-remove remove">Remove</div> </div> <div class="d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-secondary-2">XL/Blue</div> <div class="text-button">1 X $60.00</div> </div> </div> </div> <div class="tf-mini-cart-item file-delete"> <div class="tf-mini-cart-image"> <img class="lazyload" data-src="images/products/womens/women-4.jpg" src="images/products/womens/women-4.jpg" alt=""> </div> <div class="tf-mini-cart-info flex-grow-1"> <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Jacquard fluid trousers</a></div> <div class="text-button tf-btn-remove remove">Remove</div> </div> <div class="d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-secondary-2">XL/Blue</div> <div class="text-button">1 X $60.00</div> </div> </div> </div> </div> </div> </div> <div class="tf-mini-cart-bottom"> <div class="tf-mini-cart-tool"> <div class="tf-mini-cart-tool-btn btn-add-note"> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_6133_36620)"> <path d="M10 3.33325H4.16667C3.72464 3.33325 3.30072 3.50885 2.98816 3.82141C2.67559 4.13397 2.5 4.55789 2.5 4.99992V16.6666C2.5 17.1086 2.67559 17.5325 2.98816 17.8451C3.30072 18.1577 3.72464 18.3333 4.16667 18.3333H15.8333C16.2754 18.3333 16.6993 18.1577 17.0118 17.8451C17.3244 17.5325 17.5 17.1086 17.5 16.6666V10.8333" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M16.25 2.0832C16.5815 1.75168 17.0312 1.56543 17.5 1.56543C17.9688 1.56543 18.4185 1.75168 18.75 2.0832C19.0815 2.41472 19.2678 2.86436 19.2678 3.3332C19.2678 3.80204 19.0815 4.25168 18.75 4.5832L10.8333 12.4999L7.5 13.3332L8.33333 9.99986L16.25 2.0832Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_6133_36620"> <rect width="20" height="20" fill="white" transform="translate(0.833008)"/> </clipPath> </defs> </svg> <div class="text-caption-1">Note</div> </div> <div class="tf-mini-cart-tool-btn btn-estimate-shipping"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M13.333 2.5H0.833008V13.3333H13.333V2.5Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M13.333 6.66675H16.6663L19.1663 9.16675V13.3334H13.333V6.66675Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.58333 17.4999C5.73393 17.4999 6.66667 16.5672 6.66667 15.4166C6.66667 14.266 5.73393 13.3333 4.58333 13.3333C3.43274 13.3333 2.5 14.266 2.5 15.4166C2.5 16.5672 3.43274 17.4999 4.58333 17.4999Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.4163 17.4999C16.5669 17.4999 17.4997 16.5672 17.4997 15.4166C17.4997 14.266 16.5669 13.3333 15.4163 13.3333C14.2657 13.3333 13.333 14.266 13.333 15.4166C13.333 16.5672 14.2657 17.4999 15.4163 17.4999Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="text-caption-1">Shipping</div> </div> <div class="tf-mini-cart-tool-btn btn-add-gift"> <svg xmlns="http://www.w3.org/2000/svg" width="17" height="18" viewBox="0 0 17 18" fill="currentColor"> <path fill-rule="evenodd" clip-rule="evenodd" d="M2.99566 2.73409C2.99566 0.55401 5.42538 -0.746668 7.23916 0.463462L8.50073 1.30516L9.7623 0.463462C11.5761 -0.746668 14.0058 0.55401 14.0058 2.73409V3.24744H14.8225C15.9633 3.24744 16.8881 4.17233 16.8881 5.31312V6.82566C16.8881 7.21396 16.5734 7.52873 16.1851 7.52873H15.8905V15.1877C15.8905 15.1905 15.8905 15.1933 15.8905 15.196C15.886 16.7454 14.6286 18 13.0782 18H3.92323C2.37003 18 1.11091 16.7409 1.11091 15.1877V7.52877H0.81636C0.42806 7.52877 0.113281 7.21399 0.113281 6.82569V5.31316C0.113281 4.17228 1.03812 3.24744 2.179 3.24744H2.99566V2.73409ZM4.40181 3.24744H7.79765V2.52647L6.45874 1.63317C5.57987 1.0468 4.40181 1.67677 4.40181 2.73409V3.24744ZM9.20381 2.52647V3.24744H12.5996V2.73409C12.5996 1.67677 11.4216 1.0468 10.5427 1.63317L9.20381 2.52647ZM2.179 4.6536C1.81472 4.6536 1.51944 4.94888 1.51944 5.31316V6.12261H5.73398L5.734 4.6536H2.179ZM5.73401 7.52877V13.9306C5.73401 14.1806 5.86682 14.4119 6.08281 14.5379C6.29879 14.6639 6.56545 14.6657 6.78312 14.5426L8.50073 13.5715L10.2183 14.5426C10.436 14.6657 10.7027 14.6639 10.9187 14.5379C11.1346 14.4119 11.2674 14.1806 11.2674 13.9306V7.52873H14.4844V15.1603C14.4844 15.1627 14.4843 15.1651 14.4843 15.1675V15.1877C14.4843 15.9643 13.8548 16.5938 13.0782 16.5938H3.92323C3.14663 16.5938 2.51707 15.9643 2.51707 15.1877V7.52877H5.73401ZM15.482 6.12258V5.31312C15.482 4.94891 15.1867 4.6536 14.8225 4.6536H11.2674V6.12258H15.482ZM9.86129 4.6536H7.14017V12.7254L8.15469 12.1518C8.36941 12.0304 8.63204 12.0304 8.84676 12.1518L9.86129 12.7254V4.6536Z"> </path> </svg> <div class="text-caption-1">Gift</div> </div> <div class="tf-mini-cart-tool-btn btn-add-coupon"> <svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M17.3247 11.1751L11.3497 17.1501C11.1949 17.305 11.0111 17.428 10.8087 17.5118C10.6064 17.5957 10.3895 17.6389 10.1705 17.6389C9.95148 17.6389 9.7346 17.5957 9.53227 17.5118C9.32994 17.428 9.14613 17.305 8.99134 17.1501L1.83301 10.0001V1.66675H10.1663L17.3247 8.82508C17.6351 9.13735 17.8093 9.55977 17.8093 10.0001C17.8093 10.4404 17.6351 10.8628 17.3247 11.1751V11.1751Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M5.99902 5.83325H6.00902" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> <div class="text-caption-1">Coupon</div> </div> </div> <div class="tf-mini-cart-bottom-wrap"> <div class="tf-cart-totals-discounts"> <h5>Subtotal</h5> <h5 class="tf-totals-total-value">$186,99</h5> </div> <div class="tf-cart-checkbox"> <div class="tf-checkbox-wrapp"> <input class="" type="checkbox" id="CartDrawer-Form_agree" name="agree_checkbox"> <div> <i class="icon-check"></i> </div> </div> <label for="CartDrawer-Form_agree"> I agree with <a href="term-of-use.html" title="Terms of Service">Terms & Conditions</a> </label> </div> <div class="tf-mini-cart-view-checkout"> <a href="shopping-cart.html" class="tf-btn w-100 btn-white radius-4 has-border"><span class="text">View cart</span></a> <a href="shopping-cart.html" class="tf-btn w-100 btn-fill radius-4"><span class="text">Check Out</span></a> </div> <div class="text-center"> <a class="link text-btn-uppercase" href="shop-default-grid.html">Or continue shopping</a> </div> </div> </div> <div class="tf-mini-cart-tool-openable add-note"> <div class="tf-mini-cart-tool-content"> <label for="Cart-note" class="tf-mini-cart-tool-text"> <span class="icon"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_6766_32777)"> <path d="M9.16699 3.33325H3.33366C2.89163 3.33325 2.46771 3.50885 2.15515 3.82141C1.84259 4.13397 1.66699 4.55789 1.66699 4.99992V16.6666C1.66699 17.1086 1.84259 17.5325 2.15515 17.8451C2.46771 18.1577 2.89163 18.3333 3.33366 18.3333H15.0003C15.4424 18.3333 15.8663 18.1577 16.1788 17.8451C16.4914 17.5325 16.667 17.1086 16.667 16.6666V10.8333" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.417 2.0832C15.7485 1.75168 16.1981 1.56543 16.667 1.56543C17.1358 1.56543 17.5855 1.75168 17.917 2.0832C18.2485 2.41472 18.4348 2.86436 18.4348 3.3332C18.4348 3.80204 18.2485 4.25168 17.917 4.5832L10.0003 12.4999L6.66699 13.3332L7.50033 9.99986L15.417 2.0832Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_6766_32777"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> </span> <span class="text-title">Note</span> </label> <form class="form-add-note tf-mini-cart-tool-wrap"> <fieldset class="d-flex"> <textarea name="note" id="Cart-note" placeholder="Add special instructions for your order..."></textarea> </fieldset> <div class="tf-cart-tool-btns"> <button type="submit" class="btn-style-2 w-100"><span class="text text-btn-uppercase">Save</span></button> <div class="text-center w-100 text-btn-uppercase tf-mini-cart-tool-close">Cancel</div> </div> </form> </div> </div> <div class="tf-mini-cart-tool-openable estimate-shipping"> <div class="tf-mini-cart-tool-content"> <label class="tf-mini-cart-tool-text"> <span class="icon"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_6766_32777)"> <path d="M9.16699 3.33325H3.33366C2.89163 3.33325 2.46771 3.50885 2.15515 3.82141C1.84259 4.13397 1.66699 4.55789 1.66699 4.99992V16.6666C1.66699 17.1086 1.84259 17.5325 2.15515 17.8451C2.46771 18.1577 2.89163 18.3333 3.33366 18.3333H15.0003C15.4424 18.3333 15.8663 18.1577 16.1788 17.8451C16.4914 17.5325 16.667 17.1086 16.667 16.6666V10.8333" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.417 2.0832C15.7485 1.75168 16.1981 1.56543 16.667 1.56543C17.1358 1.56543 17.5855 1.75168 17.917 2.0832C18.2485 2.41472 18.4348 2.86436 18.4348 3.3332C18.4348 3.80204 18.2485 4.25168 17.917 4.5832L10.0003 12.4999L6.66699 13.3332L7.50033 9.99986L15.417 2.0832Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_6766_32777"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> </span> <span class="text-title">Estimate shipping rates</span> </label> <form class="form-estimate-shipping tf-mini-cart-tool-wrap"> <div class="mb_12"> <div class="text-caption-1 text-secondary mb_8">Country/region</div> <div class="tf-select"> <select class=""> <option selected="selected">United States</option> <option>China</option> </select> </div> </div> <div class="mb_12"> <div class="text-caption-1 text-secondary mb_8">State</div> <div class="tf-select"> <select class="text-title" name="address[country]" data-default=""> <option value="Australia" data-provinces="[['Australian Capital Territory','Australian Capital Territory'],['New South Wales','New South Wales'],['Northern Territory','Northern Territory'],['Queensland','Queensland'],['South Australia','South Australia'],['Tasmania','Tasmania'],['Victoria','Victoria'],['Western Australia','Western Australia']]">Australia</option> <option value="Austria" data-provinces="[]">Austria</option> <option value="Belgium" data-provinces="[]">Belgium</option> <option value="Canada" data-provinces="[['Alberta','Alberta'],['British Columbia','British Columbia'],['Manitoba','Manitoba'],['New Brunswick','New Brunswick'],['Newfoundland and Labrador','Newfoundland and Labrador'],['Northwest Territories','Northwest Territories'],['Nova Scotia','Nova Scotia'],['Nunavut','Nunavut'],['Ontario','Ontario'],['Prince Edward Island','Prince Edward Island'],['Quebec','Quebec'],['Saskatchewan','Saskatchewan'],['Yukon','Yukon']]">Canada</option> <option value="Czech Republic" data-provinces="[]">Czechia</option> <option value="Denmark" data-provinces="[]">Denmark</option> <option value="Finland" data-provinces="[]">Finland</option> <option value="France" data-provinces="[]">France</option> <option value="Germany" data-provinces="[]">Germany</option> <option value="Hong Kong" data-provinces="[['Hong Kong Island','Hong Kong Island'],['Kowloon','Kowloon'],['New Territories','New Territories']]">Hong Kong SAR</option> <option value="Ireland" data-provinces="[['Carlow','Carlow'],['Cavan','Cavan'],['Clare','Clare'],['Cork','Cork'],['Donegal','Donegal'],['Dublin','Dublin'],['Galway','Galway'],['Kerry','Kerry'],['Kildare','Kildare'],['Kilkenny','Kilkenny'],['Laois','Laois'],['Leitrim','Leitrim'],['Limerick','Limerick'],['Longford','Longford'],['Louth','Louth'],['Mayo','Mayo'],['Meath','Meath'],['Monaghan','Monaghan'],['Offaly','Offaly'],['Roscommon','Roscommon'],['Sligo','Sligo'],['Tipperary','Tipperary'],['Waterford','Waterford'],['Westmeath','Westmeath'],['Wexford','Wexford'],['Wicklow','Wicklow']]">Ireland</option> <option value="Israel" data-provinces="[]">Israel</option> <option value="Italy" data-provinces="[['Agrigento','Agrigento'],['Alessandria','Alessandria'],['Ancona','Ancona'],['Aosta','Aosta Valley'],['Arezzo','Arezzo'],['Ascoli Piceno','Ascoli Piceno'],['Asti','Asti'],['Avellino','Avellino'],['Bari','Bari'],['Barletta-Andria-Trani','Barletta-Andria-Trani'],['Belluno','Belluno'],['Benevento','Benevento'],['Bergamo','Bergamo'],['Biella','Biella'],['Bologna','Bologna'],['Bolzano','South Tyrol'],['Brescia','Brescia'],['Brindisi','Brindisi'],['Cagliari','Cagliari'],['Caltanissetta','Caltanissetta'],['Campobasso','Campobasso'],['Carbonia-Iglesias','Carbonia-Iglesias'],['Caserta','Caserta'],['Catania','Catania'],['Catanzaro','Catanzaro'],['Chieti','Chieti'],['Como','Como'],['Cosenza','Cosenza'],['Cremona','Cremona'],['Crotone','Crotone'],['Cuneo','Cuneo'],['Enna','Enna'],['Fermo','Fermo'],['Ferrara','Ferrara'],['Firenze','Florence'],['Foggia','Foggia'],['Forlì-Cesena','Forlì-Cesena'],['Frosinone','Frosinone'],['Genova','Genoa'],['Gorizia','Gorizia'],['Grosseto','Grosseto'],['Imperia','Imperia'],['Isernia','Isernia'],['L'Aquila','L’Aquila'],['La Spezia','La Spezia'],['Latina','Latina'],['Lecce','Lecce'],['Lecco','Lecco'],['Livorno','Livorno'],['Lodi','Lodi'],['Lucca','Lucca'],['Macerata','Macerata'],['Mantova','Mantua'],['Massa-Carrara','Massa and Carrara'],['Matera','Matera'],['Medio Campidano','Medio Campidano'],['Messina','Messina'],['Milano','Milan'],['Modena','Modena'],['Monza e Brianza','Monza and Brianza'],['Napoli','Naples'],['Novara','Novara'],['Nuoro','Nuoro'],['Ogliastra','Ogliastra'],['Olbia-Tempio','Olbia-Tempio'],['Oristano','Oristano'],['Padova','Padua'],['Palermo','Palermo'],['Parma','Parma'],['Pavia','Pavia'],['Perugia','Perugia'],['Pesaro e Urbino','Pesaro and Urbino'],['Pescara','Pescara'],['Piacenza','Piacenza'],['Pisa','Pisa'],['Pistoia','Pistoia'],['Pordenone','Pordenone'],['Potenza','Potenza'],['Prato','Prato'],['Ragusa','Ragusa'],['Ravenna','Ravenna'],['Reggio Calabria','Reggio Calabria'],['Reggio Emilia','Reggio Emilia'],['Rieti','Rieti'],['Rimini','Rimini'],['Roma','Rome'],['Rovigo','Rovigo'],['Salerno','Salerno'],['Sassari','Sassari'],['Savona','Savona'],['Siena','Siena'],['Siracusa','Syracuse'],['Sondrio','Sondrio'],['Taranto','Taranto'],['Teramo','Teramo'],['Terni','Terni'],['Torino','Turin'],['Trapani','Trapani'],['Trento','Trentino'],['Treviso','Treviso'],['Trieste','Trieste'],['Udine','Udine'],['Varese','Varese'],['Venezia','Venice'],['Verbano-Cusio-Ossola','Verbano-Cusio-Ossola'],['Vercelli','Vercelli'],['Verona','Verona'],['Vibo Valentia','Vibo Valentia'],['Vicenza','Vicenza'],['Viterbo','Viterbo']]">Italy</option> <option value="Japan" data-provinces="[['Aichi','Aichi'],['Akita','Akita'],['Aomori','Aomori'],['Chiba','Chiba'],['Ehime','Ehime'],['Fukui','Fukui'],['Fukuoka','Fukuoka'],['Fukushima','Fukushima'],['Gifu','Gifu'],['Gunma','Gunma'],['Hiroshima','Hiroshima'],['Hokkaidō','Hokkaido'],['Hyōgo','Hyogo'],['Ibaraki','Ibaraki'],['Ishikawa','Ishikawa'],['Iwate','Iwate'],['Kagawa','Kagawa'],['Kagoshima','Kagoshima'],['Kanagawa','Kanagawa'],['Kumamoto','Kumamoto'],['Kyōto','Kyoto'],['Kōchi','Kochi'],['Mie','Mie'],['Miyagi','Miyagi'],['Miyazaki','Miyazaki'],['Nagano','Nagano'],['Nagasaki','Nagasaki'],['Nara','Nara'],['Niigata','Niigata'],['Okayama','Okayama'],['Okinawa','Okinawa'],['Saga','Saga'],['Saitama','Saitama'],['Shiga','Shiga'],['Shimane','Shimane'],['Shizuoka','Shizuoka'],['Tochigi','Tochigi'],['Tokushima','Tokushima'],['Tottori','Tottori'],['Toyama','Toyama'],['Tōkyō','Tokyo'],['Wakayama','Wakayama'],['Yamagata','Yamagata'],['Yamaguchi','Yamaguchi'],['Yamanashi','Yamanashi'],['Ōita','Oita'],['Ōsaka','Osaka']]">Japan</option> <option value="Malaysia" data-provinces="[['Johor','Johor'],['Kedah','Kedah'],['Kelantan','Kelantan'],['Kuala Lumpur','Kuala Lumpur'],['Labuan','Labuan'],['Melaka','Malacca'],['Negeri Sembilan','Negeri Sembilan'],['Pahang','Pahang'],['Penang','Penang'],['Perak','Perak'],['Perlis','Perlis'],['Putrajaya','Putrajaya'],['Sabah','Sabah'],['Sarawak','Sarawak'],['Selangor','Selangor'],['Terengganu','Terengganu']]">Malaysia</option> <option value="Netherlands" data-provinces="[]">Netherlands</option> <option value="New Zealand" data-provinces="[['Auckland','Auckland'],['Bay of Plenty','Bay of Plenty'],['Canterbury','Canterbury'],['Chatham Islands','Chatham Islands'],['Gisborne','Gisborne'],['Hawke's Bay','Hawke’s Bay'],['Manawatu-Wanganui','Manawatū-Whanganui'],['Marlborough','Marlborough'],['Nelson','Nelson'],['Northland','Northland'],['Otago','Otago'],['Southland','Southland'],['Taranaki','Taranaki'],['Tasman','Tasman'],['Waikato','Waikato'],['Wellington','Wellington'],['West Coast','West Coast']]">New Zealand</option> <option value="Norway" data-provinces="[]">Norway</option> <option value="Poland" data-provinces="[]">Poland</option> <option value="Portugal" data-provinces="[['Aveiro','Aveiro'],['Açores','Azores'],['Beja','Beja'],['Braga','Braga'],['Bragança','Bragança'],['Castelo Branco','Castelo Branco'],['Coimbra','Coimbra'],['Faro','Faro'],['Guarda','Guarda'],['Leiria','Leiria'],['Lisboa','Lisbon'],['Madeira','Madeira'],['Portalegre','Portalegre'],['Porto','Porto'],['Santarém','Santarém'],['Setúbal','Setúbal'],['Viana do Castelo','Viana do Castelo'],['Vila Real','Vila Real'],['Viseu','Viseu'],['Évora','Évora']]">Portugal</option> <option value="Singapore" data-provinces="[]">Singapore</option> <option value="South Korea" data-provinces="[['Busan','Busan'],['Chungbuk','North Chungcheong'],['Chungnam','South Chungcheong'],['Daegu','Daegu'],['Daejeon','Daejeon'],['Gangwon','Gangwon'],['Gwangju','Gwangju City'],['Gyeongbuk','North Gyeongsang'],['Gyeonggi','Gyeonggi'],['Gyeongnam','South Gyeongsang'],['Incheon','Incheon'],['Jeju','Jeju'],['Jeonbuk','North Jeolla'],['Jeonnam','South Jeolla'],['Sejong','Sejong'],['Seoul','Seoul'],['Ulsan','Ulsan']]">South Korea</option> <option value="Spain" data-provinces="[['A Coruña','A Coruña'],['Albacete','Albacete'],['Alicante','Alicante'],['Almería','Almería'],['Asturias','Asturias Province'],['Badajoz','Badajoz'],['Balears','Balears Province'],['Barcelona','Barcelona'],['Burgos','Burgos'],['Cantabria','Cantabria Province'],['Castellón','Castellón'],['Ceuta','Ceuta'],['Ciudad Real','Ciudad Real'],['Cuenca','Cuenca'],['Cáceres','Cáceres'],['Cádiz','Cádiz'],['Córdoba','Córdoba'],['Girona','Girona'],['Granada','Granada'],['Guadalajara','Guadalajara'],['Guipúzcoa','Gipuzkoa'],['Huelva','Huelva'],['Huesca','Huesca'],['Jaén','Jaén'],['La Rioja','La Rioja Province'],['Las Palmas','Las Palmas'],['León','León'],['Lleida','Lleida'],['Lugo','Lugo'],['Madrid','Madrid Province'],['Melilla','Melilla'],['Murcia','Murcia'],['Málaga','Málaga'],['Navarra','Navarra'],['Ourense','Ourense'],['Palencia','Palencia'],['Pontevedra','Pontevedra'],['Salamanca','Salamanca'],['Santa Cruz de Tenerife','Santa Cruz de Tenerife'],['Segovia','Segovia'],['Sevilla','Seville'],['Soria','Soria'],['Tarragona','Tarragona'],['Teruel','Teruel'],['Toledo','Toledo'],['Valencia','Valencia'],['Valladolid','Valladolid'],['Vizcaya','Biscay'],['Zamora','Zamora'],['Zaragoza','Zaragoza'],['Álava','Álava'],['Ávila','Ávila']]">Spain</option> <option value="Sweden" data-provinces="[]">Sweden</option> <option value="Switzerland" data-provinces="[]">Switzerland</option> <option value="United Arab Emirates" data-provinces="[['Abu Dhabi','Abu Dhabi'],['Ajman','Ajman'],['Dubai','Dubai'],['Fujairah','Fujairah'],['Ras al-Khaimah','Ras al-Khaimah'],['Sharjah','Sharjah'],['Umm al-Quwain','Umm al-Quwain']]">United Arab Emirates</option> <option value="United Kingdom" data-provinces="[['British Forces','British Forces'],['England','England'],['Northern Ireland','Northern Ireland'],['Scotland','Scotland'],['Wales','Wales']]">United Kingdom</option> <option selected value="United States" data-provinces="[['Alabama','Alabama'],['Alaska','Alaska'],['American Samoa','American Samoa'],['Arizona','Arizona'],['Arkansas','Arkansas'],['Armed Forces Americas','Armed Forces Americas'],['Armed Forces Europe','Armed Forces Europe'],['Armed Forces Pacific','Armed Forces Pacific'],['California','California'],['Colorado','Colorado'],['Connecticut','Connecticut'],['Delaware','Delaware'],['District of Columbia','Washington DC'],['Federated States of Micronesia','Micronesia'],['Florida','Florida'],['Georgia','Georgia'],['Guam','Guam'],['Hawaii','Hawaii'],['Idaho','Idaho'],['Illinois','Illinois'],['Indiana','Indiana'],['Iowa','Iowa'],['Kansas','Kansas'],['Kentucky','Kentucky'],['Louisiana','Louisiana'],['Maine','Maine'],['Marshall Islands','Marshall Islands'],['Maryland','Maryland'],['Massachusetts','Massachusetts'],['Michigan','Michigan'],['Minnesota','Minnesota'],['Mississippi','Mississippi'],['Missouri','Missouri'],['Montana','Montana'],['Nebraska','Nebraska'],['Nevada','Nevada'],['New Hampshire','New Hampshire'],['New Jersey','New Jersey'],['New Mexico','New Mexico'],['New York','New York'],['North Carolina','North Carolina'],['North Dakota','North Dakota'],['Northern Mariana Islands','Northern Mariana Islands'],['Ohio','Ohio'],['Oklahoma','Oklahoma'],['Oregon','Oregon'],['Palau','Palau'],['Pennsylvania','Pennsylvania'],['Puerto Rico','Puerto Rico'],['Rhode Island','Rhode Island'],['South Carolina','South Carolina'],['South Dakota','South Dakota'],['Tennessee','Tennessee'],['Texas','Texas'],['Utah','Utah'],['Vermont','Vermont'],['Virgin Islands','U.S. Virgin Islands'],['Virginia','Virginia'],['Washington','Washington'],['West Virginia','West Virginia'],['Wisconsin','Wisconsin'],['Wyoming','Wyoming']]">United States</option> <option value="Vietnam" data-provinces="[]">Vietnam</option> </select> </div> </div> <fieldset class=""> <div class="text-caption-1 text-secondary mb_8">Postal/Zip Code</div> <input class="" type="text" placeholder="100000" name="text" tabindex="2" value="" aria-required="true" required=""> </fieldset> <div class="tf-cart-tool-btns"> <button type="submit" class="btn-style-2 w-100"><span class="text text-btn-uppercase">Calculator</span></button> <div class="text-center w-100 text-btn-uppercase tf-mini-cart-tool-close">Cancel</div> </div> </form> </div> </div> <div class="tf-mini-cart-tool-openable add-gift"> <form class="tf-product-form-addgift"> <div class="tf-mini-cart-tool-content"> <div class="tf-mini-cart-tool-text"> <div class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="24" viewBox="0 0 24 24" fill="currentColor"><path fill-rule="evenodd" clip-rule="evenodd" d="M4.65957 3.64545C4.65957 0.73868 7.89921 -0.995558 10.3176 0.617949L11.9997 1.74021L13.6818 0.617949C16.1001 -0.995558 19.3398 0.73868 19.3398 3.64545V4.32992H20.4286C21.9498 4.32992 23.1829 5.56311 23.1829 7.08416V9.10087C23.1829 9.61861 22.7632 10.0383 22.2454 10.0383H21.8528V20.2502C21.8528 20.254 21.8527 20.2577 21.8527 20.2614C21.8467 22.3272 20.1702 24 18.103 24H5.89634C3.82541 24 2.14658 22.3212 2.14658 20.2502V10.0384H1.75384C1.23611 10.0384 0.816406 9.61865 0.816406 9.10092V7.08421C0.816406 5.56304 2.04953 4.32992 3.57069 4.32992H4.65957V3.64545ZM6.53445 4.32992H11.0622V3.36863L9.27702 2.17757C8.10519 1.39573 6.53445 2.2357 6.53445 3.64545V4.32992ZM12.9371 3.36863V4.32992H17.4649V3.64545C17.4649 2.2357 15.8942 1.39573 14.7223 2.17756L12.9371 3.36863ZM3.57069 6.2048C3.08499 6.2048 2.69128 6.59851 2.69128 7.08421V8.16348H8.31067L8.3107 6.2048H3.57069ZM8.31071 10.0384V18.5741C8.31071 18.9075 8.48779 19.2158 8.77577 19.3838C9.06376 19.5518 9.4193 19.5542 9.70953 19.3901L11.9997 18.0953L14.2898 19.3901C14.58 19.5542 14.9356 19.5518 15.2236 19.3838C15.5115 19.2158 15.6886 18.9075 15.6886 18.5741V10.0383H19.9779V20.2137C19.9778 20.2169 19.9778 20.2201 19.9778 20.2233V20.2502C19.9778 21.2857 19.1384 22.1251 18.103 22.1251H5.89634C4.86088 22.1251 4.02146 21.2857 4.02146 20.2502V10.0384H8.31071ZM21.308 8.16344V7.08416C21.308 6.59854 20.9143 6.2048 20.4286 6.2048H15.6886V8.16344H21.308ZM13.8138 6.2048H10.1856V16.9672L11.5383 16.2024C11.8246 16.0405 12.1748 16.0405 12.461 16.2024L13.8138 16.9672V6.2048Z"></path></svg> </div> <div class="tf-gift-wrap-infos"> <p>Do you want a gift wrap?</p> Only <span class="price fw-6">$5.00</span> </div> </div> <div class="tf-cart-tool-btns tf-mini-cart-tool-wrap"> <button type="submit" class="btn-style-2 w-100"><span class="text text-btn-uppercase">Add a gift wrap</span></button> <div class="text-center w-100 text-btn-uppercase tf-mini-cart-tool-close">Cancel</div> </div> </div> </form> </div> <div class="tf-mini-cart-tool-openable add-coupon"> <div class="tf-mini-cart-tool-content"> <label class="tf-mini-cart-tool-text"> <span class="icon"> <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_6766_32777)"> <path d="M9.16699 3.33325H3.33366C2.89163 3.33325 2.46771 3.50885 2.15515 3.82141C1.84259 4.13397 1.66699 4.55789 1.66699 4.99992V16.6666C1.66699 17.1086 1.84259 17.5325 2.15515 17.8451C2.46771 18.1577 2.89163 18.3333 3.33366 18.3333H15.0003C15.4424 18.3333 15.8663 18.1577 16.1788 17.8451C16.4914 17.5325 16.667 17.1086 16.667 16.6666V10.8333" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M15.417 2.0832C15.7485 1.75168 16.1981 1.56543 16.667 1.56543C17.1358 1.56543 17.5855 1.75168 17.917 2.0832C18.2485 2.41472 18.4348 2.86436 18.4348 3.3332C18.4348 3.80204 18.2485 4.25168 17.917 4.5832L10.0003 12.4999L6.66699 13.3332L7.50033 9.99986L15.417 2.0832Z" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_6766_32777"> <rect width="20" height="20" fill="white"/> </clipPath> </defs> </svg> </span> <span class="text-title">Add A Coupon Code</span> </label> <form class="form-add-coupon tf-mini-cart-tool-wrap"> <fieldset class=""> <div class="text-caption-1 text-secondary mb_8">Enter Code</div> <input class="" type="text" placeholder="Discount code" name="text" tabindex="2" value="" aria-required="true" required=""> </fieldset> <div class="tf-cart-tool-btns"> <button type="submit" class="btn-style-2 w-100"><span class="text text-btn-uppercase">Save</span></button> <div class="text-center w-100 text-btn-uppercase tf-mini-cart-tool-close">Cancel</div> </div> </form> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /shoppingCart --> <!-- wishlist --> <div class="modal fullRight fade modal-wishlist" id="wishlist"> <div class="modal-dialog"> <div class="modal-content"> <div class="header"> <h5 class="title">Wish List</h5> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="wrap"> <div class="tf-mini-cart-wrap"> <div class="tf-mini-cart-main"> <div class="tf-mini-cart-sroll"> <div class="tf-mini-cart-items"> <div class="tf-mini-cart-item file-delete"> <div class="tf-mini-cart-image"> <img class="lazyload" data-src="images/nails/1.webp" src="images/nails/1.webp" alt=""> </div> <div class="tf-mini-cart-info flex-grow-1"> <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Contrasting sheepskin</a></div> <div class="text-button tf-btn-remove remove">Remove</div> </div> <div class="d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-secondary-2">XL/Blue</div> <div class="text-button">1 X $60.00</div> </div> </div> </div> <div class="tf-mini-cart-item file-delete"> <div class="tf-mini-cart-image"> <img class="lazyload" data-src="images/nails/3.webp" src="images/nails/3.webp" alt=""> </div> <div class="tf-mini-cart-info flex-grow-1"> <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Suede leggings</a></div> <div class="text-button tf-btn-remove remove">Remove</div> </div> <div class="d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-secondary-2">XL/Blue</div> <div class="text-button">1 X $60.00</div> </div> </div> </div> <div class="tf-mini-cart-item file-delete"> <div class="tf-mini-cart-image"> <img class="lazyload" data-src="images/nails/8.webp" src="images/nails/8.webp" alt=""> </div> <div class="tf-mini-cart-info flex-grow-1"> <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Faux-leather trousers</a></div> <div class="text-button tf-btn-remove remove">Remove</div> </div> <div class="d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-secondary-2">XL/Blue</div> <div class="text-button">1 X $60.00</div> </div> </div> </div> <div class="tf-mini-cart-item file-delete"> <div class="tf-mini-cart-image"> <img class="lazyload" data-src="images/products/womens/women-3.jpg" src="images/products/womens/women-3.jpg" alt=""> </div> <div class="tf-mini-cart-info flex-grow-1"> <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Biker-style leggings</a></div> <div class="text-button tf-btn-remove remove">Remove</div> </div> <div class="d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-secondary-2">XL/Blue</div> <div class="text-button">1 X $60.00</div> </div> </div> </div> <div class="tf-mini-cart-item file-delete"> <div class="tf-mini-cart-image"> <img class="lazyload" data-src="images/products/womens/women-4.jpg" src="images/products/womens/women-4.jpg" alt=""> </div> <div class="tf-mini-cart-info flex-grow-1"> <div class="mb_12 d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-title"><a href="product-detail.html" class="link text-line-clamp-1">Jacquard fluid trousers</a></div> <div class="text-button tf-btn-remove remove">Remove</div> </div> <div class="d-flex align-items-center justify-content-between flex-wrap gap-12"> <div class="text-secondary-2">XL/Blue</div> <div class="text-button">1 X $60.00</div> </div> </div> </div> </div> </div> </div> <div class="tf-mini-cart-bottom"> <a href="wish-list.html" class="btn-style-2 w-100 radius-4 view-all-wishlist"><span class="text-btn-uppercase">View All Wish List</span></a> <a href="shop-default-grid.html" class="text-btn-uppercase">Or continue shopping</a> </div> </div> </div> </div> </div> </div> <!-- /wishlist --> <!-- size-guide --> <div class="modal fade modal-size-guide" id="size-guide"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content widget-tabs style-2"> <div class="header"> <ul class="widget-menu-tab"> <li class="item-title active"> <span class="inner text-button">Size </span> </li> <li class="item-title"> <span class="inner text-button">Size Guide</span> </li> </ul> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="wrap"> <div class="widget-content-tab"> <div class="widget-content-inner active"> <div class="tab-size"> <div> <div class="widget-size mb_16"> <div class="box-title-size"> <div class="title-size">Height</div> <div class="number-size"> <span class="max-size">100</span> <span class="text-caption-1 text-secondary">Cm</span> </div> </div> <div class="range-input"> <div class="tow-bar-block"> <div class="progress-size" style="width: 50%;"></div> </div> <input type="range" min="0" max="200" value="100" class="range-max" /> </div> </div> <div class="widget-size"> <div class="box-title-size"> <div class="title-size">Weight</div> <div class="number-size"> <span class="max-size">50</span> <span class="text-caption-1 text-secondary">Kg</span> </div> </div> <div class="range-input"> <div class="tow-bar-block"> <div class="progress-size" style="width: 50%;"></div> </div> <input type="range" min="0" max="100" value="50" class="range-max" /> </div> </div> </div> <div class="size-button-wrap choose-option-list"> <div class="size-button-item choose-option-item"> <h5>thin</h5> </div> <div class="size-button-item choose-option-item select-option"> <h5>Normal</h5> </div> <div class="size-button-item choose-option-item"> <h5>plump</h5> </div> </div> <div> <h6 class="suggests-title">Modave suggests for you:</h6> <div class="suggests-list"> <a href="#" class="suggests-item link text-button">L - shirt</a> <a href="#" class="suggests-item link text-button">XL - Pant</a> <a href="#" class="suggests-item link text-button">31 - Jeans</a> </div> </div> </div> </div> <div class="widget-content-inner"> <table class="tab-sizeguide-table"> <thead> <tr> <th>Size</th> <th>US</th> <th>Bust</th> <th>Waist</th> <th>Low Hip</th> </tr> </thead> <tbody> <tr> <td>XS</td> <td>2</td> <td>32</td> <td>24 - 25</td> <td>33 - 34</td> </tr> <tr> <td>S</td> <td>4</td> <td>26 - 27</td> <td>34 - 35</td> <td>35 - 26</td> </tr> <tr> <td>M</td> <td>6</td> <td>28 - 29</td> <td>36 - 37</td> <td>38 - 40</td> </tr> <tr> <td>L</td> <td>8</td> <td>30 - 31</td> <td>38 - 29</td> <td>42 - 44</td> </tr> <tr> <td>XL</td> <td>10</td> <td>32 - 33</td> <td>40 - 41</td> <td>45 - 47</td> </tr> <tr> <td>XXL</td> <td>12</td> <td>34 - 35</td> <td>42 - 43</td> <td>48 - 50</td> </tr> </tbody> </table> </div> </div> </div> </div> </div> </div> <!-- /size-guide --> <!-- compare --> <div class="offcanvas offcanvas-bottom offcanvas-compare" id="compare"> <div class="offcanvas-content"> <div class="header"> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> </div> <div class="wrap"> <div class="container"> <div class="row"> <div class="col-12"> <div class="tf-compare-list list-file-delete"> <div class="tf-compare-head"> <h5 class="title">Compare <br> Products</h5> </div> <div class="tf-compare-wrap"> <div class="tf-compare-item file-delete"> <span class="btns-repeat"> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_5628_27028)"> <path d="M11.334 1.33301L14.0007 3.99967L11.334 6.66634" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 7.99951V6.66618C2 5.95893 2.28095 5.28066 2.78105 4.78056C3.28115 4.28046 3.95942 3.99951 4.66667 3.99951H14" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.66667 15.9996L2 13.3329L4.66667 10.6663" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 9.33301V10.6663C14 11.3736 13.719 12.0519 13.219 12.552C12.7189 13.0521 12.0406 13.333 11.3333 13.333H2" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_5628_27028"> <rect width="16" height="16" fill="white" transform="translate(0 0.66626)"/> </clipPath> </defs> </svg> </span> <span class="icon-close remove"></span> <a href="product-detail.html" class="image"> <img class="lazyload" data-src="images/nails/1.webp" src="images/nails/1.webp" alt=""> </a> <div class="content"> <div class="text-title"> <a class="link text-line-clamp-2" href="product-detail.html">V-neck cotton T-shirt</a> </div> <div class="text-button">$59.99</div> </div> </div> <div class="tf-compare-item file-delete"> <span class="btns-repeat"> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_5628_27028)"> <path d="M11.334 1.33301L14.0007 3.99967L11.334 6.66634" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 7.99951V6.66618C2 5.95893 2.28095 5.28066 2.78105 4.78056C3.28115 4.28046 3.95942 3.99951 4.66667 3.99951H14" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.66667 15.9996L2 13.3329L4.66667 10.6663" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 9.33301V10.6663C14 11.3736 13.719 12.0519 13.219 12.552C12.7189 13.0521 12.0406 13.333 11.3333 13.333H2" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_5628_27028"> <rect width="16" height="16" fill="white" transform="translate(0 0.66626)"/> </clipPath> </defs> </svg> </span> <span class="icon-close remove"></span> <a href="product-detail.html" class="image"> <img class="lazyload" data-src="images/nails/2.webp" src="images/nails/2.webp" alt=""> </a> <div class="content"> <div class="text-title"> <a class="link text-line-clamp-2" href="product-detail.html">Ramie shirt with pockets </a> </div> <div class="text-button">$72.00</div> </div> </div> <div class="tf-compare-item file-delete"> <span class="btns-repeat"> <svg width="16" height="17" viewBox="0 0 16 17" fill="none" xmlns="http://www.w3.org/2000/svg"> <g clip-path="url(#clip0_5628_27028)"> <path d="M11.334 1.33301L14.0007 3.99967L11.334 6.66634" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M2 7.99951V6.66618C2 5.95893 2.28095 5.28066 2.78105 4.78056C3.28115 4.28046 3.95942 3.99951 4.66667 3.99951H14" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M4.66667 15.9996L2 13.3329L4.66667 10.6663" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> <path d="M14 9.33301V10.6663C14 11.3736 13.719 12.0519 13.219 12.552C12.7189 13.0521 12.0406 13.333 11.3333 13.333H2" stroke="#181818" stroke-width="1.5" stroke-linecap="round" stroke-linejoin="round"/> </g> <defs> <clipPath id="clip0_5628_27028"> <rect width="16" height="16" fill="white" transform="translate(0 0.66626)"/> </clipPath> </defs> </svg> </span> <span class="icon-close remove"></span> <a href="product-detail.html" class="image"> <img class="lazyload" data-src="images/nails/3.webp" src="images/nails/3.webp" alt=""> </a> <div class="content"> <div class="text-title"> <a class="link text-line-clamp-2" href="product-detail.html">Ribbed cotton-blend top</a> </div> <div class="text-button">$65.00</div> </div> </div> </div> <div class="tf-compare-buttons"> <div class="tf-compare-buttons-wrap"> <a href="compare-products.html" class="tf-btn w-100 btn-fill radius-4"><span class="text text-btn-uppercase">Compare Products</span></a> <div class="tf-compapre-button-clear-all clear-file-delete tf-btn w-100 btn-white radius-4 has-border"> <span class="text text-btn-uppercase">Clear All Products</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <!-- /compare --> <!-- quickAdd --> <div class="modal fade modal-quick-add" id="quickAdd"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div> <div class="tf-product-info-list"> <div class="tf-product-info-item"> <div class="image"> <img src="images/nails/3.webp" alt=""> </div> <div class="content"> <a href="product-detail.html">Ribbed Tank Top</a> <div class="tf-product-info-price"> <h5 class="price-on-sale font-2">$79.99</h5> <div class="compare-at-price font-2">$98.99</div> <div class="badges-on-sale text-btn-uppercase"> -25% </div> </div> </div> </div> <div class="tf-product-info-choose-option"> <div class="variant-picker-item"> <div class="variant-picker-label mb_12"> Colors:<span class="text-title variant-picker-label-value">Beige</span> </div> <div class="variant-picker-values type-click"> <input id="values-beige2" type="radio" name="color3" checked> <label class="hover-tooltip tooltip-bot radius-60" for="values-beige2" data-value="Beige"> <span class="btn-checkbox bg-color-beige1"></span> <span class="tooltip">Beige</span> </label> <input id="values-gray2" type="radio" name="color3"> <label class="hover-tooltip tooltip-bot radius-60" for="values-gray2" data-value="Gray"> <span class="btn-checkbox bg-color-gray"></span> <span class="tooltip">Gray</span> </label> <input id="values-grey3" type="radio" name="color3"> <label class="hover-tooltip tooltip-bot radius-60" for="values-grey3" data-value="Grey"> <span class="btn-checkbox bg-color-grey"></span> <span class="tooltip">Grey</span> </label> </div> </div> <div class="variant-picker-item"> <div class="variant-picker-label"> Size:<span class="text-title variant-picker-label-value">L</span> </div> <div class="variant-picker-values gap12"> <input type="radio" name="size3" id="values-s2"> <label class="style-text size-btn" for="values-s2" data-value="S"> <span class="text-title">S</span> </label> <input type="radio" name="size3" id="values-m2"> <label class="style-text size-btn" for="values-m2" data-value="M"> <span class="text-title">M</span> </label> <input type="radio" name="size3" id="values-l2" checked> <label class="style-text size-btn" for="values-l2" data-value="L"> <span class="text-title">L</span> </label> <input type="radio" name="size3" id="values-xl2"> <label class="style-text size-btn" for="values-xl2" data-value="XL"> <span class="text-title">XL</span> </label> </div> </div> <div class="tf-product-info-quantity"> <div class="title mb_12">Quantity:</div> <div class="wg-quantity"> <span class="btn-quantity btn-decrease">-</span> <input class="quantity-product" type="text" name="number" value="1"> <span class="btn-quantity btn-increase">+</span> </div> </div> <div> <div class="tf-product-info-by-btn mb_10"> <a class="btn-style-2 flex-grow-1 text-btn-uppercase fw-6 show-shopping-cart"><span>Add to cart - </span><span class="tf-qty-price total-price">$79.99</span></a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="compare" class="box-icon hover-tooltip compare btn-icon-action show-compare"> <span class="icon icon-gitDiff"></span> <span class="tooltip text-caption-2">Compare</span> </a> <a href="javascript:void(0);" class="box-icon hover-tooltip text-caption-2 wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip text-caption-2">Wishlist</span> </a> </div> <a href="#" class="btn-style-3 text-btn-uppercase">Buy it now</a> </div> </div> </div> </div> </div> </div> </div> <!-- /quickAdd --> <!-- Javascript --> <script type="text/javascript" src="js/bootstrap.min.js"></script> <script type="text/javascript" src="js/jquery.min.js"></script> <script type="text/javascript" src="js/swiper-bundle.min.js"></script> <script type="text/javascript" src="js/carousel.js"></script> <script type="text/javascript" src="js/bootstrap-select.min.js"></script> <script type="text/javascript" src="js/lazysize.min.js"></script> <script type="text/javascript" src="js/count-down.js"></script> <script type="text/javascript" src="js/wow.min.js"></script> <script type="text/javascript" src="js/multiple-modal.js"></script> <script type="text/javascript" src="js/nouislider.min.js"></script> <script type="text/javascript" src="js/shop.js"></script> <script type="text/javascript" src="js/main.js"></script> <script src="js/sibforms.js" defer></script> <script> window.REQUIRED_CODE_ERROR_MESSAGE = 'Please choose a country code'; window.LOCALE = 'en'; window.EMAIL_INVALID_MESSAGE = window.SMS_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again."; window.REQUIRED_ERROR_MESSAGE = "This field cannot be left blank. "; window.GENERIC_INVALID_MESSAGE = "The information provided is invalid. Please review the field format and try again."; window.translation = { common: { selectedList: '{quantity} list selected', selectedLists: '{quantity} lists selected' } }; var AUTOHIDE = Boolean(0); </script> </body> <!-- Mirrored from themesflat.co/html/modave/product-style-03.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 22 Feb 2025 07:26:52 GMT --> </html>