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/about-us.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/about-us.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 22 Feb 2025 07:27:34 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/drift-basic.min.css"> <link rel="stylesheet" href="css/photoswipe.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 --> <!-- #wrapper --> <div id="wrapper"> <!-- Top Bar--> <div class="tf-topbar bg-main"> <div class="container"> <div class="tf-topbar_wrap d-flex align-items-center justify-content-center justify-content-xl-between"> <ul class="topbar-left"> <li><a class="text-caption-1 text-white" href="tel:315-666-6688">315-666-6688</a></li> <li><a class="text-caption-1 text-white" href="#">themesflat@gmail.com</a></li> <li><a class="text-caption-1 text-white text-decoration-underline" href="store-list.html">Our Store</a></li> </ul> <div class="topbar-right d-none d-xl-block"> <div class="tf-cur justify-content-end"> <div class="tf-currencies"> <select class="image-select center style-default type-currencies color-white"> <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 color-white"> <option>English</option> <option>Vietnam</option> </select> </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.svg" 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"> <a href="#" class="item-link">Home<i class="icon icon-arrow-down"></i></a> <div class="sub-menu mega-menu"> <div class="container"> <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> <div class="text-center view-all-demo"> <a href="#modalDemo" data-bs-toggle="modal" class="tf-btn"><span class="text">View All Demos</span></a> </div> </div> </div> </li> <li class="menu-item"> <a href="#" class="item-link">Shop<i class="icon icon-arrow-down"></i></a> <div class="sub-menu mega-menu"> <div class="container"> <div class="row"> <div class="col-lg-2"> <div class="mega-menu-item"> <div class="menu-heading">Shop Layout</div> <ul class="menu-list"> <li><a href="shop-default-grid.html" class="menu-link-text">Default Grid</a></li> <li><a href="shop-default-list.html" class="menu-link-text">Default List</a></li> <li><a href="shop-fullwidth-list.html" class="menu-link-text">Full Width List</a></li> <li><a href="shop-fullwidth-grid.html" class="menu-link-text">Full Width Grid</a></li> <li><a href="shop-left-sidebar.html" class="menu-link-text">Left Sidebar</a></li> <li><a href="shop-right-sidebar.html" class="menu-link-text">Right Sidebar</a></li> <li><a href="shop-filter-dropdown.html" class="menu-link-text">Filter Dropdown</a></li> <li><a href="shop-filter-canvas.html" class="menu-link-text">Filter Canvas</a></li> </ul> </div> </div> <div class="col-lg-2"> <div class="mega-menu-item"> <div class="menu-heading">Shop Features</div> <ul class="menu-list"> <li><a href="shop-categories-top.html" class="menu-link-text">Categories Top 1</a></li> <li><a href="shop-categories-top-02.html" class="menu-link-text">Categories Top 2</a></li> <li><a href="shop-collection.html" class="menu-link-text">Shop Collection</a></li> <li><a href="shop-breadcrumb-img.html" class="menu-link-text">Breadcrumb IMG</a></li> <li><a href="shop-breadcrumb-left.html" class="menu-link-text">Breadcrumb Left</a></li> <li><a href="shop-breadcrumb-background.html" class="menu-link-text">Breadcrumb BG</a></li> <li><a href="shop-load-button.html" class="menu-link-text">Load Button</a></li> <li><a href="shop-pagination.html" class="menu-link-text">Pagination</a></li> <li><a href="shop-infinite-scrolling.html" class="menu-link-text">Infinite Scrolling</a></li> </ul> </div> </div> <div class="col-lg-2"> <div class="mega-menu-item"> <div class="menu-heading">Products Hover</div> <ul class="menu-list"> <li><a href="product-style-01.html" class="menu-link-text">Product Style 1</a></li> <li><a href="product-style-02.html" class="menu-link-text">Product Style 2</a></li> <li><a href="product-style-03.html" class="menu-link-text">Product Style 3</a></li> <li><a href="product-style-04.html" class="menu-link-text">Product Style 4</a></li> <li><a href="product-style-05.html" class="menu-link-text">Product Style 5</a></li> <li><a href="product-style-06.html" class="menu-link-text">Product Style 6</a></li> <li><a href="product-style-07.html" class="menu-link-text">Product Style 7</a></li> </ul> </div> </div> <div class="col-lg-2"> <div class="mega-menu-item"> <div class="menu-heading">My Pages</div> <ul class="menu-list"> <li><a href="wish-list.html" class="menu-link-text">Wish List</a></li> <li><a href="search-result.html" class="menu-link-text">Search Result</a></li> <li><a href="shopping-cart.html" class="menu-link-text">Shopping Cart</a></li> <li><a href="login.html" class="menu-link-text">Login/Register</a></li> <li><a href="forget-password.html" class="menu-link-text">Forget Password</a></li> <li><a href="order-tracking.html" class="menu-link-text">Order Tracking</a></li> <li><a href="my-account.html" class="menu-link-text">My Account</a></li> </ul> </div> </div> <div class="col-lg-4"> <div class="wrapper-sub-shop"> <div class="menu-heading">Recent Products</div> <div dir="ltr" class="swiper tf-product-header"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="card-product"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/products/womens/women-19.jpg" src="images/products/womens/women-19.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/womens/women-20.jpg" src="images/products/womens/women-20.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">$59.99</span> </div> </div> </div> <div class="swiper-slide"> <div class="card-product"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/products/womens/women-37.jpg" src="images/products/womens/women-37.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/womens/women-38.jpg" src="images/products/womens/women-38.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">Polarized sunglasses</a> <span class="price">$59.99</span> </div> </div> </div> <div class="swiper-slide"> <div class="card-product"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/products/womens/women-8.jpg" src="images/products/womens/women-8.jpg" 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="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">$59.99</span> </div> </div> </div> <div class="swiper-slide"> <div class="card-product"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="lazyload img-product" data-src="images/products/womens/women-171.jpg" src="images/products/womens/women-172.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/womens/women-171.jpg" src="images/products/womens/women-172.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">Faux-leather trousers</a> <span class="price">$79.99</span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="menu-item"> <a href="#" class="item-link">Products<i class="icon icon-arrow-down"></i></a> <div class="sub-menu mega-menu"> <div class="container"> <div class="row"> <div class="col-lg-3"> <div class="mega-menu-item"> <div class="menu-heading">Products Layout</div> <ul class="menu-list"> <li><a href="product-detail.html" class="menu-link-text">Product Default</a></li> <li><a href="product-grid-1.html" class="menu-link-text">Product Grid1</a></li> <li><a href="product-grid-2.html" class="menu-link-text">Product Grid2</a></li> <li><a href="product-stacked.html" class="menu-link-text">Product stacked</a></li> <li><a href="product-right-thumbnails.html" class="menu-link-text">Product right thumbnails</a></li> <li><a href="product-bottom-thumbnails.html" class="menu-link-text">Product bottom thumbnails</a></li> <li><a href="product-description-accordion.html" class="menu-link-text">Product Description Accordion</a></li> <li><a href="product-description-list.html" class="menu-link-text">Product Description List</a></li> <li><a href="product-description-menutab.html" class="menu-link-text">Product Description MenuTab</a></li> <li><a href="product-description-fullwidth.html" class="menu-link-text">Product Description Fullwidth</a></li> <li><a href="product-fixed-price.html" class="menu-link-text">Product Fixed Price</a></li> <li><a href="product-fixed-scroll.html" class="menu-link-text">Product Fixed Scrolls</a></li> </ul> </div> </div> <div class="col-lg-3"> <div class="mega-menu-item"> <div class="menu-heading">Colors Swatched</div> <ul class="menu-list"> <li><a href="product-swatch-color.html" class="menu-link-text">Product Swatch Color</a></li> <li><a href="product-swatch-rounded.html" class="menu-link-text">Product Swatch Rounded</a></li> <li><a href="product-swatch-rounded-color.html" class="menu-link-text">Product Swatch Rounded Colors</a></li> <li><a href="product-swatch-image.html" class="menu-link-text">Product Swatch Image</a></li> <li><a href="product-swatch-rounded-image.html" class="menu-link-text">Product Swatch Rounded Image</a></li> <li><a href="product-swatch-dropdown.html" class="menu-link-text">Product Swatch Dropdown</a></li> <li><a href="product-swatch-dropdown-color.html" class="menu-link-text">Product Swatch Dropdown Colors</a></li> </ul> </div> </div> <div class="col-lg-3"> <div class="mega-menu-item"> <div class="menu-heading">Products Features</div> <ul class="menu-list"> <li><a href="product-frequently-bought-together.html" class="menu-link-text">Frequently Bought Together 1</a></li> <li><a href="product-frequently-bought-together-02.html" class="menu-link-text">Frequently Bought Together 2</a></li> <li><a href="product-up-sell.html" class="menu-link-text">Up Sell</a></li> <li><a href="product-pre-order.html" class="menu-link-text">Pre-orders</a></li> <li><a href="product-grouped.html" class="menu-link-text">Grouped</a></li> <li><a href="product-customer-note.html" class="menu-link-text">Customer Note</a></li> <li><a href="product-out-of-stock.html" class="menu-link-text">Out Of Stock</a></li> <li><a href="product-pickup-available.html" class="menu-link-text">Pick Up Available</a></li> <li><a href="product-variable.html" class="menu-link-text">Variable</a></li> <li><a href="product-deals.html" class="menu-link-text">Deals</a></li> <li><a href="product-with-discount.html" class="menu-link-text">With Discount</a></li> <li><a href="product-external.html" class="menu-link-text">External</a></li> <li><a href="product-subscribe-save.html" class="menu-link-text">Subscribe Save</a></li> <li> <a href="product-deals-grid.html" class="menu-link-text position-relative"> Deals Grid <div class="demo-label"><span class="demo-new">New</span></div> </a> </li> <li> <a href="product-buyx-gety.html" class="menu-link-text"> Buy X Get Y <div class="demo-label"><span class="demo-new">New</span></div> </a> </li> </ul> </div> </div> <div class="col-lg-3"> <div class="menu-heading">Best seller</div> <div class="sec-cls-header"> <div class="collection-position hover-img"> <a href="shop-collection.html" class="img-style"> <img class="lazyload" data-src="images/collections/cls-header.jpg" src="images/collections/cls-header.jpg" alt="banner-cls"> </a> <div class="content"> <div class="title-top"> <h4 class="title"><a href="shop-collection.html" class="link text-white wow fadeInUp">Shop our top picks</a></h4> <p class="desc text-white wow fadeInUp">Reserved for special occasions</p> </div> <div> <a href="shop-collection.html" class="tf-btn btn-md btn-white"><span class="text">Shop Now</span><i class="icon icon-arrowUpRight"></i></a> </div> </div> </div> </div> </div> </div> </div> </div> </li> <li class="menu-item position-relative"> <a href="#" class="item-link">Blog<i class="icon icon-arrow-down"></i></a> <div class="sub-menu submenu-default"> <ul class="menu-list"> <li><a href="blog-default.html" class="menu-link-text">Blog Default</a></li> <li><a href="blog-list.html" class="menu-link-text">Blog List</a></li> <li><a href="blog-grid.html" class="menu-link-text">Blog Grid</a></li> <li><a href="blog-detail.html" class="menu-link-text">Blog Detail 1</a></li> <li><a href="blog-detail-02.html" class="menu-link-text">Blog Detail 2</a></li> </ul> </div> </li> <li class="menu-item position-relative active"> <a href="#" class="item-link">Pages<i class="icon icon-arrow-down"></i></a> <div class="sub-menu submenu-default"> <ul class="menu-list"> <li><a href="about-us.html" class="active menu-link-text">About Us</a></li> <li><a href="store-list.html" class="menu-link-text">Store List 1</a></li> <li><a href="store-list-02.html" class="menu-link-text">Store List 2</a></li> <li><a href="contact.html" class="menu-link-text">Contact Us 1</a></li> <li><a href="contact-02.html" class="menu-link-text">Contact Us 2</a></li> <li><a href="404.html" class="menu-link-text">404</a></li> <li><a href="FAQs.html" class="menu-link-text">FAQs</a></li> <li><a href="term-of-use.html" class="menu-link-text">Terms Of Use</a></li> <li><a href="coming-soon.html" class="menu-link-text">Coming Soon</a></li> <li><a href="customer-feedback.html" class="menu-link-text">Customer Feedbacks</a></li> <li><a href="my-account.html" class="menu-link-text">My Account</a></li> </ul> </div> </li> <li class="menu-item"><a href="https://themeforest.net/user/themesflat" 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 --> <!-- tf-add-cart-success --> <div class="tf-add-cart-success"> <div class="tf-add-cart-heading"> <h5>Shopping Cart</h5> <i class="icon icon-close tf-add-cart-close"></i> </div> <div class="tf-add-cart-product"> <div class="image"> <img class=" ls-is-cached lazyloaded" data-src="images/products/womens/women-3.jpg" alt="" src="images/products/womens/women-3.jpg"> </div> <div class="content"> <div class="text-title"> <a class="link" href="product-detail.html">Biker-style leggings</a> </div> <div class="text-caption-1 text-secondary-2">Green, XS, Cotton</div> <div class="text-title">$68.00</div> </div> </div> <a href="shopping-cart.html" class="tf-btn w-100 btn-fill radius-4"><span class="text text-btn-uppercase">View cart</span></a> </div> <!-- /tf-add-cart-success --> <!-- 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">About Our Store</h3> <ul class="breadcrumbs d-flex align-items-center justify-content-center"> <li> <a class="link" href="index.html">Homepage</a> </li> <li> <i class="icon-arrRight"></i> </li> <li> <a class="link" href="#">Pages</a> </li> <li> <i class="icon-arrRight"></i> </li> <li> About Our Store </li> </ul> </div> </div> </div> </div> <!-- /page-title --> <!-- about-us --> <section class="flat-spacing about-us-main pb_0"> <div class="container"> <div class="row"> <div class="col-md-6"> <div class="about-us-features wow fadeInLeft"> <img class="lazyload" data-src="images/banner/about-us.jpg" src="images/banner/about-us.jpg" alt="image-team"> </div> </div> <div class="col-md-6"> <div class="about-us-content"> <h3 class="title wow fadeInUp">Modave – Offering rare and beautiful items worldwide</h3> <div class="widget-tabs style-3"> <ul class="widget-menu-tab wow fadeInUp"> <li class="item-title active"> <span class="inner text-button">Introduction</span> </li> <li class="item-title"> <span class="inner text-button">Our Vision</span> </li> <li class="item-title"> <span class="inner text-button">What Sets Us Apart</span> </li> <li class="item-title"> <span class="inner text-button">Our Commitment</span> </li> </ul> <div class="widget-content-tab wow fadeInUp"> <div class="widget-content-inner active"> <p>Welcome to Modave Store, your premier destination for fashion-forward clothing and accessories. We pride ourselves on offering a curated selection of rare and beautiful items sourced both locally and globally. Our mission is to bring you the latest trends and timeless styles, ensuring every piece reflects quality and elegance. Discover the perfect addition to your wardrobe at Modave Store.</p> </div> <div class="widget-content-inner"> <p>Welcome to Modave Store, your premier destination for fashion-forward clothing and accessories. We pride ourselves on offering a curated selection of rare and beautiful items sourced both locally and globally. Our mission is to bring you the latest trends and timeless styles, ensuring every piece reflects quality and elegance. Discover the perfect addition to your wardrobe at Modave Store.</p> </div> <div class="widget-content-inner"> <p>Welcome to Modave Store, your premier destination for fashion-forward clothing and accessories. We pride ourselves on offering a curated selection of rare and beautiful items sourced both locally and globally. Our mission is to bring you the latest trends and timeless styles, ensuring every piece reflects quality and elegance. Discover the perfect addition to your wardrobe at Modave Store.</p> </div> <div class="widget-content-inner"> <p>Welcome to Modave Store, your premier destination for fashion-forward clothing and accessories. We pride ourselves on offering a curated selection of rare and beautiful items sourced both locally and globally. Our mission is to bring you the latest trends and timeless styles, ensuring every piece reflects quality and elegance. Discover the perfect addition to your wardrobe at Modave Store.</p> </div> </div> </div> <a href="#" class="tf-btn btn-fill wow fadeInUp"><span class="text text-button">Read More</span></a> </div> </div> </div> </div> </section> <!-- /about-us --> <!-- Iconbox --> <section class="flat-spacing line-bottom-container"> <div class="container"> <div dir="ltr" class="swiper tf-sw-iconbox" data-preview="4" data-tablet="3" data-mobile-sm="2" data-mobile="1" data-space-lg="30" data-space-md="30" data-space="15" data-pagination="1" data-pagination-sm="2" data-pagination-md="3" data-pagination-lg="4"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="tf-icon-box style-2"> <div class="icon-box"><span class="icon icon-return"></span></div> <div class="content"> <h6>14-Day Returns</h6> <p class="text-secondary">Risk-free shopping with easy returns.</p> </div> </div> </div> <div class="swiper-slide"> <div class="tf-icon-box style-2"> <div class="icon-box"><span class="icon icon-shipping"></span></div> <div class="content"> <h6>Free Shipping</h6> <p class="text-secondary">No extra costs, just the price you see.</p> </div> </div> </div> <div class="swiper-slide"> <div class="tf-icon-box style-2"> <div class="icon-box"><span class="icon icon-headset"></span></div> <div class="content"> <h6>24/7 Support</h6> <p class="text-secondary">24/7 support, always here just for you</p> </div> </div> </div> <div class="swiper-slide"> <div class="tf-icon-box style-2"> <div class="icon-box"><span class="icon icon-sealCheck"></span></div> <div class="content"> <h6>Member Discounts</h6> <p class="text-secondary">Special prices for our loyal customers.</p> </div> </div> </div> </div> <div class="sw-pagination-iconbox sw-dots type-circle justify-content-center"></div> </div> </div> </section> <!-- /Iconbox --> <!-- Our Teams --> <section class="flat-spacing"> <div class="container"> <div class="heading-section text-center wow fadeInUp"> <h3 class="heading">Meet Our Teams</h3> <p class="subheading text-secondary-2">Discover exceptional experiences through testimonials from our satisfied customers.</p> </div> <div dir="ltr" class="swiper tf-sw-latest" data-preview="4" data-tablet="3" data-mobile="2" data-space-lg="30" data-space-md="30" data-space="15" data-pagination="1" data-pagination-md="1" data-pagination-lg="1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="team-item hover-image wow fadeInUp" data-wow-delay="0s"> <div class="image"> <img class="lazyload" data-src="images/team/team-1.jpg" src="images/team/team-1.jpg" alt="image-team"> </div> <div class="content"> <div> <h6 class="name"><a class="link text-line-clamp-1" href="#">Annette Black</a></h6> <div class="infor text-caption-1 text-secondary-2">Founder/CEO</div> </div> <ul class="tf-social-icon"> <li><a href="#" class="social-facebook"><i class="icon icon-fb"></i></a></li> </ul> </div> </div> </div> <div class="swiper-slide"> <div class="team-item hover-image wow fadeInUp" data-wow-delay="0.1s"> <div class="image"> <img class="lazyload" data-src="images/team/team-2.jpg" src="images/team/team-2.jpg" alt="image-team"> </div> <div class="content"> <div> <h6 class="name"><a class="link text-line-clamp-1" href="#">Jane Cooper</a></h6> <div class="infor text-caption-1 text-secondary-2">Sales Director</div> </div> <ul class="tf-social-icon"> <li><a href="#" class="social-facebook"><i class="icon icon-fb"></i></a></li> </ul> </div> </div> </div> <div class="swiper-slide"> <div class="team-item hover-image wow fadeInUp" data-wow-delay="0.2s"> <div class="image"> <img class="lazyload" data-src="images/team/team-3.jpg" src="images/team/team-3.jpg" alt="image-team"> </div> <div class="content"> <div> <h6 class="name"><a class="link text-line-clamp-1" href="#">Brooklyn Simmons</a></h6> <div class="infor text-caption-1 text-secondary-2">Manager</div> </div> <ul class="tf-social-icon"> <li><a href="#" class="social-facebook"><i class="icon icon-fb"></i></a></li> </ul> </div> </div> </div> <div class="swiper-slide"> <div class="team-item hover-image wow fadeInUp" data-wow-delay="0.3s"> <div class="image"> <img class="lazyload" data-src="images/team/team-4.jpg" src="images/team/team-4.jpg" alt="image-team"> </div> <div class="content"> <div> <h6 class="name"><a class="link text-line-clamp-1" href="#">Theresa Webb</a></h6> <div class="infor text-caption-1 text-secondary-2">Product Manager</div> </div> <ul class="tf-social-icon"> <li><a href="#" class="social-facebook"><i class="icon icon-fb"></i></a></li> </ul> </div> </div> </div> </div> <div class="sw-pagination-latest sw-dots type-circle justify-content-center"></div> </div> </div> </section> <!-- /Our Teams --> <!-- Partner --> <section class="flat-spacing-5 bg-surface"> <div dir="ltr" class="swiper tf-sw-partner sw-auto" data-preview="auto" data-tablet="auto" data-mobile-sm="auto" data-mobile="auto" data-space-lg="74" data-space-md="50" data-space="50" data-loop="true" data-auto-play="true" data-delay="0"> <div class="swiper-wrapper"> <div class="swiper-slide"> <a href="#" class="brand-item"> <img src="images/brand/vanfaba.png" alt="brand"> </a> </div> <div class="swiper-slide"> <a href="#" class="brand-item"> <img src="images/brand/anvouge.png" alt="brand"> </a> </div> <div class="swiper-slide"> <a href="#" class="brand-item"> <img src="images/brand/carolin.png" alt="brand"> </a> </div> <div class="swiper-slide"> <a href="#" class="brand-item"> <img src="images/brand/shangxi.png" alt="brand"> </a> </div> <div class="swiper-slide"> <a href="#" class="brand-item"> <img src="images/brand/ecomife.png" alt="brand"> </a> </div> <div class="swiper-slide"> <a href="#" class="brand-item"> <img src="images/brand/cheryl.png" alt="brand"> </a> </div> <div class="swiper-slide"> <a href="#" class="brand-item"> <img src="images/brand/sopify.png" alt="brand"> </a> </div> <div class="swiper-slide"> <a href="#" class="brand-item"> <img src="images/brand/pennyw.png" alt="brand"> </a> </div> <div class="swiper-slide"> <a href="#" class="brand-item"> <img src="images/brand/panadoxn.png" alt="brand"> </a> </div> </div> </div> </section> <!-- /Partner --> <!-- Testimonial --> <section class="flat-spacing"> <div class="container"> <div class="heading-section text-center wow fadeInUp"> <h3 class="heading">Customer Review</h3> </div> <div dir="ltr" class="swiper tf-sw-testimonial wow fadeInUp" data-wow-delay="0.1s" data-preview="3" data-tablet="2" data-mobile="1" data-space-lg="30" data-space-md="30" data-space="15" data-pagination="1" data-pagination-md="1" data-pagination-lg="1"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="testimonial-item style-4"> <div class="content-top"> <div class="box-icon"> <i class="icon icon-quote"></i> </div> <div class="text-title">Variety of Styles!</div> <p class="text-secondary">"Fantastic shop! Great selection, fair prices, and friendly staff. Highly recommended. The quality of the products is exceptional, and the prices are very reasonable!"</p> <div class="box-rate-author"> <div class="box-author"> <div class="text-title author">Sybil Sharp</div> </div> <div class="list-star-default color-primary"> <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> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-item style-4"> <div class="content-top"> <div class="box-icon"> <i class="icon icon-quote"></i> </div> <div class="text-title">Quality of Clothing!</div> <p class="text-secondary">"I absolutely love this shop! The products are high-quality and the customer service is excellent. I always leave with exactly what I need and a smile on my face."</p> <div class="box-rate-author"> <div class="box-author"> <div class="text-title author">Mark G.</div> </div> <div class="list-star-default color-primary"> <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> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-item style-4"> <div class="content-top"> <div class="box-icon"> <i class="icon icon-quote"></i> </div> <div class="text-title">Customer Service!</div> <p class="text-secondary">"I love this shop! The products are always top-quality, and the staff is incredibly friendly and helpful. They go out of their way to make sure that I'm satisfied with my purchase.”</p> <div class="box-rate-author"> <div class="box-author"> <div class="text-title author">Emily S.</div> </div> <div class="list-star-default color-primary"> <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> </div> </div> </div> <div class="swiper-slide"> <div class="testimonial-item style-4"> <div class="content-top"> <div class="box-icon"> <i class="icon icon-quote"></i> </div> <div class="text-title">Variety of Styles!</div> <p class="text-secondary">"Fantastic shop! Great selection, fair prices, and friendly staff. Highly recommended. The quality of the products is exceptional, and the prices are very reasonable!"</p> <div class="box-rate-author"> <div class="box-author"> <div class="text-title author">Sybil Sharp</div> </div> <div class="list-star-default color-primary"> <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> </div> </div> </div> </div> <div class="sw-pagination-testimonial sw-dots type-circle d-flex justify-content-center"></div> </div> </div> </section> <!-- /Testimonial --> <!-- 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.svg" 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="#shopCategories" data-bs-toggle="offcanvas" aria-controls="shopCategories"> <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.5 10C17.5 10.1658 17.4342 10.3247 17.3169 10.4419C17.1997 10.5592 17.0408 10.625 16.875 10.625H3.125C2.95924 10.625 2.80027 10.5592 2.68306 10.4419C2.56585 10.3247 2.5 10.1658 2.5 10C2.5 9.83424 2.56585 9.67527 2.68306 9.55806C2.80027 9.44085 2.95924 9.375 3.125 9.375H16.875C17.0408 9.375 17.1997 9.44085 17.3169 9.55806C17.4342 9.67527 17.5 9.83424 17.5 10ZM3.125 5.625H16.875C17.0408 5.625 17.1997 5.55915 17.3169 5.44194C17.4342 5.32473 17.5 5.16576 17.5 5C17.5 4.83424 17.4342 4.67527 17.3169 4.55806C17.1997 4.44085 17.0408 4.375 16.875 4.375H3.125C2.95924 4.375 2.80027 4.44085 2.68306 4.55806C2.56585 4.67527 2.5 4.83424 2.5 5C2.5 5.16576 2.56585 5.32473 2.68306 5.44194C2.80027 5.55915 2.95924 5.625 3.125 5.625ZM16.875 14.375H3.125C2.95924 14.375 2.80027 14.4408 2.68306 14.5581C2.56585 14.6753 2.5 14.8342 2.5 15C2.5 15.1658 2.56585 15.3247 2.68306 15.4419C2.80027 15.5592 2.95924 15.625 3.125 15.625H16.875C17.0408 15.625 17.1997 15.5592 17.3169 15.4419C17.4342 15.3247 17.5 15.1658 17.5 15C17.5 14.8342 17.4342 14.6753 17.3169 14.5581C17.1997 14.4408 17.0408 14.375 16.875 14.375Z" fill="#4D4E4F"/> </svg> </div> <div class="toolbar-label">Categories</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> <!-- /wrapper --> <!-- 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/products/womens/women-8.jpg" src="images/products/womens/women-8.jpg" 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/products/womens/women-171.jpg" src="images/products/womens/women-171.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/womens/women-172.jpg" src="images/products/womens/women-172.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="#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/products/womens/women-171.jpg" src="images/products/womens/women-171.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-dark-pink"></span> <img class="lazyload" data-src="images/products/womens/women-172.jpg" src="images/products/womens/women-172.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/womens/women-83.jpg" src="images/products/womens/women-83.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/womens/women-84.jpg" src="images/products/womens/women-84.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="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/products/womens/women-83.jpg" src="images/products/womens/women-83.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-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/products/womens/women-102.jpg" src="images/products/womens/women-102.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/womens/women-103.jpg" src="images/products/womens/women-103.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="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/products/womens/women-102.jpg" src="images/products/womens/women-102.jpg" 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/products/womens/women-37.jpg" src="images/products/womens/women-37.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/womens/women-38.jpg" src="images/products/womens/women-38.jpg" 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/products/womens/women-37.jpg" src="images/products/womens/women-37.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-41.jpg" src="images/products/womens/women-41.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-15.jpg" src="images/products/mens/men-15.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/mens/men-16.jpg" src="images/products/mens/men-16.jpg" 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/products/mens/men-15.jpg" src="images/products/mens/men-15.jpg" 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/products/womens/women-167.jpg" src="images/products/womens/women-167.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/womens/women-168.jpg" src="images/products/womens/women-168.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">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/products/womens/women-167.jpg" src="images/products/womens/women-167.jpg" 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/products/womens/women-162.jpg" src="images/products/womens/women-162.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-19.jpg" src="images/products/mens/men-19.jpg" alt="image-product"> <img class="lazyload img-hover" data-src="images/products/mens/men-20.jpg" src="images/products/mens/men-20.jpg" 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"> <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="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="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 active"> <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="active 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 --> <!-- Categories --> <div class="offcanvas offcanvas-start canvas-filter canvas-categories" id="shopCategories"> <div class="canvas-wrapper"> <div class="canvas-header"> <span class="icon-left icon-filter"></span> <h5>Categories</h5> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> </div> <div class="canvas-body"> <div class="wd-facet-categories"> <div role="dialog" class="facet-title collapsed" data-bs-target="#forWomen" data-bs-toggle="collapse" aria-expanded="true" aria-controls="forWomen"> <img class="avt" src="images/avatar/women.jpg" alt="avt"> <span class="title">For Women</span> <span class="icon icon-arrow-down"></span> </div> <div id="forWomen" class="collapse"> <ul class="facet-body"> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/new-in.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">New in</span></a> </li> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/promotion.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">Promotion</span></a> </li> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/clothing.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">Clothing</span></a> </li> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/shoes.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">Shoes</span></a> </li> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/bags.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">Bags</span></a> </li> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/accessories.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">Accessories</span></a> </li> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/jewelry.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">Jewelry</span></a> </li> </ul> </div> </div> <div class="wd-facet-categories"> <div role="dialog" class="facet-title collapsed" data-bs-target="#forMen" data-bs-toggle="collapse" aria-expanded="true" aria-controls="forMen"> <img class="avt" src="images/avatar/men.jpg" alt="avt"> <span class="title">For Men</span> <span class="icon icon-arrow-down"></span> </div> <div id="forMen" class="collapse"> <ul class="facet-body"> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/men.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">Men</span></a> </li> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/men.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">Men</span></a> </li> </ul> </div> </div> <div class="wd-facet-categories"> <div role="dialog" class="facet-title collapsed" data-bs-target="#forKid" data-bs-toggle="collapse" aria-expanded="true" aria-controls="forKid"> <img class="avt" src="images/avatar/kid.jpg" alt="avt"> <span class="title">For Kid</span> <span class="icon icon-arrow-down"></span> </div> <div id="forKid" class="collapse"> <ul class="facet-body"> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/kid.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">Kid</span></a> </li> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/kid.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">Kid</span></a> </li> </ul> </div> </div> <div class="wd-facet-categories"> <div role="dialog" class="facet-title collapsed" data-bs-target="#accessories" data-bs-toggle="collapse" aria-expanded="true" aria-controls="accessories"> <img class="avt" src="images/avatar/accessories.jpg" alt="avt"> <span class="title">Accessories</span> <span class="icon icon-arrow-down"></span> </div> <div id="accessories" class="collapse"> <ul class="facet-body"> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/accessories.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">Accessories</span></a> </li> <li> <a href="#" class="item link"><img class="avt" src="images/avatar/accessories.jpg" alt="avt"><span class="title-sub text-caption-1 text-secondary">Accessories</span></a> </li> </ul> </div> </div> </div> </div> </div> <!-- /Categories --> <!-- 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/products/womens/women-1.jpg" src="images/products/womens/women-1.jpg" alt=""> </div> <div class="quickView-item item-scroll-quickview" data-scroll-quickview="beige"> <img class="lazyload" data-src="images/products/womens/women-2.jpg" src="images/products/womens/women-2.jpg" 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/products/womens/women-19.jpg" src="images/products/womens/women-19.jpg" alt=""> </div> <div class="quickView-item item-scroll-quickview" data-scroll-quickview="grey"> <img class="lazyload" data-src="images/products/womens/women-20.jpg" src="images/products/womens/women-20.jpg" 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/products/womens/women-1.jpg" src="images/products/womens/women-1.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-2.jpg" src="images/products/womens/women-2.jpg" 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/products/womens/women-19.jpg" src="images/products/womens/women-19.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">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/products/womens/women-1.jpg" src="images/products/womens/women-1.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">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/products/womens/women-2.jpg" src="images/products/womens/women-2.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">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/products/womens/women-19.jpg" src="images/products/womens/women-19.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">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/products/womens/women-1.jpg" src="images/products/womens/women-1.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">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/products/womens/women-2.jpg" src="images/products/womens/women-2.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">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/products/womens/women-19.jpg" src="images/products/womens/women-19.jpg" 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/products/womens/women-29.jpg" src="images/products/womens/women-29.jpg" 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/products/womens/women-1.jpg" src="images/products/womens/women-1.jpg" 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/products/womens/women-1.jpg" 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 --> <!-- modal ask_question --> <div class="modal modalCentered fade tf-product-modal modal-part-content" id="ask_question"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <div class="demo-title">Ask a question</div> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="overflow-y-auto"> <form class=""> <fieldset class=""> <label >Name *</label> <input type="text" placeholder="" class="" name="text" tabindex="2" value="" aria-required="true" required=""> </fieldset> <fieldset class=""> <label >Email *</label> <input type="email" placeholder="" class="" name="text" tabindex="2" value="" aria-required="true" required=""> </fieldset> <fieldset class=""> <label >Phone number</label> <input type="number" placeholder="" class="" name="text" tabindex="2" value="" aria-required="true" required=""> </fieldset> <fieldset class=""> <label >Message</label> <textarea name="message" rows="4" placeholder="" class="" tabindex="2" aria-required="true" required=""></textarea> </fieldset> <button type="submit" class="btn-style-2 w-100"><span class="text">Send</span></button> </form> </div> </div> </div> </div> <!-- /modal ask_question --> <!-- modal delivery_return --> <div class="modal modalCentered fade tf-product-modal modal-part-content" id="delivery_return"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <div class="demo-title">Shipping & Delivery</div> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="overflow-y-auto"> <div class="tf-product-popup-delivery"> <div class="title">Delivery</div> <p class="text-paragraph">All orders shipped with UPS Express.</p> <p class="text-paragraph">Always free shipping for orders over US $250.</p> <p class="text-paragraph">All orders are shipped with a UPS tracking number.</p> </div> <div class="tf-product-popup-delivery"> <div class="title">Returns</div> <p class="text-paragraph">Items returned within 14 days of their original shipment date in same as new condition will be eligible for a full refund or store credit.</p> <p class="text-paragraph">Refunds will be charged back to the original form of payment used for purchase.</p> <p class="text-paragraph">Customer is responsible for shipping charges when making returns and shipping/handling fees of original purchase is non-refundable.</p> <p class="text-paragraph">All sale items are final purchases.</p> </div> <div class="tf-product-popup-delivery"> <div class="title">Help</div> <p class="text-paragraph">Give us a shout if you have any other questions and/or concerns.</p> <p class="text-paragraph">Email: <a href="mailto:contact@domain.com" ><span class="__cf_email__">contact@domain.com</span></a></p> <p class="text-paragraph mb-0">Phone: +1 (23) 456 789</p> </div> </div> </div> </div> </div> <!-- /modal delivery_return --> <!-- modal share social --> <div class="modal modalCentered fade tf-product-modal modal-part-content" id="share_social"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <div class="demo-title">Share</div> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="overflow-y-auto"> <ul class="tf-social-icon d-flex gap-10"> <li><a href="#" class="box-icon social-facebook bg_line"><i class="icon icon-fb"></i></a></li> <li><a href="#" class="box-icon social-twiter bg_line"><i class="icon icon-x"></i></a></li> <li><a href="#" class="box-icon social-instagram bg_line"><i class="icon icon-instagram"></i></a></li> <li><a href="#" class="box-icon social-tiktok bg_line"><i class="icon icon-tiktok"></i></a></li> <li><a href="#" class="box-icon social-pinterest bg_line"><i class="icon icon-pinterest"></i></a></li> </ul> <form class="form-share" method="post" accept-charset="utf-8"> <fieldset> <input type="text" value="https://themesflat.co/html/modave/" tabindex="0" aria-required="true"> </fieldset> <div class="button-submit"> <button class="tf-btn radius-4 btn-fill" type="button"><span class="text">Copy</span></button> </div> </form> </div> </div> </div> </div> <!-- /modal share social --> <!-- 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/bootstrap-select.min.js"></script> <script type="text/javascript" src="js/lazysize.min.js"></script> <script type="text/javascript" src="js/wow.min.js"></script> <script type="text/javascript" src="js/count-down.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/multiple-modal.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/about-us.html by HTTrack Website Copier/3.x [XR&CO'2014], Sat, 22 Feb 2025 07:27:38 GMT --> </html>