whoami7 - Manager
:
/
home
/
n170823s
/
.trash
/
Upload File:
files >> /home/n170823s/.trash/product-list.html
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en-US" lang="en-US"> <head> <meta charset="utf-8"> <title>Amor World</title> <meta name="author" content="themesflat.com"> <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1"> <link rel="stylesheet" href="fonts/fonts.css"> <link href="https://fonts.googleapis.com/css2?family=Tenor+Sans&display=swap" rel="stylesheet"> <link href="https://fonts.googleapis.com/css2?family=DM+Sans:ital,opsz,wght@0,9..40,100..1000;1,9..40,100..1000&family=Reem+Kufi:wght@400..700&display=swap" rel="stylesheet"> <link rel="stylesheet" href="css/bootstrap.min.css"> <link rel="stylesheet" href="fonts/font-icons.css"> <link rel="stylesheet" href="css/swiper-bundle.min.css"> <link rel="stylesheet" href="css/animate.css"> <link rel="stylesheet" type="text/css" href="css/styles.css" /> <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"> <div id="wrapper"> <header id="header" class="header-default header-white bg-primary" style="top: unset;"> <div class="container"> <div class="row wrapper-header align-items-center"> <div class="col-md-4 col-3 tf-lg-hidden"> <a href="#mobileMenu" class="text-white" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"> <svg xmlns="http://www.w3.org/2000/svg" width="24" height="16" viewBox="0 0 24 16" fill="none"> <path d="M2.00056 2.28571H16.8577C17.1608 2.28571 17.4515 2.16531 17.6658 1.95098C17.8802 1.73665 18.0006 1.44596 18.0006 1.14286C18.0006 0.839753 17.8802 0.549063 17.6658 0.334735C17.4515 0.120408 17.1608 0 16.8577 0H2.00056C1.69745 0 1.40676 0.120408 1.19244 0.334735C0.978109 0.549063 0.857702 0.839753 0.857702 1.14286C0.857702 1.44596 0.978109 1.73665 1.19244 1.95098C1.40676 2.16531 1.69745 2.28571 2.00056 2.28571ZM0.857702 8C0.857702 7.6969 0.978109 7.40621 1.19244 7.19188C1.40676 6.97755 1.69745 6.85714 2.00056 6.85714H22.572C22.8751 6.85714 23.1658 6.97755 23.3801 7.19188C23.5944 7.40621 23.7148 7.6969 23.7148 8C23.7148 8.30311 23.5944 8.59379 23.3801 8.80812C23.1658 9.02245 22.8751 9.14286 22.572 9.14286H2.00056C1.69745 9.14286 1.40676 9.02245 1.19244 8.80812C0.978109 8.59379 0.857702 8.30311 0.857702 8ZM0.857702 14.8571C0.857702 14.554 0.978109 14.2633 1.19244 14.049C1.40676 13.8347 1.69745 13.7143 2.00056 13.7143H12.2863C12.5894 13.7143 12.8801 13.8347 13.0944 14.049C13.3087 14.2633 13.4291 14.554 13.4291 14.8571C13.4291 15.1602 13.3087 15.4509 13.0944 15.6653C12.8801 15.8796 12.5894 16 12.2863 16H2.00056C1.69745 16 1.40676 15.8796 1.19244 15.6653C0.978109 15.4509 0.857702 15.1602 0.857702 14.8571Z" fill="currentColor"></path> </svg> </a> </div> <div class="col-xl-3 col-md-4 col-6"> <a href="index.html" class="logo-header"> <img width="40px" src="images/logo.svg" alt="logo" class="logo"> </a> </div> <div class="col-xl-6 tf-md-hidden"> <nav class="box-navigation text-center"> <ul class="box-nav-ul d-flex align-items-center justify-content-center gap-30"> <li class="menu-item"> <a href="index.html" class="item-link">Home</a> </li> <li class="menu-item position-relative"> <a href="" class="item-link">Shop By Category<i class="icon icon-arrow-down"></i></a> <div class="sub-menu"> <ul class="menu-list"> <li><a href="product-list.html" class="menu-link-text link text_black-2">Water Collection</a></li> <li><a href="product-list.html" class="menu-link-text link text_black-2">Men Collection</a> </li> <li><a href="product-list.html" class="menu-link-text link text_black-2">Protein Collection</a></li> </ul> </div> </li> <li class="menu-item"> <a href="aboutus.html" class="item-link">About</a> </li> <li class="menu-item"><a href="contact.html" class="item-link">Contact</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 gap-20"> <li class="nav-search"><a href="#" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft" class="nav-icon-item text-white"><i class="icon icon-search"></i></a></li> <li class="nav-account"><a href="#" data-bs-toggle="modal" class="nav-icon-item text-white"><i class="icon icon-account"></i></a></li> <li class="nav-wishlist"><a href="#" class="nav-icon-item text-white"><i class="icon icon-heart"></i><span class="count-box">0</span></a></li> <li class="nav-cart"><a href="#" data-bs-toggle="modal" class="nav-icon-item text-white"><i class="icon icon-bag"></i><span class="count-box">0</span></a></li> </ul> </div> </div> </div> </header> <div class="tf-product-list-page-title"> <div class="container-full"> <div class="row"> <div class="col-12"> <div class="heading text-center"> <p>Our Products</p> <p class="text-center text-1 text_black-2 mt_5">Water Collection</p> </div> </div> </div> </div> </div> <section class="flat-spacing-1"> <div class="container"> <div class="tf-shop-control grid-2 align-items-center"> <div class="tf-control-filter"> <a href="#filterShop" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft" class="tf-btn-filter"><span class="icon icon-filter"></span><span class="text">Filter</span></a> </div> <div class="tf-control-sorting d-flex justify-content-end"> <div class="tf-dropdown-sort" data-bs-toggle="dropdown"> <div class="btn-select"> <span class="text-sort-value">Featured</span> <span class="icon icon-arrow-down"></span> </div> <div class="dropdown-menu"> <div class="select-item active"> <span class="text-value-item">Featured</span> </div> <div class="select-item"> <span class="text-value-item">Best selling</span> </div> <div class="select-item" data-sort-value="a-z"> <span class="text-value-item">Alphabetically, A-Z</span> </div> <div class="select-item" data-sort-value="z-a"> <span class="text-value-item">Alphabetically, Z-A</span> </div> <div class="select-item" data-sort-value="price-low-high"> <span class="text-value-item">Price, low to high</span> </div> <div class="select-item" data-sort-value="price-high-low"> <span class="text-value-item">Price, high to low</span> </div> </div> </div> </div> </div> <div class="tf-row-flex"> <div class="wrapper-control-shop tf-shop-content"> <div class="meta-filter-shop"> <div id="product-count-grid" class="count-text"></div> <div id="product-count-list" class="count-text"></div> <div id="applied-filters"></div> <button id="remove-all" class="remove-all-filters" style="display: none;">Remove All <i class="icon icon-close"></i></button> </div> <div class="tf-grid-layout wrapper-shop tf-col-4"> <div class="card-product grid"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="img-product ls-is-cached lazyloaded" data-src="images/pro1.jpg" src="images/pro1.jpg" alt="image-product"> <img class="img-hover ls-is-cached lazyloaded" data-src="images/waterbox.jpg" src="images/waterbox.jpeg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quick-add tf-btn-loading"> <span class="icon icon-bag"></span> <span class="tooltip">Add to cart</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="#" class="title link"> Amor purified water</a> <p>48 bottles of Amor Purified water delivered directly to your door</p> <div class="price"> <span class="old-price">£139.00</span> <span class="new-price">£48.99</span> </div> </div> </div> <div class="card-product grid"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="img-product ls-is-cached lazyloaded" data-src="images/tshirt1.png" src="images/tshirt1.png" alt="image-product"> <img class="img-hover ls-is-cached lazyloaded" data-src="images/tshirt1.png" src="images/tshirt1.png" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quick-add tf-btn-loading"> <span class="icon icon-bag"></span> <span class="tooltip">Add to cart</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="#" class="title link">Mens Black Tshirt</a> <p>Free shipping for all orders over £100 Contrary to popular belie</p> <div class="price"> <span class="old-price">£139.00</span> <span class="new-price">£100.00</span> </div> </div> </div> <div class="card-product grid"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="img-product ls-is-cached lazyloaded" data-src="images/nutritionprotein.jpg" src="images/nutritionprotein.jpg" alt="image-product"> <img class="img-hover ls-is-cached lazyloaded" data-src="images/nutritionprotein.jpg" src="images/nutritionprotein.jpg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quick-add tf-btn-loading"> <span class="icon icon-bag"></span> <span class="tooltip">Add to cart</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="#" class="title link">Super Protein with Fibre</a> <p>Free shipping for all orders over £100 Contrary to popular belie</p> <div class="price"> <span class="old-price">£139.00</span> <span class="new-price">£100.00</span> </div> </div> </div> <div class="card-product grid"> <div class="card-product-wrapper"> <a href="#" class="product-img"> <img class="img-product ls-is-cached lazyloaded" data-src="images/pro2.jpg" src="images/pro1.jpg" alt="image-product"> <img class="img-hover ls-is-cached lazyloaded" data-src="images/pro1.jpg" src="images/waterbox.jpeg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quick-add tf-btn-loading"> <span class="icon icon-bag"></span> <span class="tooltip">Add to cart</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="#" class="title link"> Amor purified water</a> <p>48 bottles of Amor Purified water delivered directly to your door</p> <div class="price"> <span class="old-price">£139.00</span> <span class="new-price">£48.99</span> </div> </div> </div> <div class="card-product grid"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="img-product ls-is-cached lazyloaded" data-src="images/nutritionprotein.jpg" src="images/nutritionprotein.jpg" alt="image-product"> <img class="img-hover ls-is-cached lazyloaded" data-src="images/nutritionprotein.jpg" src="images/nutritionprotein.jpg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quick-add tf-btn-loading"> <span class="icon icon-bag"></span> <span class="tooltip">Add to cart</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="#" class="title link">Super Protein with Fibre</a> <p>Free shipping for all orders over £100 Contrary to popular belie</p> <div class="price"> <span class="old-price">£139.00</span> <span class="new-price">£100.00</span> </div> </div> </div> <div class="card-product grid"> <div class="card-product-wrapper"> <a href="#" class="product-img"> <img class="img-product ls-is-cached lazyloaded" data-src="images/pro2.jpg" src="images/pro1.jpg" alt="image-product"> <img class="img-hover ls-is-cached lazyloaded" data-src="images/pro1.jpg" src="images/waterbox.jpeg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quick-add tf-btn-loading"> <span class="icon icon-bag"></span> <span class="tooltip">Add to cart</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="#" class="title link"> Amor purified water</a> <p>48 bottles of Amor Purified water delivered directly to your door</p> <div class="price"> <span class="old-price">£139.00</span> <span class="new-price">£48.99</span> </div> </div> </div> <div class="card-product grid"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="img-product ls-is-cached lazyloaded" data-src="images/pro1.jpg" src="images/pro1.jpg" alt="image-product"> <img class="img-hover ls-is-cached lazyloaded" data-src="images/waterbox.jpg" src="images/waterbox.jpeg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quick-add tf-btn-loading"> <span class="icon icon-bag"></span> <span class="tooltip">Add to cart</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="#" class="title link"> Amor purified water</a> <p>48 bottles of Amor Purified water delivered directly to your door</p> <div class="price"> <span class="old-price">£139.00</span> <span class="new-price">£48.99</span> </div> </div> </div> <div class="card-product grid"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="img-product ls-is-cached lazyloaded" data-src="images/tshirt1.png" src="images/tshirt1.png" alt="image-product"> <img class="img-hover ls-is-cached lazyloaded" data-src="images/tshirt1.png" src="images/tshirt1.png" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quick-add tf-btn-loading"> <span class="icon icon-bag"></span> <span class="tooltip">Add to cart</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="#" class="title link">Mens Black Tshirt</a> <p>Free shipping for all orders over £100 Contrary to popular belie</p> <div class="price"> <span class="old-price">£139.00</span> <span class="new-price">£100.00</span> </div> </div> </div> <ul class="wg-pagination tf-pagination-list"> <li class="active"> <a href="#" class="pagination-link">1</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn">2</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn">3</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn">4</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn"> <span class="icon icon-arrow-right"></span> </a> </li> </ul> </div> </div> </div> <!-- <div class="tf-row-flex"> <div class="wrapper-control-shop tf-shop-content"> <div class="meta-filter-shop"> <div id="product-count-grid" class="count-text"></div> <div id="product-count-list" class="count-text"></div> <div id="applied-filters"></div> <button id="remove-all" class="remove-all-filters" style="display: none;">Remove All <i class="icon icon-close"></i></button> </div> <div class="tf-grid-layout wrapper-shop tf-col-3"> <div class="card-product grid"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="img-product ls-is-cached lazyloaded" data-src="images/pro1.jpg" src="images/pro1.jpg" alt="image-product"> <img class="img-hover ls-is-cached lazyloaded" data-src="images/waterbox.jpg" src="images/waterbox.jpeg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quick-add tf-btn-loading"> <span class="icon icon-bag"></span> <span class="tooltip">Add to cart</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="#" class="title link"> Amor purified water</a> <p>48 bottles of Amor Purified water delivered directly to your door</p> <div class="price"> <span class="old-price">£139.00</span> <span class="new-price">£48.99</span> </div> </div> </div> <div class="card-product grid"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="img-product ls-is-cached lazyloaded" data-src="images/tshirt1.png" src="images/tshirt1.png" alt="image-product"> <img class="img-hover ls-is-cached lazyloaded" data-src="images/tshirt1.png" src="images/tshirt1.png" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quick-add tf-btn-loading"> <span class="icon icon-bag"></span> <span class="tooltip">Add to cart</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="#" class="title link">Mens Black Tshirt</a> <p>Free shipping for all orders over £100 Contrary to popular belie</p> <div class="price"> <span class="old-price">£139.00</span> <span class="new-price">£100.00</span> </div> </div> </div> <div class="card-product grid"> <div class="card-product-wrapper"> <a href="product-detail.html" class="product-img"> <img class="img-product ls-is-cached lazyloaded" data-src="images/nutritionprotein.jpg" src="images/nutritionprotein.jpg" alt="image-product"> <img class="img-hover ls-is-cached lazyloaded" data-src="images/nutritionprotein.jpg" src="images/nutritionprotein.jpg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quick-add tf-btn-loading"> <span class="icon icon-bag"></span> <span class="tooltip">Add to cart</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="#" class="title link">Super Protein with Fibre</a> <p>Free shipping for all orders over £100 Contrary to popular belie</p> <div class="price"> <span class="old-price">£139.00</span> <span class="new-price">£100.00</span> </div> </div> </div> <div class="card-product grid"> <div class="card-product-wrapper"> <a href="#" class="product-img"> <img class="img-product ls-is-cached lazyloaded" data-src="images/pro2.jpg" src="images/pro1.jpg" alt="image-product"> <img class="img-hover ls-is-cached lazyloaded" data-src="images/pro1.jpg" src="images/waterbox.jpeg" alt="image-product"> </a> <div class="list-product-btn absolute-2"> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quick-add tf-btn-loading"> <span class="icon icon-bag"></span> <span class="tooltip">Add to cart</span> </a> <a href="javascript:void(0);" class="box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#" data-bs-toggle="modal" class="box-icon bg_white quickview tf-btn-loading"> <span class="icon icon-view"></span> <span class="tooltip">Quick View</span> </a> </div> </div> <div class="card-product-info"> <a href="#" class="title link"> Amor purified water</a> <p>48 bottles of Amor Purified water delivered directly to your door</p> <div class="price"> <span class="old-price">£139.00</span> <span class="new-price">£48.99</span> </div> </div> </div> <ul class="wg-pagination tf-pagination-list"> <li class="active"> <a href="#" class="pagination-link">1</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn">2</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn">3</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn">4</a> </li> <li> <a href="#" class="pagination-link animate-hover-btn"> <span class="icon icon-arrow-right"></span> </a> </li> </ul> </div> </div> </div> --> </div> </section> <footer id="footer" class="footer background-gray md-pb-70"> <div class="footer-wrap"> <div class="footer-body"> <div class="container"> <div class="row"> <div class="col-xl-3 col-md-6 col-12"> <div class="footer-infor"> <div class="footer-logo"> <a href="index.html"> <img src="images/logo-dark.svg" alt=""> </a> </div> <ul> <li>Address: Windsor, Berkshire, UK</li> <li>Email: <b>info@amor-world.com</b></li> <li>Phone: <b>+1 123-456-7890</b></li> </ul> <a href="#" class="tf-btn btn-line">Get direction<i class="icon icon-arrow1-top-left"></i></a> <ul class="tf-social-icon d-flex gap-10"> <li><a href="https://www.facebook.com/amorpure/about?locale=en_GB" class="box-icon w_34 round social-facebook social-line"><i class="icon fs-14 icon-fb"></i></a></li> <li><a href="https://x.com/amorpure?fbclid=IwY2xjawMVNC9leHRuA2FlbQIxMABicmlkETE4clg3dGQwY2JSZDJ1bVBaAR5RfFLDrnmosrtB6kaEQjaXWlwjk8swfmkZNQwq0i8UtmqyYBlkvQC2ty9hHQ_aem_jD57ONU-HJ5lrQHpMpCwhA" class="box-icon w_34 round social-twiter social-line"><i class="icon fs-12 icon-Icon-x"></i></a></li> <li><a href="https://www.instagram.com/amorpure/" class="box-icon w_34 round social-instagram social-line"><i class="icon fs-14 icon-instagram"></i></a></li> <li><a href="https://www.tiktok.com/" class="box-icon w_34 round social-tiktok social-line"><i class="icon fs-14 icon-tiktok"></i></a></li> <li><a href="#" class="box-icon w_34 round social-pinterest social-line"><i class="icon fs-14 icon-pinterest-1"></i></a></li> </ul> </div> </div> <div class="col-xl-3 col-md-6 col-12 footer-col-block"> <div class="footer-heading footer-heading-desktop"> <h6>Help</h6> </div> <div class="footer-heading footer-heading-moblie"> <h6>Help</h6> </div> <ul class="footer-menu-list tf-collapse-content"> <li> <a href="privacy_policy.html" class="footer-menu_item">Privacy Policy</a> </li> <li> <a href="#" class="footer-menu_item"> Returns + Exchanges</a> </li> <li> <a href="#" class="footer-menu_item">Shipping</a> </li> <li> <a href="#" class="footer-menu_item">Terms & Conditions</a> </li> <li> <a href="#" class="footer-menu_item">FAQ’s</a> </li> <li> <a href="#" class="footer-menu_item">My Wishlist</a> </li> </ul> </div> <div class="col-xl-3 col-md-6 col-12 footer-col-block"> <div class="footer-heading footer-heading-desktop"> <h6>About us</h6> </div> <div class="footer-heading footer-heading-moblie"> <h6>About us</h6> </div> <ul class="footer-menu-list tf-collapse-content"> <li> <a href="#" class="footer-menu_item">Our Story</a> </li> <li> <a href="#" class="footer-menu_item">Visit Our Store</a> </li> <li> <a href="contact.html" class="footer-menu_item">Contact Us</a> </li> <li> <a href="#" class="footer-menu_item">Account</a> </li> </ul> </div> <div class="col-xl-3 col-md-6 col-12"> <div class="footer-newsletter footer-col-block"> <div class="footer-heading footer-heading-desktop"> <h6>Sign Up for Email</h6> </div> <div class="footer-heading footer-heading-moblie"> <h6>Sign Up for Email</h6> </div> <div class="tf-collapse-content"> <div class="footer-menu_item">Sign up to get first dibs on new arrivals, sales, exclusive content, events and more!</div> <form class="form-newsletter" id="subscribe-form" action="#" method="post" accept-charset="utf-8" data-mailchimp="true"> <div id="subscribe-content"> <fieldset class="email"> <input type="email" name="email-form" id="subscribe-email" placeholder="Enter your email...." tabindex="0" aria-required="true"> </fieldset> <div class="button-submit"> <button id="subscribe-button" class="tf-btn btn-sm radius-3 btn-fill btn-icon animate-hover-btn" type="button">Subscribe<i class="icon icon-arrow1-top-left"></i></button> </div> </div> <div id="subscribe-msg"></div> </form> </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 d-flex gap-20 flex-wrap justify-content-between align-items-center"> <div class="footer-menu_item">© 2025 Amor World. All Rights Reserved</div> <div class="tf-payment"> <img src="images/payments/visa.png" alt=""> <img src="images/payments/img-1.png" alt=""> <img src="images/payments/img-2.png" alt=""> <img src="images/payments/img-3.png" alt=""> <img src="images/payments/img-4.png" alt=""> </div> </div> </div> </div> </div> </div> </div> </footer> </div> <button id="goTop"> <span class="border-progress"></span> <span class="icon icon-arrow-up"></span> </button> <div class="tf-toolbar-bottom type-1150"> <div class="toolbar-item active"> <a href="#toolbarShopmb" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"> <div class="toolbar-icon"> <i class="icon-shop"></i> </div> <div class="toolbar-label">Shop</div> </a> </div> <div class="toolbar-item"> <a href="#filterShop" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"> <div class="toolbar-icon"> <i class="icon-fill"></i> </div> <div class="toolbar-label">Filter</div> </a> </div> <div class="toolbar-item"> <a href="#canvasSearch" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft"> <div class="toolbar-icon"> <i class="icon-search"></i> </div> <div class="toolbar-label">Search</div> </a> </div> <div class="toolbar-item"> <a href="#login" data-bs-toggle="modal"> <div class="toolbar-icon"> <i class="icon-account"></i> </div> <div class="toolbar-label">Account</div> </a> </div> <div class="toolbar-item"> <a href="wishlist.html"> <div class="toolbar-icon"> <i class="icon-heart"></i> <div class="toolbar-count">0</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"> <i class="icon-bag"></i> <div class="toolbar-count">1</div> </div> <div class="toolbar-label">Cart</div> </a> </div> </div> <div class="modal fade modalDemo" id="modalDemo"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <h5 class="demo-title">Ultimate HTML Theme</h5> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <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-01.jpg" src="images/demo/home-01.jpg" alt="home-01"> <div class="demo-label"> <span class="demo-new">New</span> <span>Trend</span> </div> </div> <span class="demo-name">Home Fashion 01</span> </a> </div> <div class="demo-item"> <a href="home-multi-brand.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-multi-brand.jpg" src="images/demo/home-multi-brand.jpg" alt="home-multi-brand"> <div class="demo-label"> <span class="demo-new">New</span> <span class="demo-hot">Hot</span> </div> </div> <span class="demo-name">Home Multi Brand</span> </a> </div> <div class="demo-item"> <a href="home-02.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-02.jpg" src="images/demo/home-02.jpg" alt="home-02"> <div class="demo-label"> <span class="demo-hot">Hot</span> </div> </div> <span class="demo-name">Home Fashion 02</span> </a> </div> <div class="demo-item"> <a href="home-03.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-03.jpg" src="images/demo/home-03.jpg" alt="home-03"> </div> <span class="demo-name">Home Fashion 03</span> </a> </div> <div class="demo-item"> <a href="home-04.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-04.jpg" src="images/demo/home-04.jpg" alt="home-04"> </div> <span class="demo-name">Home Fashion 04</span> </a> </div> <div class="demo-item"> <a href="home-05.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-05.jpg" src="images/demo/home-05.jpg" alt="home-05"> </div> <span class="demo-name">Home Fashion 05</span> </a> </div> <div class="demo-item"> <a href="home-06.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-06.jpg" src="images/demo/home-06.jpg" alt="home-06"> </div> <span class="demo-name">Home Fashion 06</span> </a> </div> <div class="demo-item"> <a href="home-drinkwear.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-drinkwear.png" src="images/demo/home-drinkwear.png" alt="home-drinkwear"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Drinkwear</span> </a> </div> <div class="demo-item"> <a href="home-supplement.html"> <div class="demo-image position-relative"> <img class="lazyload" data-src="images/demo/home-supplement.png" src="images/demo/home-supplement.png" alt="home-supplement"> <div class="demo-label"> <span class="demo-new">New</span> </div> </div> <span class="demo-name">Home Supplement</span> </a> </div> <div class="demo-item"> <a href="home-personalized-pod.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-personalized-pod.jpg" src="images/demo/home-personalized-pod.jpg" alt="home-personalized-pod"> </div> <span class="demo-name">Home Personalized Pod</span> </a> </div> <div class="demo-item"> <a href="home-pickleball.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-pickleball.png" src="images/demo/home-pickleball.png" alt="home-pickleball"> </div> <span class="demo-name">Home Pickleball</span> </a> </div> <div class="demo-item"> <a href="home-ceramic.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-ceramic.png" src="images/demo/home-ceramic.png" alt="home-ceramic"> </div> <span class="demo-name">Home Ceramic</span> </a> </div> <div class="demo-item"> <a href="home-food.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-food.png" src="images/demo/home-food.png" alt="home-food"> </div> <span class="demo-name">Home Food</span> </a> </div> <div class="demo-item"> <a href="home-camp-and-hike.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-camp-and-hike.png" src="images/demo/home-camp-and-hike.png" alt="home-camp-and-hike"> </div> <span class="demo-name">Home Camp And Hike</span> </a> </div> <div class="demo-item"> <a href="home-07.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-07.jpg" src="images/demo/home-07.jpg" alt="home-07"> </div> <span class="demo-name">Home Fashion 07</span> </a> </div> <div class="demo-item"> <a href="home-08.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-08.jpg" src="images/demo/home-08.jpg" alt="home-08"> </div> <span class="demo-name">Home Fashion 08</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">Home Skincare</span> </a> </div> <div class="demo-item"> <a href="home-headphone.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-headphone.jpg" src="images/demo/home-headphone.jpg" alt="home-headphone"> </div> <span class="demo-name">Home Headphone</span> </a> </div> <div class="demo-item"> <a href="home-giftcard.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-giftcard.jpg" src="images/demo/home-giftcard.jpg" alt="home-gift-card"> </div> <span class="demo-name">Home Gift Card</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">Home Furniture</span> </a> </div> <div class="demo-item"> <a href="home-furniture-02.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-furniture2.jpg" src="images/demo/home-furniture2.jpg" alt="home-furniture-2"> </div> <span class="demo-name">Home Furniture 2</span> </a> </div> <div class="demo-item"> <a href="home-skateboard.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-skateboard.jpg" src="images/demo/home-skateboard.jpg" alt="home-skateboard"> </div> <span class="demo-name">Home Skateboard</span> </a> </div> <div class="demo-item"> <a href="home-stroller.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-stroller.jpg" src="images/demo/home-stroller.jpg" alt="home-stroller"> </div> <span class="demo-name">Home Stroller</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">Home Decor</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">Home Electronic</span> </a> </div> <div class="demo-item"> <a href="home-setup-gear.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-setup-gear.jpg" src="images/demo/home-setup-gear.jpg" alt="home-setup-gear"> </div> <span class="demo-name">Home Setup Gear</span> </a> </div> <div class="demo-item"> <a href="home-dog-accessories.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-dog-accessories.jpg" src="images/demo/home-dog-accessories.jpg" alt="home-dog-accessories"> </div> <span class="demo-name">Home Dog Accessories</span> </a> </div> <div class="demo-item"> <a href="home-kitchen-wear.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-kitchen.jpg" src="images/demo/home-kitchen.jpg" alt="home-kitchen-wear"> </div> <span class="demo-name">Home Kitchen Wear</span> </a> </div> <div class="demo-item"> <a href="home-phonecase.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-phonecase.jpg" src="images/demo/home-phonecase.jpg" alt="home-phonecase"> </div> <span class="demo-name">Home Phonecase</span> </a> </div> <div class="demo-item"> <a href="home-paddle-boards.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home_paddle_board.jpg" src="images/demo/home_paddle_board.jpg" alt="home-paddle_board"> </div> <span class="demo-name">Home Paddle Boards</span> </a> </div> <div class="demo-item"> <a href="home-glasses.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-glasses.jpg" src="images/demo/home-glasses.jpg" alt="home-glasses"> </div> <span class="demo-name">Home Glasses</span> </a> </div> <div class="demo-item"> <a href="home-pod-store.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-pod-store.jpg" src="images/demo/home-pod-store.jpg" alt="home-pod-store"> </div> <span class="demo-name">Home POD Store</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-handbag.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-handbag.jpg" src="images/demo/home-handbag.jpg" alt="home-handbag"> </div> <span class="demo-name">Home Handbag</span> </a> </div> <div class="demo-item"> <a href="home-tee.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-tee.jpg" src="images/demo/home-tee.jpg" alt="home-tee"> </div> <span class="demo-name">Home Tee</span> </a> </div> <div class="demo-item"> <a href="home-sock.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-socks.jpg" src="images/demo/home-socks.jpg" alt="home-sock"> </div> <span class="demo-name">Home Sock</span> </a> </div> <div class="demo-item"> <a href="home-jewerly.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-jewelry.jpg" src="images/demo/home-jewelry.jpg" alt="home-jewelry"> </div> <span class="demo-name">Home Jewelry</span> </a> </div> <div class="demo-item"> <a href="home-sneaker.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-sneaker.jpg" src="images/demo/home-sneaker.jpg" alt="home-sneaker"> </div> <span class="demo-name">Home Sneaker</span> </a> </div> <div class="demo-item"> <a href="home-accessories.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-accessories.jpg" src="images/demo/home-accessories.jpg" alt="home-accessories"> </div> <span class="demo-name">Home Accessories</span> </a> </div> <div class="demo-item"> <a href="home-grocery.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-gocery.jpg" src="images/demo/home-gocery.jpg" alt="home-grocery"> </div> <span class="demo-name">Home Grocery</span> </a> </div> <div class="demo-item"> <a href="home-baby.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-baby.jpg" src="images/demo/home-baby.jpg" alt="home-baby"> </div> <span class="demo-name">Home Baby</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.png" src="images/demo/home-cosmetic.png" alt="home-cosmetic"> </div> <span class="demo-name">Home Cosmetic</span> </a> </div> <div class="demo-item"> <a href="home-plant.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-plant.png" src="images/demo/home-plant.png" alt="home-plant"> </div> <span class="demo-name">Home Plant</span> </a> </div> <div class="demo-item"> <a href="home-swimwear.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-swimwear.png" src="images/demo/home-swimwear.png" alt="home-swimwear"> </div> <span class="demo-name">Home Swimwear</span> </a> </div> <div class="demo-item"> <a href="home-electric-bike.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-electric-bike.png" src="images/demo/home-electric-bike.png" alt="home-electric-bike"> </div> <span class="demo-name">Home Electric Bike</span> </a> </div> <div class="demo-item"> <a href="home-footwear.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-footwear.jpg" src="images/demo/home-footwear.jpg" alt="home-footwear"> </div> <span class="demo-name">Home Footwear</span> </a> </div> <div class="demo-item"> <a href="home-book-store.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-bookstore.png" src="images/demo/home-bookstore.png" alt="home-bookstore"> </div> <span class="demo-name">Home Bookstore</span> </a> </div> <div class="demo-item"> <a href="home-gaming-accessories.html"> <div class="demo-image"> <img class="lazyload" data-src="images/demo/home-gaming-accessories.png" src="images/demo/home-gaming-accessories.png" alt="home-gaming-accessories"> </div> <span class="demo-name">Home Gaming Accessories</span> </a> </div> <div class="demo-item"> <a href="home-parallax.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">Home Parallax</span> </a> </div> </div> </div> </div> </div> </div> <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"> <ul class="nav-ul-mb" id="wrapper-menu-navigation"> <li class="nav-mb-item"> <a href="index.html" class="mb-menu-link">Home</a> </li> <li class="nav-mb-item"> <a href="#dropdown-menu-two" class="collapsed mb-menu-link current" data-bs-toggle="collapse" aria-expanded="true" aria-controls="dropdown-menu-two"> <span>Categories</span> <span class="btn-open-sub"></span> </a> <div id="dropdown-menu-two" class="collapse"> <ul class="menu-list"> <li><a href="product-list.html" class="menu-link-text link text_black-2">Water Collection</a></li> <li><a href="product-list.html" class="menu-link-text link text_black-2">Men Collection</a></li> <li><a href="product-list.html" class="menu-link-text link text_black-2">Protein Collection</a></li> </ul> </div> </li> <li class="nav-mb-item"> <a href="aboutus.html" class="mb-menu-link">About</a> </li> <li class="nav-mb-item"> <a href="contact.html" class="mb-menu-link">Contact</a> </li> </ul> <div class="mb-other-content"> <div class="d-flex group-icon"> <a href="#" class="site-nav-icon"><i class="icon icon-heart"></i>Wishlist</a> <a href="#" class="site-nav-icon"><i class="icon icon-search"></i>Search</a> </div> <div class="mb-notice"> <a href="#" class="text-need">Need help ?</a> </div> <ul class="mb-info"> <li>Address: Windsor, Berkshire, UK</li> <li>Email: <b>info@amorworld.com</b></li> <li>Phone: <b>+1 123-456-7890</b></li> </ul> </div> </div> <div class="mb-bottom"> <a href="#" class="site-nav-icon"><i class="icon icon-account"></i>Login</a> </div> </div> </div> <div class="offcanvas offcanvas-start canvas-filter" id="filterShop"> <div class="canvas-wrapper"> <header class="canvas-header"> <div class="filter-icon"> <span class="icon icon-filter"></span> <span>Filter</span> </div> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> </header> <div class="canvas-body"> <!-- <div class="widget-facet wd-categories"> <div class="facet-title" data-bs-target="#categories" data-bs-toggle="collapse" aria-expanded="true" aria-controls="categories"> <span>Product categories</span> <span class="icon icon-arrow-up"></span> </div> <div id="categories" class="collapse show"> <ul class="list-categoris current-scrollbar mb_36"> <li class="cate-item current"><a href="shop-default.html"><span>Fashion</span></a></li> <li class="cate-item"><a href="shop-default.html"><span>Men</span></a></li> <li class="cate-item"><a href="shop-default.html"><span>Women</span></a></li> <li class="cate-item"><a href="shop-default.html"><span>Denim</span></a></li> <li class="cate-item"><a href="shop-default.html"><span>Dress</span></a></li> </ul> </div> </div> --> <form action="#" id="facet-filter-form" class="facet-filter-form"> <div class="widget-facet"> <div class="facet-title" data-bs-target="#availability" data-bs-toggle="collapse" aria-expanded="true" aria-controls="availability"> <span>Availability</span> <span class="icon icon-arrow-up"></span> </div> <div id="availability" class="collapse show"> <ul class="tf-filter-group current-scrollbar mb_36"> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="availability" class="tf-check" id="inStock"> <label for="inStock" class="label"><span>In stock</span> <span>(14)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="availability" class="tf-check" id="outStock"> <label for="outStock" class="label"><span>Out of stock</span> <span>(2)</span></label> </li> </ul> </div> </div> <div class="widget-facet"> <div class="facet-title" data-bs-target="#price" data-bs-toggle="collapse" aria-expanded="true" aria-controls="price"> <span>Price</span> <span class="icon icon-arrow-up"></span> </div> <div id="price" class="collapse show"> <div class="widget-price filter-price"> <div class="price-val-range" id="price-value-range" data-min="0" data-max="500"></div> <div class="box-title-price"> <span class="title-price">Price :</span> <div class="caption-price"> <div class="price-val" id="price-min-value" data-currency="$"></div> <span>-</span> <div class="price-val" id="price-max-value" data-currency="$"></div> </div> </div> </div> </div> </div> <div class="widget-facet"> <div class="facet-title" data-bs-target="#color" data-bs-toggle="collapse" aria-expanded="true" aria-controls="color"> <span>Color</span> <span class="icon icon-arrow-up"></span> </div> <div id="color" class="collapse show"> <ul class="tf-filter-group filter-color current-scrollbar mb_36"> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_beige" id="Beige" value="Beige"> <label for="Beige" class="label"><span>Beige</span> <span>(3)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_dark" id="Black" value="Black"> <label for="Black" class="label"><span>Black</span> <span>(18)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_blue-2" id="Blue" value="Blue"> <label for="Blue" class="label"><span>Blue</span> <span>(3)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_brown" id="Brown" value="Brown"> <label for="Brown" class="label"><span>Brown</span> <span>(3)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_cream" id="Cream" value="Cream"> <label for="Cream" class="label"><span>Cream</span> <span>(1)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="color" class="tf-check-color bg_yellow" id="Yellow" value="Yellow"> <label for="Yellow" class="label"><span>Yellow</span> <span>(1)</span></label> </li> </ul> </div> </div> <div class="widget-facet"> <div class="facet-title" data-bs-target="#size" data-bs-toggle="collapse" aria-expanded="true" aria-controls="size"> <span>Size</span> <span class="icon icon-arrow-up"></span> </div> <div id="size" class="collapse show"> <ul class="tf-filter-group current-scrollbar"> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="size" class="tf-check tf-check-size" value="S" id="S"> <label for="S" class="label"><span>S</span> <span>(7)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="size" class="tf-check tf-check-size" value="M" id="M"> <label for="M" class="label"><span>M</span> <span>(8)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="size" class="tf-check tf-check-size" value="L" id="L"> <label for="L" class="label"><span>L</span> <span>(8)</span></label> </li> <li class="list-item d-flex gap-12 align-items-center"> <input type="radio" name="size" class="tf-check tf-check-size" value="XL" id="XL"> <label for="XL" class="label"><span>XL</span> <span>(6)</span></label> </li> </ul> </div> </div> </form> </div> </div> </div> <div class="offcanvas offcanvas-end canvas-search" id="canvasSearch"> <div class="canvas-wrapper"> <header class="tf-search-head"> <div class="title fw-5"> Search our site <div class="close"> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> </div> </div> <div class="tf-search-sticky"> <form class="tf-mini-search-frm"> <fieldset class="text"> <input type="text" placeholder="Search" class="" name="text" tabindex="0" value="" aria-required="true" required=""> </fieldset> <button class="" type="submit"><i class="icon-search"></i></button> </form> </div> </header> <div class="canvas-body p-0"> <div class="tf-search-content"> <div class="tf-cart-hide-has-results"> <div class="tf-col-quicklink"> <div class="tf-search-content-title fw-5">Quick link</div> <ul class="tf-quicklink-list"> <li class="tf-quicklink-item"> <a href="shop-default.html" class="">Fashion</a> </li> <li class="tf-quicklink-item"> <a href="shop-default.html" class="">Men</a> </li> <li class="tf-quicklink-item"> <a href="shop-default.html" class="">Women</a> </li> <li class="tf-quicklink-item"> <a href="shop-default.html" class="">Accessories</a> </li> </ul> </div> <div class="tf-col-content"> <div class="tf-search-content-title fw-5">Need some inspiration?</div> <div class="tf-search-hidden-inner"> <div class="tf-loop-item"> <div class="image"> <a href="product-detail.html"> <img src="images/products/white-3.jpg" alt=""> </a> </div> <div class="content"> <a href="product-detail.html">Cotton jersey top</a> <div class="tf-product-info-price"> <div class="compare-at-price">$10.00</div> <div class="price-on-sale fw-6">$8.00</div> </div> </div> </div> <div class="tf-loop-item"> <div class="image"> <a href="product-detail.html"> <img src="images/products/white-2.jpg" alt=""> </a> </div> <div class="content"> <a href="product-detail.html">Mini crossbody bag</a> <div class="tf-product-info-price"> <div class="price fw-6">$18.00</div> </div> </div> </div> <div class="tf-loop-item"> <div class="image"> <a href="product-detail.html"> <img src="images/products/white-1.jpg" alt=""> </a> </div> <div class="content"> <a href="product-detail.html">Oversized Printed T-shirt</a> <div class="tf-product-info-price"> <div class="price fw-6">$18.00</div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="offcanvas offcanvas-start canvas-mb toolbar-shop-mobile" id="toolbarShopmb"> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> <div class="mb-canvas-content"> <div class="mb-body"> <ul class="nav-ul-mb" id="wrapper-menu-navigation"> <li class="nav-mb-item"> <a href="shop-default.html" class="tf-category-link mb-menu-link"> <div class="image"> <img src="images/shop/cate/cate1.jpg" alt=""> </div> <span>Accessories</span> </a> </li> <li class="nav-mb-item"> <a href="shop-default.html" class="tf-category-link mb-menu-link"> <div class="image"> <img src="images/shop/cate/cate2.jpg" alt=""> </div> <span>Dog</span> </a> </li> <li class="nav-mb-item"> <a href="shop-default.html" class="tf-category-link mb-menu-link"> <div class="image"> <img src="images/shop/cate/cate3.jpg" alt=""> </div> <span>Grocery</span> </a> </li> <li class="nav-mb-item"> <a href="shop-default.html" class="tf-category-link mb-menu-link"> <div class="image"> <img src="images/shop/cate/cate4.png" alt=""> </div> <span>Handbag</span> </a> </li> <li class="nav-mb-item"> <a href="#cate-menu-one" class="tf-category-link has-children collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-menu-one"> <div class="image"> <img src="images/shop/cate/cate5.jpg" alt=""> </div> <span>Fashion</span> <span class="btn-open-sub"></span> </a> <div id="cate-menu-one" class="collapse list-cate"> <ul class="sub-nav-menu" id="cate-menu-navigation"> <li> <a href="#cate-shop-one" class="tf-category-link has-children sub-nav-link collapsed" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-shop-one"> <div class="image"> <img src="images/shop/cate/cate6.jpg" alt=""> </div> <span>Mens</span> <span class="btn-open-sub"></span> </a> <div id="cate-shop-one" class="collapse"> <ul class="sub-nav-menu sub-menu-level-2"> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate1.jpg" alt=""> </div> <span>Accessories</span> </a> </li> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate8.jpg" alt=""> </div> <span>Shoes</span> </a> </li> </ul> </div> </li> <li> <a href="#cate-shop-two" class="tf-category-link has-children sub-nav-link collapsed" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-shop-two"> <div class="image"> <img src="images/shop/cate/cate9.jpg" alt=""> </div> <span>Womens</span> <span class="btn-open-sub"></span> </a> <div id="cate-shop-two" class="collapse"> <ul class="sub-nav-menu sub-menu-level-2"> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate4.png" alt=""> </div> <span>Handbag</span> </a> </li> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate7.jpg" alt=""> </div> <span>Tee</span> </a> </li> </ul> </div> </li> </ul> </div> </li> <li class="nav-mb-item"> <a href="#cate-menu-two" class="tf-category-link has-children collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-menu-two"> <div class="image"> <img src="images/shop/cate/cate6.jpg" alt=""> </div> <span>Men</span> <span class="btn-open-sub"></span> </a> <div id="cate-menu-two" class="collapse list-cate"> <ul class="sub-nav-menu" id="cate-menu-navigation1"> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate1.jpg" alt=""> </div> <span>Accessories</span> </a> </li> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate8.jpg" alt=""> </div> <span>Shoes</span> </a> </li> </ul> </div> </li> <li class="nav-mb-item"> <a href="shop-default.html" class="tf-category-link mb-menu-link"> <div class="image"> <img src="images/shop/cate/cate7.jpg" alt=""> </div> <span>Tee</span> </a> </li> <li class="nav-mb-item"> <a href="shop-default.html" class="tf-category-link mb-menu-link"> <div class="image"> <img src="images/shop/cate/cate8.jpg" alt=""> </div> <span>Shoes</span> </a> </li> <li class="nav-mb-item"> <a href="#cate-menu-three" class="tf-category-link has-children collapsed mb-menu-link" data-bs-toggle="collapse" aria-expanded="true" aria-controls="cate-menu-three"> <div class="image"> <img src="images/shop/cate/cate9.jpg" alt=""> </div> <span>Women</span> <span class="btn-open-sub"></span> </a> <div id="cate-menu-three" class="collapse list-cate"> <ul class="sub-nav-menu" id="cate-menu-navigation2"> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate4.png" alt=""> </div> <span>Handbag</span> </a> </li> <li> <a href="shop-default.html" class="tf-category-link sub-nav-link"> <div class="image"> <img src="images/shop/cate/cate7.jpg" alt=""> </div> <span>Tee</span> </a> </li> </ul> </div> </li> </ul> </div> <div class="mb-bottom"> <a href="shop-default.html" class="tf-btn fw-5 btn-line">View all collection<i class="icon icon-arrow1-top-left"></i></a> </div> </div> </div> <div class="modal modalCentered fade form-sign-in modal-part-content" id="login"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <div class="demo-title">Log in</div> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="tf-login-form"> <form class="" action="my-account.html" accept-charset="utf-8"> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="email" name=""> <label class="tf-field-label" for="">Email *</label> </div> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="password" name=""> <label class="tf-field-label" for="">Password *</label> </div> <div> <a href="#forgotPassword" data-bs-toggle="modal" class="btn-link link">Forgot your password?</a> </div> <div class="bottom"> <div class="w-100"> <button type="submit" class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"><span>Log in</span></button> </div> <div class="w-100"> <a href="#register" data-bs-toggle="modal" class="btn-link fw-6 w-100 link"> New customer? Create your account <i class="icon icon-arrow1-top-left"></i> </a> </div> </div> </form> </div> </div> </div> </div> <div class="modal modalCentered fade form-sign-in modal-part-content" id="forgotPassword"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <div class="demo-title">Reset your password</div> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="tf-login-form"> <form class=""> <div> <p>Sign up for early Sale access plus tailored new arrivals, trends and promotions. To opt out, click unsubscribe in our emails</p> </div> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="email" name=""> <label class="tf-field-label" for="">Email *</label> </div> <div> <a href="#login" data-bs-toggle="modal" class="btn-link link">Cancel</a> </div> <div class="bottom"> <div class="w-100"> <button type="submit" class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"><span>Reset password</span></button> </div> </div> </form> </div> </div> </div> </div> <div class="modal modalCentered fade form-sign-in modal-part-content" id="register"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <div class="demo-title">Register</div> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="tf-login-form"> <form class=""> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="text" name=""> <label class="tf-field-label" for="">First name</label> </div> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="text" name=""> <label class="tf-field-label" for="">Last name</label> </div> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="email" name=""> <label class="tf-field-label" for="">Email *</label> </div> <div class="tf-field style-1"> <input class="tf-field-input tf-input" placeholder=" " type="password" name=""> <label class="tf-field-label" for="">Password *</label> </div> <div class="bottom"> <div class="w-100"> <a href="register.html" class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"><span>Register</span></a> </div> <div class="w-100"> <a href="#login" data-bs-toggle="modal" class="btn-link fw-6 w-100 link"> Already have an account? Log in here <i class="icon icon-arrow1-top-left"></i> </a> </div> </div> </form> </div> </div> </div> </div> <div class="modal fullRight fade modal-shopping-cart" id="shoppingCart"> <div class="modal-dialog"> <div class="modal-content"> <div class="header"> <div class="title fw-5">Shopping cart</div> <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"> <span style="width: 50%;"> <div class="progress-car"> <svg xmlns="http://www.w3.org/2000/svg" width="21" height="14" viewBox="0 0 21 14" fill="currentColor"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.875C0 0.391751 0.391751 0 0.875 0H13.5625C14.0457 0 14.4375 0.391751 14.4375 0.875V3.0625H17.3125C17.5867 3.0625 17.845 3.19101 18.0104 3.40969L20.8229 7.12844C20.9378 7.2804 21 7.46572 21 7.65625V11.375C21 11.8582 20.6082 12.25 20.125 12.25H17.7881C17.4278 13.2695 16.4554 14 15.3125 14C14.1696 14 13.1972 13.2695 12.8369 12.25H7.72563C7.36527 13.2695 6.39293 14 5.25 14C4.10706 14 3.13473 13.2695 2.77437 12.25H0.875C0.391751 12.25 0 11.8582 0 11.375V0.875ZM2.77437 10.5C3.13473 9.48047 4.10706 8.75 5.25 8.75C6.39293 8.75 7.36527 9.48046 7.72563 10.5H12.6875V1.75H1.75V10.5H2.77437ZM14.4375 8.89937V4.8125H16.8772L19.25 7.94987V10.5H17.7881C17.4278 9.48046 16.4554 8.75 15.3125 8.75C15.0057 8.75 14.7112 8.80264 14.4375 8.89937ZM5.25 10.5C4.76676 10.5 4.375 10.8918 4.375 11.375C4.375 11.8582 4.76676 12.25 5.25 12.25C5.73323 12.25 6.125 11.8582 6.125 11.375C6.125 10.8918 5.73323 10.5 5.25 10.5ZM15.3125 10.5C14.8293 10.5 14.4375 10.8918 14.4375 11.375C14.4375 11.8582 14.8293 12.25 15.3125 12.25C15.7957 12.25 16.1875 11.8582 16.1875 11.375C16.1875 10.8918 15.7957 10.5 15.3125 10.5Z"> </path> </svg> </div> </span> </div> <div class="tf-progress-msg"> Buy <span class="price fw-6">$75.00</span> more to enjoy <span class="fw-6">Free Shipping</span> </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"> <div class="tf-mini-cart-image"> <a href="product-detail.html"> <img src="images/products/5.jpg" alt=""> </a> </div> <div class="tf-mini-cart-info"> <a class="title link" href="product-detail.html">T-shirt</a> <div class="meta-variant">Light gray</div> <div class="price fw-6">$25.00</div> <div class="tf-mini-cart-btns"> <div class="wg-quantity small"> <span class="btn-quantity minus-btn">-</span> <input type="text" name="number" value="1"> <span class="btn-quantity plus-btn">+</span> </div> <div class="tf-mini-cart-remove">Remove</div> </div> </div> </div> <div class="tf-mini-cart-item"> <div class="tf-mini-cart-image"> <a href="product-detail.html"> <img src="images/products/9.jpg" alt=""> </a> </div> <div class="tf-mini-cart-info"> <a class="title link" href="product-detail.html">Oversized Motif T-shirt</a> <div class="price fw-6">$25.00</div> <div class="tf-mini-cart-btns"> <div class="wg-quantity small"> <span class="btn-quantity minus-btn">-</span> <input type="text" name="number" value="1"> <span class="btn-quantity plus-btn">+</span> </div> <div class="tf-mini-cart-remove">Remove</div> </div> </div> </div> </div> <div class="tf-minicart-recommendations"> <div class="tf-minicart-recommendations-heading"> <div class="tf-minicart-recommendations-title">You may also like</div> <div class="sw-dots small style-2 cart-slide-pagination"></div> </div> <div dir="ltr" class="swiper tf-cart-slide"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="tf-minicart-recommendations-item"> <div class="tf-minicart-recommendations-item-image"> <a href="product-detail.html"> <img src="images/products/4.jpg" alt=""> </a> </div> <div class="tf-minicart-recommendations-item-infos flex-grow-1"> <a class="title" href="product-detail.html">Loose Fit Sweatshirt</a> <div class="price">$25.00</div> </div> <div class="tf-minicart-recommendations-item-quickview"> <div class="btn-show-quickview quickview hover-tooltip"> <span class="icon icon-view"></span> </div> </div> </div> </div> <div class="swiper-slide"> <div class="tf-minicart-recommendations-item"> <div class="tf-minicart-recommendations-item-image"> <a href="product-detail.html"> <img src="images/products/7.jpg" alt=""> </a> </div> <div class="tf-minicart-recommendations-item-infos flex-grow-1"> <a class="title" href="product-detail.html">Loose Fit Hoodie</a> <div class="price">$25.00</div> </div> <div class="tf-minicart-recommendations-item-quickview"> <div class="btn-show-quickview quickview hover-tooltip"> <span class="icon icon-view"></span> </div> </div> </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 xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="currentColor"> <path d="M5.12187 16.4582H2.78952C2.02045 16.4582 1.39476 15.8325 1.39476 15.0634V2.78952C1.39476 2.02045 2.02045 1.39476 2.78952 1.39476H11.3634C12.1325 1.39476 12.7582 2.02045 12.7582 2.78952V7.07841C12.7582 7.46357 13.0704 7.77579 13.4556 7.77579C13.8407 7.77579 14.1529 7.46357 14.1529 7.07841V2.78952C14.1529 1.25138 12.9016 0 11.3634 0H2.78952C1.25138 0 0 1.25138 0 2.78952V15.0634C0 16.6015 1.25138 17.8529 2.78952 17.8529H5.12187C5.50703 17.8529 5.81925 17.5407 5.81925 17.1555C5.81925 16.7704 5.50703 16.4582 5.12187 16.4582Z"> </path> <path d="M15.3882 10.0971C14.5724 9.28136 13.2452 9.28132 12.43 10.0965L8.60127 13.9168C8.51997 13.9979 8.45997 14.0979 8.42658 14.2078L7.59276 16.9528C7.55646 17.0723 7.55292 17.1993 7.58249 17.3207C7.61206 17.442 7.67367 17.5531 7.76087 17.6425C7.84807 17.7319 7.95768 17.7962 8.07823 17.8288C8.19879 17.8613 8.32587 17.8609 8.44621 17.8276L11.261 17.0479C11.3769 17.0158 11.4824 16.9543 11.5675 16.8694L15.3882 13.0559C16.2039 12.2401 16.2039 10.9129 15.3882 10.0971ZM10.712 15.7527L9.29586 16.145L9.71028 14.7806L12.2937 12.2029L13.2801 13.1893L10.712 15.7527ZM14.4025 12.0692L14.2673 12.204L13.2811 11.2178L13.4157 11.0834C13.6876 10.8115 14.1301 10.8115 14.402 11.0834C14.6739 11.3553 14.6739 11.7977 14.4025 12.0692Z"> </path> </svg> </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> <div class="tf-mini-cart-tool-btn btn-estimate-shipping"> <svg xmlns="http://www.w3.org/2000/svg" width="26" height="18" viewBox="0 0 26 18" fill="currentColor"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0 0.811989C0 0.36354 0.36354 0 0.811989 0H15.4278C15.8763 0 16.2398 0.36354 16.2398 0.811989V3.10596H21.0144C23.6241 3.10596 25.8643 5.05894 25.8643 7.61523V14.6414C25.8643 15.0899 25.5007 15.4534 25.0523 15.4534H23.545C23.2139 16.9115 21.9098 18 20.3514 18C18.7931 18 17.4889 16.9115 17.1578 15.4534H8.69534C8.36423 16.9115 7.0601 18 5.50175 18C3.9434 18 2.63927 16.9115 2.30815 15.4534H0.811989C0.36354 15.4534 0 15.0899 0 14.6414V0.811989ZM2.35089 13.8294C2.74052 12.4562 4.00366 11.4503 5.50175 11.4503C6.99983 11.4503 8.26298 12.4562 8.6526 13.8294H14.6158V1.62398H1.62398V13.8294H2.35089ZM16.2398 4.72994V7.95749H24.2403V7.61523C24.2403 6.08759 22.8649 4.72994 21.0144 4.72994H16.2398ZM24.2403 9.58147H16.2398V13.8294H17.2006C17.5902 12.4562 18.8533 11.4503 20.3514 11.4503C21.8495 11.4503 23.1126 12.4562 23.5023 13.8294H24.2403V9.58147ZM5.50175 13.0743C4.58999 13.0743 3.85087 13.8134 3.85087 14.7251C3.85087 15.6369 4.58999 16.376 5.50175 16.376C6.41351 16.376 7.15263 15.6369 7.15263 14.7251C7.15263 13.8134 6.41351 13.0743 5.50175 13.0743ZM20.3514 13.0743C19.4397 13.0743 18.7005 13.8134 18.7005 14.7251C18.7005 15.6369 19.4397 16.376 20.3514 16.376C21.2632 16.376 22.0023 15.6369 22.0023 14.7251C22.0023 13.8134 21.2632 13.0743 20.3514 13.0743Z"> </path> </svg> </div> </div> <div class="tf-mini-cart-bottom-wrap"> <div class="tf-cart-totals-discounts"> <div class="tf-cart-total">Subtotal</div> <div class="tf-totals-total-value fw-6">$49.99 USD</div> </div> <div class="tf-cart-tax">Taxes and <a href="#">shipping</a> calculated at checkout</div> <div class="tf-mini-cart-line"></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 the <a href="#" title="Terms of Service">terms and conditions</a> </label> </div> <div class="tf-mini-cart-view-checkout"> <a href="view-cart.html" class="tf-btn btn-outline radius-3 link w-100 justify-content-center">View cart</a> <a href="checkout.html" class="tf-btn btn-fill animate-hover-btn radius-3 w-100 justify-content-center"><span>Check out</span></a> </div> </div> </div> <div class="tf-mini-cart-tool-openable add-note"> <div class="overplay tf-mini-cart-tool-close"></div> <div class="tf-mini-cart-tool-content"> <label for="Cart-note" class="tf-mini-cart-tool-text"> <div class="icon"> <svg xmlns="http://www.w3.org/2000/svg" width="16" height="18" viewBox="0 0 16 18" fill="currentColor"> <path d="M5.12187 16.4582H2.78952C2.02045 16.4582 1.39476 15.8325 1.39476 15.0634V2.78952C1.39476 2.02045 2.02045 1.39476 2.78952 1.39476H11.3634C12.1325 1.39476 12.7582 2.02045 12.7582 2.78952V7.07841C12.7582 7.46357 13.0704 7.77579 13.4556 7.77579C13.8407 7.77579 14.1529 7.46357 14.1529 7.07841V2.78952C14.1529 1.25138 12.9016 0 11.3634 0H2.78952C1.25138 0 0 1.25138 0 2.78952V15.0634C0 16.6015 1.25138 17.8529 2.78952 17.8529H5.12187C5.50703 17.8529 5.81925 17.5407 5.81925 17.1555C5.81925 16.7704 5.50703 16.4582 5.12187 16.4582Z"> </path> <path d="M15.3882 10.0971C14.5724 9.28136 13.2452 9.28132 12.43 10.0965L8.60127 13.9168C8.51997 13.9979 8.45997 14.0979 8.42658 14.2078L7.59276 16.9528C7.55646 17.0723 7.55292 17.1993 7.58249 17.3207C7.61206 17.442 7.67367 17.5531 7.76087 17.6425C7.84807 17.7319 7.95768 17.7962 8.07823 17.8288C8.19879 17.8613 8.32587 17.8609 8.44621 17.8276L11.261 17.0479C11.3769 17.0158 11.4824 16.9543 11.5675 16.8694L15.3882 13.0559C16.2039 12.2401 16.2039 10.9129 15.3882 10.0971ZM10.712 15.7527L9.29586 16.145L9.71028 14.7806L12.2937 12.2029L13.2801 13.1893L10.712 15.7527ZM14.4025 12.0692L14.2673 12.204L13.2811 11.2178L13.4157 11.0834C13.6876 10.8115 14.1301 10.8115 14.402 11.0834C14.6739 11.3553 14.6739 11.7977 14.4025 12.0692Z"> </path> </svg> </div> <span>Add Order Note</span> </label> <textarea name="note" id="Cart-note" placeholder="How can we help you?"></textarea> <div class="tf-cart-tool-btns justify-content-center"> <div class="tf-mini-cart-tool-primary text-center w-100 fw-6 tf-mini-cart-tool-close"> Close</div> </div> </div> </div> <div class="tf-mini-cart-tool-openable add-gift"> <div class="overplay tf-mini-cart-tool-close"></div> <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"> <button type="submit" class="tf-btn fw-6 w-100 justify-content-center btn-fill animate-hover-btn radius-3"><span>Add a gift wrap</span></button> <div class="tf-mini-cart-tool-primary text-center w-100 fw-6 tf-mini-cart-tool-close"> Cancel</div> </div> </div> </form> </div> <div class="tf-mini-cart-tool-openable estimate-shipping"> <div class="overplay tf-mini-cart-tool-close"></div> <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="21" height="15" viewBox="0 0 21 15" fill="currentColor"> <path fill-rule="evenodd" clip-rule="evenodd" d="M0.441406 1.13155C0.441406 0.782753 0.724159 0.5 1.07295 0.5H12.4408C12.7896 0.5 13.0724 0.782753 13.0724 1.13155V2.91575H16.7859C18.8157 2.91575 20.5581 4.43473 20.5581 6.42296V11.8878C20.5581 12.2366 20.2753 12.5193 19.9265 12.5193H18.7542C18.4967 13.6534 17.4823 14.5 16.2703 14.5C15.0582 14.5 14.0439 13.6534 13.7864 12.5193H7.20445C6.94692 13.6534 5.93259 14.5 4.72054 14.5C3.50849 14.5 2.49417 13.6534 2.23664 12.5193H1.07295C0.724159 12.5193 0.441406 12.2366 0.441406 11.8878V1.13155ZM2.26988 11.2562C2.57292 10.1881 3.55537 9.40578 4.72054 9.40578C5.88572 9.40578 6.86817 10.1881 7.17121 11.2562H11.8093V1.76309H1.7045V11.2562H2.26988ZM13.0724 4.17884V6.68916H19.295V6.42296C19.295 5.2348 18.2252 4.17884 16.7859 4.17884H13.0724ZM19.295 7.95226H13.0724V11.2562H13.8196C14.1227 10.1881 15.1051 9.40578 16.2703 9.40578C17.4355 9.40578 18.4179 10.1881 18.7209 11.2562H19.295V7.95226ZM4.72054 10.6689C4.0114 10.6689 3.43652 11.2437 3.43652 11.9529C3.43652 12.662 4.0114 13.2369 4.72054 13.2369C5.42969 13.2369 6.00456 12.662 6.00456 11.9529C6.00456 11.2437 5.42969 10.6689 4.72054 10.6689ZM16.2703 10.6689C15.5611 10.6689 14.9863 11.2437 14.9863 11.9529C14.9863 12.662 15.5611 13.2369 16.2703 13.2369C16.9794 13.2369 17.5543 12.662 17.5543 11.9529C17.5543 11.2437 16.9794 10.6689 16.2703 10.6689Z"> </path> </svg> </div> <span class="fw-6">Estimate Shipping</span> </div> <div class="field"> <p>Country</p> <select class="tf-select w-100" id="ShippingCountry_CartDrawer-Form" name="address[country]" data-default=""> <option value="---" data-provinces="[]">---</option> <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 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 class="field"> <p>Zip code</p> <input type="text" name="text" placeholder=""> </div> <div class="tf-cart-tool-btns"> <a href="#" class="tf-btn fw-6 justify-content-center btn-fill w-100 animate-hover-btn radius-3"><span>Estimate</span></a> <div class="tf-mini-cart-tool-primary text-center fw-6 w-100 tf-mini-cart-tool-close"> Cancel</div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="offcanvas offcanvas-bottom canvas-compare" id="compare"> <div class="canvas-wrapper"> <header class="canvas-header"> <div class="close-popup"> <span class="icon-close icon-close-popup" data-bs-dismiss="offcanvas" aria-label="Close"></span> </div> </header> <div class="canvas-body"> <div class="container"> <div class="row"> <div class="col-12"> <div class="tf-compare-list"> <div class="tf-compare-head"> <div class="title">Compare Products</div> </div> <div class="tf-compare-offcanvas"> <div class="tf-compare-item"> <div class="position-relative"> <div class="icon"> <i class="icon-close"></i> </div> <a href="product-detail.html"> <img class="radius-3" src="images/products/orange-1.jpg" alt=""> </a> </div> </div> <div class="tf-compare-item"> <div class="position-relative"> <div class="icon"> <i class="icon-close"></i> </div> <a href="product-detail.html"> <img class="radius-3" src="images/products/pink-1.jpg" alt=""> </a> </div> </div> </div> <div class="tf-compare-buttons"> <div class="tf-compare-buttons-wrap"> <a href="compare.html" class="tf-btn radius-3 btn-fill justify-content-center fw-6 fs-14 flex-grow-1 animate-hover-btn ">Compare</a> <div class="tf-compapre-button-clear-all link"> Clear All </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade modalDemo popup-quickadd" id="quick_add"> <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 class="wrap"> <div class="tf-product-info-item"> <div class="image"> <img src="images/products/1.jpg" alt=""> </div> <div class="content"> <a href="product-detail.html">Ribbed Tank Top</a> <div class="tf-product-info-price"> <!-- <div class="price-on-sale">$8.00</div> <div class="compare-at-price">$10.00</div> <div class="badges-on-sale"><span>20</span>% OFF</div> --> <div class="price">$18.00</div> </div> </div> </div> <div class="tf-product-info-variant-picker mb_15"> <div class="variant-picker-item"> <div class="variant-picker-label"> Color: <span class="fw-6 variant-picker-label-value">Orange</span> </div> <div class="variant-picker-values"> <input id="values-orange" type="radio" name="color" checked> <label class="hover-tooltip radius-60" for="values-orange" data-value="Orange"> <span class="btn-checkbox bg-color-orange"></span> <span class="tooltip">Orange</span> </label> <input id="values-black" type="radio" name="color"> <label class=" hover-tooltip radius-60" for="values-black" data-value="Black"> <span class="btn-checkbox bg-color-black"></span> <span class="tooltip">Black</span> </label> <input id="values-white" type="radio" name="color"> <label class="hover-tooltip radius-60" for="values-white" data-value="White"> <span class="btn-checkbox bg-color-white"></span> <span class="tooltip">White</span> </label> </div> </div> <div class="variant-picker-item"> <div class="variant-picker-label"> Size: <span class="fw-6 variant-picker-label-value">20ml</span> </div> <div class="variant-picker-values"> <input type="radio" name="size-1" id="values-s-1" checked> <label class="style-text" for="values-s-1" data-value="20ml"> <p>20ml</p> </label> <input type="radio" name="size-1" id="values-m-1"> <label class="style-text" for="values-m-1" data-value="40ml"> <p>40ml</p> </label> <input type="radio" name="size-1" id="values-l-1"> <label class="style-text" for="values-l-1" data-value="60ml"> <p>60ml</p> </label> <input type="radio" name="size-1" id="values-xl-1"> <label class="style-text" for="values-xl-1" data-value="90ml"> <p>90ml</p> </label> </div> </div> </div> <div class="tf-product-info-quantity mb_15"> <div class="quantity-title fw-6">Quantity</div> <div class="wg-quantity"> <span class="btn-quantity minus-btn">-</span> <input type="text" name="number" value="1"> <span class="btn-quantity plus-btn">+</span> </div> </div> <div class="tf-product-info-buy-button"> <form class=""> <a href="javascript:void(0);" class="tf-btn btn-fill justify-content-center fw-6 fs-16 flex-grow-1 animate-hover-btn btn-add-to-cart"><span>Add to cart - </span><span class="tf-qty-price">$18.00</span></a> <div class="tf-product-btn-wishlist btn-icon-action"> <i class="icon-heart"></i> <i class="icon-delete"></i> </div> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft" class="tf-product-btn-wishlist box-icon bg_white compare btn-icon-action"> <span class="icon icon-compare"></span> <span class="icon icon-check"></span> </a> <div class="w-100"> <a href="#" class="btns-full">Buy with <img src="images/payments/paypal.png" alt=""></a> <a href="#" class="payment-more-option">More payment options</a> </div> </form> </div> </div> </div> </div> </div> <div class="modal fade modalDemo popup-quickview" id="quick_view"> <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 class="wrap"> <div class="tf-product-media-wrap"> <div dir="ltr" class="swiper tf-single-slide"> <div class="swiper-wrapper"> <div class="swiper-slide"> <div class="item"> <img src="images/products/9.jpg" alt=""> </div> </div> <div class="swiper-slide"> <div class="item"> <img src="images/products/10.jpg" alt=""> </div> </div> </div> <div class="swiper-button-next button-style-arrow single-slide-prev"></div> <div class="swiper-button-prev button-style-arrow single-slide-next"></div> </div> </div> <div class="tf-product-info-wrap position-relative"> <div class="tf-product-info-list"> <div class="tf-product-info-title"> <h5><a class="link" href="product-detail.html">Ribbed Tank Top</a></h5> </div> <div class="tf-product-info-badges"> <div class="badges text-uppercase">Best seller</div> <div class="product-status-content"> <i class="icon-lightning"></i> <p class="fw-6">Selling fast! 48 people have this in their carts.</p> </div> </div> <div class="tf-product-info-price"> <div class="price">$18.00</div> </div> <div class="tf-product-description"> <p>Nunc arcu faucibus a et lorem eu a mauris adipiscing conubia ac aptent ligula facilisis a auctor habitant parturient a a.Interdum fermentum.</p> </div> <div class="tf-product-info-variant-picker"> <div class="variant-picker-item"> <div class="variant-picker-label"> Color: <span class="fw-6 variant-picker-label-value">Orange</span> </div> <div class="variant-picker-values"> <input id="values-orange-1" type="radio" name="color-1" checked> <label class="hover-tooltip radius-60" for="values-orange-1" data-value="Orange"> <span class="btn-checkbox bg-color-orange"></span> <span class="tooltip">Orange</span> </label> <input id="values-black-1" type="radio" name="color-1"> <label class=" hover-tooltip radius-60" for="values-black-1" data-value="Black"> <span class="btn-checkbox bg-color-black"></span> <span class="tooltip">Black</span> </label> <input id="values-white-1" type="radio" name="color-1"> <label class="hover-tooltip radius-60" for="values-white-1" data-value="White"> <span class="btn-checkbox bg-color-white"></span> <span class="tooltip">White</span> </label> </div> </div> <div class="variant-picker-item"> <div class="d-flex justify-content-between align-items-center"> <div class="variant-picker-label"> Size: <span class="fw-6 variant-picker-label-value">20ml</span> </div> <!-- <div class="find-size btn-choose-size fw-6">Find your size</div> --> </div> <div class="variant-picker-values"> <input type="radio" name="size-1" id="values-s-1" checked> <label class="style-text" for="values-s-1" data-value="20ml"> <p>20ml</p> </label> <input type="radio" name="size-1" id="values-m-1"> <label class="style-text" for="values-m-1" data-value="40ml"> <p>40ml</p> </label> <input type="radio" name="size-1" id="values-l-1"> <label class="style-text" for="values-l-1" data-value="60ml"> <p>60ml</p> </label> <input type="radio" name="size-1" id="values-xl-1"> <label class="style-text" for="values-xl-1" data-value="90ml"> <p>90ml</p> </label> </div> </div> </div> <div class="tf-product-info-quantity"> <div class="quantity-title fw-6">Quantity</div> <div class="wg-quantity"> <span class="btn-quantity minus-btn">-</span> <input type="text" name="number" value="1"> <span class="btn-quantity plus-btn">+</span> </div> </div> <div class="tf-product-info-buy-button"> <form class=""> <a href="javascript:void(0);" class="tf-btn btn-fill justify-content-center fw-6 fs-16 flex-grow-1 animate-hover-btn btn-add-to-cart"><span>Add to cart - </span><span class="tf-qty-price">$8.00</span></a> <a href="javascript:void(0);" class="tf-product-btn-wishlist hover-tooltip box-icon bg_white wishlist btn-icon-action"> <span class="icon icon-heart"></span> <span class="tooltip">Add to Wishlist</span> <span class="icon icon-delete"></span> </a> <a href="#compare" data-bs-toggle="offcanvas" aria-controls="offcanvasLeft" class="tf-product-btn-wishlist hover-tooltip box-icon bg_white compare btn-icon-action"> <span class="icon icon-compare"></span> <span class="tooltip">Add to Compare</span> <span class="icon icon-check"></span> </a> <div class="w-100"> <a href="#" class="btns-full">Buy with <img src="images/payments/paypal.png" alt=""></a> <a href="#" class="payment-more-option">More payment options</a> </div> </form> </div> <div> <a href="product-detail.html" class="tf-btn fw-6 btn-line">View full details<i class="icon icon-arrow1-top-left"></i></a> </div> </div> </div> </div> </div> </div> </div> <div class="modal fade modalDemo tf-product-modal popup-findsize" id="find_size"> <div class="modal-dialog modal-dialog-centered"> <div class="modal-content"> <div class="header"> <div class="demo-title">Size chart</div> <span class="icon-close icon-close-popup" data-bs-dismiss="modal"></span> </div> <div class="tf-rte"> <div class="tf-table-res-df"> <h6>Size guide</h6> <table class="tf-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>34 - 35</td> <td>26 - 27</td> <td>35 - 26</td> </tr> <tr> <td>M</td> <td>6</td> <td>36 - 37</td> <td>28 - 29</td> <td>38 - 40</td> </tr> <tr> <td>L</td> <td>8</td> <td>38 - 29</td> <td>30 - 31</td> <td>42 - 44</td> </tr> <tr> <td>XL</td> <td>10</td> <td>40 - 41</td> <td>32 - 33</td> <td>45 - 47</td> </tr> <tr> <td>XXL</td> <td>12</td> <td>42 - 43</td> <td>34 - 35</td> <td>48 - 50</td> </tr> </tbody> </table> </div> <div class="tf-page-size-chart-content"> <div> <h6>Measuring Tips</h6> <div class="title">Bust</div> <p>Measure around the fullest part of your bust.</p> <div class="title">Waist</div> <p>Measure around the narrowest part of your torso.</p> <div class="title">Low Hip</div> <p class="mb-0">With your feet together measure around the fullest part of your hips/rear. </p> </div> <div> <img class="sizechart lazyload" data-src="images/shop/products/size_chart2.jpg" src="images/shop/products/size_chart2.jpg" alt=""> </div> </div> </div> </div> </div> </div> <script src="js/bootstrap.min.js"></script> <script src="js/jquery.min.js"></script> <script src="js/swiper-bundle.min.js"></script> <script src="js/carousel.js"></script> <script src="js/bootstrap-select.min.js"></script> <script src="js/lazysize.min.js"></script> <script src="js/count-down.js"></script> <script src="js/wow.min.js"></script> <script src="js/multiple-modal.js"></script> <script src="js/nouislider.min.js"></script> <script src="js/shop.js"></script> <script src="js/main.js"></script> </body> </html>
Copyright ©2021 || Defacer Indonesia