3834 lines
358 KiB
HTML
3834 lines
358 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="utf-8">
|
|
<meta http-equiv="X-UA-Compatible" content="IE=edge">
|
|
<meta name="viewport" content="width=device-width,initial-scale=1">
|
|
<title>Beluxe - Beauty & Cosmetics eCommerce HTML5 Template</title>
|
|
<meta name="description" content="Beluxe is a modern HTML5 beauty eCommerce template built with Bootstrap 5, ideal for cosmetics, skincare, makeup, and salon online stores.">
|
|
<meta name="keywords" content="beauty eCommerce template, cosmetics store HTML, skincare shop, makeup online store, Bootstrap 5 beauty theme, responsive beauty website">
|
|
<meta name="author" content="spacingtech_webify">
|
|
<!-- favicon -->
|
|
<link rel="shortcut icon" type="image/favicon" href="assets/image/index/favicon.png">
|
|
<!-- plugin css -->
|
|
<link rel="stylesheet" type="text/css" href="assets/css/plugin.css">
|
|
<!-- theme css -->
|
|
<link rel="stylesheet" type="text/css" href="assets/css/theme.css">
|
|
<!-- collection css -->
|
|
<link rel="stylesheet" type="text/css" href="assets/css/collection.css">
|
|
<!-- product css -->
|
|
<link rel="stylesheet" type="text/css" href="assets/css/product.css">
|
|
</head>
|
|
<body>
|
|
<!-- preloader start -->
|
|
<div class="preloader position-fixed top-0 start-0 w-100 h-100 body-bg z-index-5">
|
|
<div class="loader-img position-absolute top-0 start-0 w-100 h-100 d-flex align-items-center justify-content-center">
|
|
<img src="assets/image/index/logo.png" class="width-88 width-xl-120 img-fluid" alt="logo">
|
|
</div>
|
|
</div>
|
|
<!-- preloader end -->
|
|
<!-- header start -->
|
|
<header id="header" class="main-header">
|
|
<!-- header-top start -->
|
|
<div class="header-top-area">
|
|
<!-- notification-bar start -->
|
|
<div class="notification-bar ptb-10 primary-bg">
|
|
<div class="notification-marquee d-flex overflow-hidden">
|
|
<div class="notification-marquee-row d-flex align-items-center">
|
|
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">Your favorite products</div>
|
|
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
|
|
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">Newest products 10% off, use code: NEW10</div>
|
|
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
|
|
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">Good skin methods</div>
|
|
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
|
|
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">35% offer products</div>
|
|
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
|
|
</div>
|
|
<div class="notification-marquee-row d-flex align-items-center">
|
|
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">Your favorite products</div>
|
|
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
|
|
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">Newest products 10% off, use code: NEW10</div>
|
|
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
|
|
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">Good skin methods</div>
|
|
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
|
|
<div class="extra-color psl-15 psl-md-30 text-uppercase text-nowrap">35% offer products</div>
|
|
<div class="extra-color font-4 psl-15 psl-md-30"><i class="ri-circle-fill d-block lh-1"></i></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- notification-bar end -->
|
|
<!-- header-top-first start -->
|
|
<div class="header-top-first ptb-10 ptb-xl-15 body-bg">
|
|
<div class="container">
|
|
<div class="row align-items-center header-area">
|
|
<!-- header-logo start -->
|
|
<div class="col-6 col-xl-4 header-element header-logo">
|
|
<div class="header-theme-logo">
|
|
<a href="index.html" class="d-block theme-logo">
|
|
<img src="assets/image/index/logo.png" class="width-88 width-xl-120 img-fluid" alt="logo">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<!-- header-logo end -->
|
|
<!-- header-search start -->
|
|
<div class="col-xl-4 d-none d-xl-block header-element header-search">
|
|
<div class="header-theme-search">
|
|
<form method="get" action="javascript:void(0)" class="search-form">
|
|
<div class="search-bar position-relative">
|
|
<div class="form-search d-flex">
|
|
<input type="search" name="search-input" class="width-calc-48 search-input" value="" placeholder="Search product..." required>
|
|
<button type="submit" onclick="window.location.href='search-product.html'" class="width-48 tertiary-btn" aria-label="Go to search" disabled><i class="ri-search-line d-block lh-1"></i></button>
|
|
</div>
|
|
<div class="d-none search-results position-absolute top-auto start-0 end-0 body-bg z-2 border-full border-radius box-shadow">
|
|
<div class="search-for ptb-10 plr-15 beb">Search for <span class="search-text">a</span></div>
|
|
<ul class="search-ul">
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product1.jpg" class="w-100 img-fluid border-radius" alt="search-product1"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Glow boost face cream</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product2.jpg" class="w-100 img-fluid border-radius" alt="search-product2"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Velvet kiss lipstick set</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product3.jpg" class="w-100 img-fluid border-radius" alt="search-product3"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Herbal shine hair oil</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product4.jpg" class="w-100 img-fluid border-radius" alt="search-product4"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Smooth touch wax strips</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product5.jpg" class="w-100 img-fluid border-radius" alt="search-product5"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Mystic bloom perfume mist</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product6.jpg" class="w-100 img-fluid border-radius" alt="search-product6"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Glossy nails polish pack</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product7.jpg" class="w-100 img-fluid border-radius" alt="search-product7"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Rose petal bath soak</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product8.jpg" class="w-100 img-fluid border-radius" alt="search-product8"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Pro blend makeup brush</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product9.jpg" class="w-100 img-fluid border-radius" alt="search-product9"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Organic aloe face serum</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product10.jpg" class="w-100 img-fluid border-radius" alt="search-product10"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Beard luxe grooming kit</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product11.jpg" class="w-100 img-fluid border-radius" alt="search-product11"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Radiance LED skin mask</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product12.jpg" class="w-100 img-fluid border-radius" alt="search-product12"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Luxury glow gift box</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="search-more ptb-10 plr-15 bst"><a href="search-product.html" class="body-secondary-color text-decoration-underline">See all results (12)</a></div>
|
|
<div class="search-fail ptb-10 plr-15">Search not found</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
<!-- header-search end -->
|
|
<!-- header-icon start -->
|
|
<div class="col-6 col-xl-4 header-element header-icon">
|
|
<div class="header-icon-block d-flex justify-content-end">
|
|
<!-- header-contact-link start -->
|
|
<div class="header-contact-link d-none d-xl-block">
|
|
<div class="ul-mt30 flex-nowrap justify-content-end">
|
|
<span class="text-nowrap"><a href="tel:+00123456789" class="primary-link d-flex align-items-center"><i class="ri-phone-line icon-16 mer-4"></i><span class="heading-weight">+00-123456789</span></a></span>
|
|
<span class="text-nowrap"><a href="collection.html" class="primary-link d-flex align-items-center text-uppercase"><i class="ri-price-tag-3-line icon-16 mer-4"></i><span class="heading-weight text-decoration-underline">Best offer</span></a></span>
|
|
</div>
|
|
</div>
|
|
<!-- header-contact-link end -->
|
|
<div class="d-xl-none">
|
|
<ul class="ul-mt30 align-items-center header-icon-element">
|
|
<li class="header-icon-wrap toggler-wrap d-xl-none">
|
|
<div class="header-icon-wrapper">
|
|
<a href="javascript:void(0)" class="d-block header-icon-toggler toggler-btn" aria-label="Menu toggler button">
|
|
<span class="d-block header-block-icon primary-link icon-16"><i class="ri-menu-line"></i></span>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="header-icon-wrap search-wrap d-xl-none">
|
|
<div class="header-icon-wrapper">
|
|
<a href="#searchmodal" class="d-block header-icon-search" data-bs-toggle="modal" aria-label="Search modal">
|
|
<span class="d-block header-block-icon primary-link icon-16"><i class="ri-search-line"></i></span>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="header-icon-wrap user-wrap d-none d-md-block">
|
|
<div class="header-icon-wrapper">
|
|
<a href="login.html" class="d-block header-icon-user" aria-label="Login user">
|
|
<span class="d-block header-block-icon primary-link icon-16"><i class="ri-user-3-line"></i></span>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="header-icon-wrap wishlist-wrap d-none d-md-block">
|
|
<div class="header-icon-wrapper">
|
|
<a href="wishlist.html" class="d-block header-icon-wishlist">
|
|
<span class="header-block-icon-wrap primary-link ul-mt5 align-items-center">
|
|
<span class="header-block-icon icon-16"><i class="ri-heart-line"></i></span>
|
|
<span class="heading-weight">-</span>
|
|
<span class="header-block-counter wishlist-counter heading-weight">4</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="header-icon-wrap cart-wrap d-none d-md-block">
|
|
<div class="header-icon-wrapper">
|
|
<a href="javascript:void(0)" class="d-block header-icon-cart js-cart-drawer">
|
|
<span class="header-block-icon-wrap primary-link ul-mt5 align-items-center">
|
|
<span class="header-block-icon icon-16"><i class="ri-shopping-bag-3-line"></i></span>
|
|
<span class="heading-weight">-</span>
|
|
<span class="header-block-counter cart-counter heading-weight">4</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- header-icon end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- header-top-first end -->
|
|
</div>
|
|
<!-- header-top end -->
|
|
<!-- header-bottom start -->
|
|
<div class="header-bottom-area d-xl-block d-none position-relative extra-bg">
|
|
<div class="container">
|
|
<div class="row align-items-center">
|
|
<!-- main-menu start -->
|
|
<div class="col-xl-8">
|
|
<div class="mainmenu-content">
|
|
<div class="main-wrap">
|
|
<ul class="menu-ul d-flex flex-wrap">
|
|
<li class="menu-li">
|
|
<a href="index.html" class="menu-link d-flex align-items-center ptb-15 plr-15">
|
|
<span class="menu-title text-uppercase heading-weight">Home</span>
|
|
<span class="icon-16 fw-normal"><i class="ri-arrow-down-s-line d-block"></i></span>
|
|
</a>
|
|
<div class="menu-dropdown collapse position-absolute top-auto start-0 end-0 body-bg z-2 DropDownSlide box-shadow">
|
|
<div class="container ptb-30 text-center">
|
|
<div class="row row-cols-xl-5">
|
|
<div class="col">
|
|
<div class="banner-hover">
|
|
<a href="index.html" class="d-block banner-img br-hidden">
|
|
<img src="assets/image/menu/menu-banner1.jpg" class="w-100 img-fluid" alt="menu-banner1">
|
|
</a>
|
|
</div>
|
|
<a href="index.html" class="d-inline-block primary-link mst-15 heading-weight">01 Classic beauty store</a>
|
|
</div>
|
|
<div class="col">
|
|
<div class="banner-hover">
|
|
<a href="index2.html" class="d-block banner-img br-hidden">
|
|
<img src="assets/image/menu/menu-banner2.jpg" class="w-100 img-fluid" alt="menu-banner2">
|
|
</a>
|
|
</div>
|
|
<a href="index2.html" class="d-inline-block primary-link mst-15 heading-weight">02 Skincare Shop</a>
|
|
</div>
|
|
<div class="col">
|
|
<div class="banner-hover">
|
|
<a href="index3.html" class="d-block banner-img br-hidden">
|
|
<img src="assets/image/menu/menu-banner3.jpg" class="w-100 img-fluid" alt="menu-banner3">
|
|
</a>
|
|
</div>
|
|
<a href="index3.html" class="d-inline-block primary-link mst-15 heading-weight">03 Makeup & cosmetics</a>
|
|
</div>
|
|
<div class="col">
|
|
<div class="banner-hover">
|
|
<a href="index4.html" class="d-block banner-img br-hidden">
|
|
<img src="assets/image/menu/menu-banner4.jpg" class="w-100 img-fluid" alt="menu-banner4">
|
|
</a>
|
|
</div>
|
|
<a href="index4.html" class="d-inline-block primary-link mst-15 heading-weight">04 Fragrance boutique</a>
|
|
</div>
|
|
<div class="col">
|
|
<div class="banner-hover">
|
|
<a href="index5.html" class="d-block banner-img br-hidden">
|
|
<img src="assets/image/menu/menu-banner5.jpg" class="w-100 img-fluid" alt="menu-banner5">
|
|
</a>
|
|
</div>
|
|
<a href="index5.html" class="d-inline-block primary-link mst-15 heading-weight">05 Organic beauty</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="menu-li">
|
|
<a href="collection.html" class="menu-link d-flex align-items-center ptb-15 plr-15">
|
|
<span class="menu-title text-uppercase heading-weight">Product</span>
|
|
<span class="icon-16 fw-normal"><i class="ri-arrow-down-s-line d-block"></i></span>
|
|
</a>
|
|
<div class="menu-dropdown collapse position-absolute top-auto start-0 end-0 body-bg z-2 DropDownSlide box-shadow">
|
|
<div class="container ptb-25">
|
|
<div class="row">
|
|
<div class="col-3">
|
|
<div class="shop-title">
|
|
<span class="d-block ptb-5 heading-weight"><a href="collection.html" class="d-inline-block primary-link">01 Classic card style</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="collection2.html" class="d-inline-block primary-link">02 Stylish card style</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="collection3.html" class="d-inline-block primary-link">03 Modern card style</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="collection4.html" class="d-inline-block primary-link">04 Overlay card style</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="collection5.html" class="d-inline-block primary-link">05 Elegant card style</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="collections.html" class="d-inline-block primary-link">Collections</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="collection-category.html" class="d-inline-block primary-link">Collection category</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="collection-without.html" class="d-inline-block primary-link">Collection full</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="collection.html" class="d-inline-block primary-link">Collection left</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="collection-right.html" class="d-inline-block primary-link">Collection right</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="collection-list-without.html" class="d-inline-block primary-link">Collection list full</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="collection-list.html" class="d-inline-block primary-link">Collection list left</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="collection-list-right.html" class="d-inline-block primary-link">Collection list right</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="search-empty.html" class="d-inline-block primary-link">Search empty</a></span>
|
|
<span class="d-block ptb-5 heading-weight"><a href="search-product.html" class="d-inline-block primary-link">Search product</a></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="d-block heading-color ptb-5 heading-weight">Product layout</div>
|
|
<div class="mst-12">
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">01 Bottom thumbnail tab details</a></span>
|
|
<span class="d-block ptb-5"><a href="product2.html" class="d-inline-block body-primary-color">02 Left thumbnail accordion details</a></span>
|
|
<span class="d-block ptb-5"><a href="product3.html" class="d-inline-block body-primary-color">03 Right thumbnail details</a></span>
|
|
<span class="d-block ptb-5"><a href="product4.html" class="d-inline-block body-primary-color">04 Modern layout</a></span>
|
|
<span class="d-block ptb-5"><a href="product5.html" class="d-inline-block body-primary-color">05 Creative layout</a></span>
|
|
<span class="d-block ptb-5"><a href="product6.html" class="d-inline-block body-primary-color">06 Solo thumbnail tab details</a></span>
|
|
<span class="d-block ptb-5"><a href="product7.html" class="d-inline-block body-primary-color">07 Classic template</a></span>
|
|
<span class="d-block ptb-5"><a href="product8.html" class="d-inline-block body-primary-color">08 Single grid layout</a></span>
|
|
<span class="d-block ptb-5"><a href="product9.html" class="d-inline-block body-primary-color">09 Two grid layout</a></span>
|
|
<span class="d-block ptb-5"><a href="product-comparison.html" class="d-inline-block body-primary-color">Product comparision</a></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="d-block heading-color ptb-5 heading-weight">Product features</div>
|
|
<div class="mst-12">
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Special promotions offers</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Ask a question</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Size guide</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Pincode service availability</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Product wishlist</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Top social buzz</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Product compare option</a></span>
|
|
<span class="d-block ptb-5"><a href="product9.html" class="d-inline-block body-primary-color">Back in stock</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Quick buy now button</a></span>
|
|
<span class="d-block ptb-5"><a href="product8.html" class="d-inline-block body-primary-color">Pre-order</a></span>
|
|
<span class="d-block ptb-5"><a href="product2.html" class="d-inline-block body-primary-color">Frequently bought together</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Pickup availability option</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Delivery options details</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Trusted payment badge</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Recommended product</a></span>
|
|
</div>
|
|
</div>
|
|
<div class="col-3">
|
|
<div class="d-block heading-color ptb-5 heading-weight">Product details</div>
|
|
<div class="mst-12">
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Currently views count</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Stock count down</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Items sold count</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Deal count down timer</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Product short description</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Color swatch option</a></span>
|
|
<span class="d-block ptb-5"><a href="product2.html" class="d-inline-block body-primary-color">Image swatch option</a></span>
|
|
<span class="d-block ptb-5"><a href="product3.html" class="d-inline-block body-primary-color">Dropdown select option</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Product sku code</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Tab description</a></span>
|
|
<span class="d-block ptb-5"><a href="product3.html" class="d-inline-block body-primary-color">Product detailed inline description</a></span>
|
|
<span class="d-block ptb-5"><a href="product4.html" class="d-inline-block body-primary-color">Accordian description</a></span>
|
|
<span class="d-block ptb-5"><a href="product7.html" class="d-inline-block body-primary-color">Vertical-tab description</a></span>
|
|
<span class="d-block ptb-5"><a href="product8.html" class="d-inline-block body-primary-color">Product flat inline description</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Product video</a></span>
|
|
<span class="d-block ptb-5"><a href="product.html" class="d-inline-block body-primary-color">Product review</a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="menu-li">
|
|
<a href="collection.html" class="menu-link d-flex align-items-center ptb-15 plr-15">
|
|
<span class="menu-title text-uppercase heading-weight">Shop</span>
|
|
<span class="icon-16 fw-normal"><i class="ri-arrow-down-s-line d-block"></i></span>
|
|
</a>
|
|
<div class="menu-dropdown menu-mega collapse position-absolute top-auto start-0 end-0 body-bg z-2 DropDownSlide box-shadow">
|
|
<div class="container ptb-25">
|
|
<div class="menu-overview">
|
|
<div class="heading-color ptb-5 heading-weight">Account</div>
|
|
<span class="d-block ptb-5"><a href="login.html" class="d-inline-block body-primary-color">Login</a></span>
|
|
<span class="d-block ptb-5"><a href="forgot-password.html" class="d-inline-block body-primary-color">Forgot password</a></span>
|
|
<span class="d-block ptb-5"><a href="register.html" class="d-inline-block body-primary-color">Register</a></span>
|
|
<div class="heading-color ptb-5 heading-weight">Other</div>
|
|
<span class="d-block ptb-5"><a href="404.html" class="d-inline-block body-primary-color">404</a></span>
|
|
<span class="d-block ptb-5"><a href="cart-empty.html" class="d-inline-block body-primary-color">Cart empty</a></span>
|
|
<span class="d-block ptb-5"><a href="cart-page.html" class="d-inline-block body-primary-color">Cart</a></span>
|
|
<span class="d-block ptb-5"><a href="checkout.html" class="d-inline-block body-primary-color">Checkout</a></span>
|
|
<span class="d-block ptb-5"><a href="coming-soon.html" class="d-inline-block body-primary-color">Comingsoon</a></span>
|
|
<span class="d-block ptb-5"><a href="invoice.html" class="d-inline-block body-primary-color">Invoice</a></span>
|
|
<div class="heading-color ptb-5 heading-weight">Order</div>
|
|
<span class="d-block ptb-5"><a href="order-complete.html" class="d-inline-block body-primary-color">Order complete</a></span>
|
|
<span class="d-block ptb-5"><a href="order.html" class="d-inline-block body-primary-color">Order</a></span>
|
|
<span class="d-block ptb-5"><a href="order-info.html" class="d-inline-block body-primary-color">Order info</a></span>
|
|
<span class="d-block ptb-5"><a href="order-info-default.html" class="d-inline-block body-primary-color">Order default</a></span>
|
|
<span class="d-block ptb-5"><a href="order-info-unfulfilled.html" class="d-inline-block body-primary-color">Order unfulfilled</a></span>
|
|
<span class="d-block ptb-5"><a href="order-info-fulfilled.html" class="d-inline-block body-primary-color">Order fulfilled</a></span>
|
|
<span class="d-block ptb-5"><a href="order-info-inprogress.html" class="d-inline-block body-primary-color">Order inprogress</a></span>
|
|
<span class="d-block ptb-5"><a href="order-info-intransit.html" class="d-inline-block body-primary-color">Order intransit</a></span>
|
|
<span class="d-block ptb-5"><a href="order-info-indelivery.html" class="d-inline-block body-primary-color">Order indelivery</a></span>
|
|
<span class="d-block ptb-5"><a href="order-info-delivered.html" class="d-inline-block body-primary-color">Order delivered</a></span>
|
|
<span class="d-block ptb-5"><a href="order-info-pickup.html" class="d-inline-block body-primary-color">Order pickup</a></span>
|
|
<span class="d-block ptb-5"><a href="order-info-cancel.html" class="d-inline-block body-primary-color">Order cancel</a></span>
|
|
<div class="heading-color ptb-5 heading-weight">Profile</div>
|
|
<span class="d-block ptb-5"><a href="profile.html" class="d-inline-block body-primary-color">Profile</a></span>
|
|
<span class="d-block ptb-5"><a href="profile-address.html" class="d-inline-block body-primary-color">Profile address</a></span>
|
|
<span class="d-block ptb-5"><a href="profile-notification.html" class="d-inline-block body-primary-color">Profile notification</a></span>
|
|
<span class="d-block ptb-5"><a href="profile-order.html" class="d-inline-block body-primary-color">Profile order</a></span>
|
|
<span class="d-block ptb-5"><a href="profile-order-empty.html" class="d-inline-block body-primary-color">Profile order empty</a></span>
|
|
<span class="d-block ptb-5"><a href="profile-ticket.html" class="d-inline-block body-primary-color">Profile ticket</a></span>
|
|
<span class="d-block ptb-5"><a href="profile-ticket-empty.html" class="d-inline-block body-primary-color">Profile ticket empty</a></span>
|
|
<span class="d-block ptb-5"><a href="profile-wishlist.html" class="d-inline-block body-primary-color">Profile wishlist</a></span>
|
|
<span class="d-block ptb-5"><a href="profile-wishlist-empty.html" class="d-inline-block body-primary-color">Profile wishlist empty</a></span>
|
|
<div class="heading-color ptb-5 heading-weight">Ticket</div>
|
|
<span class="d-block ptb-5"><a href="ticket.html" class="d-inline-block body-primary-color">Ticket</a></span>
|
|
<span class="d-block ptb-5"><a href="ticket-create.html" class="d-inline-block body-primary-color">Ticket create</a></span>
|
|
<span class="d-block ptb-5"><a href="ticket-edit.html" class="d-inline-block body-primary-color">Ticket edit</a></span>
|
|
<span class="d-block ptb-5"><a href="ticket-info.html" class="d-inline-block body-primary-color">Ticket info</a></span>
|
|
<div class="heading-color ptb-5 heading-weight">Policies</div>
|
|
<span class="d-block ptb-5"><a href="cancellation.html" class="d-inline-block body-primary-color">Cancellation</a></span>
|
|
<span class="d-block ptb-5"><a href="cookie.html" class="d-inline-block body-primary-color">Cookie</a></span>
|
|
<span class="d-block ptb-5"><a href="legal.html" class="d-inline-block body-primary-color">Legal</a></span>
|
|
<span class="d-block ptb-5"><a href="payment-policy.html" class="d-inline-block body-primary-color">Payment policy</a></span>
|
|
<span class="d-block ptb-5"><a href="privacy-policy.html" class="d-inline-block body-primary-color">Privacy policy</a></span>
|
|
<span class="d-block ptb-5"><a href="return-policy.html" class="d-inline-block body-primary-color">Return policy</a></span>
|
|
<span class="d-block ptb-5"><a href="shipping-policy.html" class="d-inline-block body-primary-color">Shipping policy</a></span>
|
|
<span class="d-block ptb-5"><a href="terms-condition.html" class="d-inline-block body-primary-color">Terms & condition</a></span>
|
|
<div class="heading-color ptb-5 heading-weight">Features</div>
|
|
<span class="d-block ptb-5"><a href="button.html" class="d-inline-block body-primary-color">Button</a></span>
|
|
<span class="d-block ptb-5"><a href="cart-drawer-empty.html" class="d-inline-block body-primary-color">Cart drawer empty</a></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="menu-li">
|
|
<a href="blog.html" class="menu-link d-flex align-items-center ptb-15 plr-15">
|
|
<span class="menu-title text-uppercase heading-weight">Blog</span>
|
|
<span class="icon-16 fw-normal"><i class="ri-arrow-down-s-line d-block"></i></span>
|
|
</a>
|
|
<div class="menu-dropdown menu-sub collapse position-absolute top-auto body-bg z-2 DropDownSlide box-shadow">
|
|
<ul class="menudrop-ul ptb-25">
|
|
<li class="menudrop-li">
|
|
<div class="ptb-5 plr-30"><a href="blog-without.html" class="d-inline-block body-primary-color">Blog</a></div>
|
|
</li>
|
|
<li class="menudrop-li">
|
|
<div class="ptb-5 plr-30"><a href="blog.html" class="d-inline-block body-primary-color">Blog left</a></div>
|
|
</li>
|
|
<li class="menudrop-li">
|
|
<div class="ptb-5 plr-30"><a href="blog-right.html" class="d-inline-block body-primary-color">Blog right</a></div>
|
|
</li>
|
|
<li class="menudrop-li">
|
|
<div class="ptb-5 plr-30"><a href="article-without.html" class="d-inline-block body-primary-color">Article</a></div>
|
|
</li>
|
|
<li class="menudrop-li">
|
|
<div class="ptb-5 plr-30"><a href="article.html" class="d-inline-block body-primary-color">Article left</a></div>
|
|
</li>
|
|
<li class="menudrop-li">
|
|
<div class="ptb-5 plr-30"><a href="article-right.html" class="d-inline-block body-primary-color">Article right</a></div>
|
|
</li>
|
|
<li class="menudrop-li">
|
|
<div class="ptb-5 plr-30"><a href="search-blog.html" class="d-inline-block body-primary-color">Search blog</a></div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menu-li">
|
|
<a href="javascript:void(0)" class="menu-link d-flex align-items-center ptb-15 plr-15">
|
|
<span class="menu-title text-uppercase heading-weight">Page</span>
|
|
<span class="icon-16 fw-normal"><i class="ri-arrow-down-s-line d-block"></i></span>
|
|
</a>
|
|
<div class="menu-dropdown menu-sub collapse position-absolute top-auto body-bg z-2 DropDownSlide box-shadow">
|
|
<ul class="menudrop-ul ptb-25">
|
|
<li class="menudrop-li position-relative">
|
|
<div class="menu-sublink ptb-5 plr-30">
|
|
<a href="about-us.html" class="d-flex flex-wrap align-items-center">
|
|
<span class="menusub-title width-calc-16">About us</span>
|
|
<span class="width-16 icon-16 fw-normal"><i class="ri-arrow-right-s-line d-block lh-1"></i></span>
|
|
</a>
|
|
</div>
|
|
<div class="menusub-dropdown collapse position-absolute w-100 body-bg DropDownSlide box-shadow">
|
|
<ul class="menusub-ul ptb-25">
|
|
<li class="menusub-li">
|
|
<span class="d-block ptb-5 plr-30"><a href="about-us.html" class="d-inline-block body-primary-color">01 Modern aboutus</a></span>
|
|
</li>
|
|
<li class="menusub-li">
|
|
<span class="d-block ptb-5 plr-30"><a href="about-us2.html" class="d-inline-block body-primary-color">02 Creative aboutus</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menudrop-li position-relative">
|
|
<div class="menu-sublink ptb-5 plr-30">
|
|
<a href="contact-us.html" class="d-flex flex-wrap align-items-center">
|
|
<span class="menusub-title width-calc-16">Contact us</span>
|
|
<span class="width-16 icon-16 fw-normal"><i class="ri-arrow-right-s-line d-block lh-1"></i></span>
|
|
</a>
|
|
</div>
|
|
<div class="menusub-dropdown collapse position-absolute w-100 body-bg DropDownSlide box-shadow">
|
|
<ul class="menusub-ul ptb-25">
|
|
<li class="menusub-li">
|
|
<span class="d-block ptb-5 plr-30"><a href="contact-us.html" class="d-inline-block body-primary-color">01 Creative contactus</a></span>
|
|
</li>
|
|
<li class="menusub-li">
|
|
<span class="d-block ptb-5 plr-30"><a href="contact-us2.html" class="d-inline-block body-primary-color">02 Standard contactus</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menudrop-li position-relative">
|
|
<div class="menu-sublink ptb-5 plr-30"><a href="faqs.html" class="d-block">Faqs</a></div>
|
|
</li>
|
|
<li class="menudrop-li position-relative">
|
|
<div class="menu-sublink ptb-5 plr-30"><a href="sitemap.html" class="d-block">Sitemap</a></div>
|
|
</li>
|
|
<li class="menudrop-li position-relative">
|
|
<div class="menu-sublink ptb-5 plr-30"><a href="store.html" class="d-block">Store</a></div>
|
|
</li>
|
|
<li class="menudrop-li position-relative">
|
|
<div class="menu-sublink ptb-5 plr-30"><a href="track-order.html" class="d-block">Track order</a></div>
|
|
</li>
|
|
<li class="menudrop-li position-relative">
|
|
<div class="menu-sublink ptb-5 plr-30">
|
|
<a href="wishlist.html" class="d-flex flex-wrap align-items-center">
|
|
<span class="menusub-title width-calc-16">Wishlist</span>
|
|
<span class="width-16 icon-16 fw-normal"><i class="ri-arrow-right-s-line d-block lh-1"></i></span>
|
|
</a>
|
|
</div>
|
|
<div class="menusub-dropdown collapse position-absolute w-100 body-bg DropDownSlide box-shadow">
|
|
<ul class="menusub-ul ptb-25">
|
|
<li class="menusub-li">
|
|
<span class="d-block ptb-5 plr-30"><a href="wishlist.html" class="d-inline-block body-primary-color">Wishlist</a></span>
|
|
</li>
|
|
<li class="menusub-li">
|
|
<span class="d-block ptb-5 plr-30"><a href="wishlist-empty.html" class="d-inline-block body-primary-color">Wishlist empty</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- main-menu end -->
|
|
<div class="col-xl-4 header-icon">
|
|
<div class="header-icon-block d-flex justify-content-end">
|
|
<ul class="ul-mt30 align-items-center header-icon-element">
|
|
<li class="header-icon-wrap user-wrap d-none d-md-block">
|
|
<div class="header-icon-wrapper">
|
|
<a href="login.html" class="d-block header-icon-user" aria-label="Login user">
|
|
<span class="header-block-icon-wrap primary-link ul-mt5 align-items-center">
|
|
<span class="header-block-icon icon-16"><i class="ri-user-3-line"></i></span>
|
|
<span class="header-text-content heading-weight">User</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="header-icon-wrap wishlist-wrap d-none d-md-block">
|
|
<div class="header-icon-wrapper">
|
|
<a href="wishlist.html" class="d-block header-icon-wishlist">
|
|
<span class="header-block-icon-wrap primary-link ul-mt5 align-items-center">
|
|
<span class="header-block-icon icon-16"><i class="ri-heart-line"></i></span>
|
|
<span class="d-none d-xl-block header-text-content heading-weight">Wishlist</span>
|
|
<span class="heading-weight">-</span>
|
|
<span class="header-block-counter wishlist-counter heading-weight">4</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
<li class="header-icon-wrap cart-wrap d-none d-md-block">
|
|
<div class="header-icon-wrapper">
|
|
<a href="javascript:void(0)" class="d-block header-icon-cart js-cart-drawer">
|
|
<span class="header-block-icon-wrap primary-link ul-mt5 align-items-center">
|
|
<span class="header-block-icon icon-16"><i class="ri-shopping-bag-3-line"></i></span>
|
|
<span class="d-none d-xl-block header-text-content heading-weight">Cart</span>
|
|
<span class="heading-weight">-</span>
|
|
<span class="header-block-counter cart-counter heading-weight">4</span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- header-bottom end -->
|
|
</header>
|
|
<!-- header end -->
|
|
<!-- breadcrumb-area start -->
|
|
<div class="breadcrumb-area ptb-30 bg-img text-center" data-bgimg="assets/image/other/breadcrumb-bgimg.jpg">
|
|
<div class="container">
|
|
<span class="d-block extra-color"><a href="index.html" class="extra-color">Home</a> / Glow boost face cream</span>
|
|
<h2 class="extra-color font-24 font-xl-32 mst-5 mst-xl-9">Glow boost face cream</h2>
|
|
</div>
|
|
</div>
|
|
<!-- breadcrumb-area end -->
|
|
<!-- main start -->
|
|
<main id="main">
|
|
<!-- product-detail start -->
|
|
<section class="product-detail section-pt">
|
|
<div class="container">
|
|
<div class="row row-mtm align-items-lg-start">
|
|
<div class="col-12 col-lg-6 p-lg-sticky top-0">
|
|
<!-- product-detail-slider start -->
|
|
<div class="product-detail-slider">
|
|
<div class="row ul-mt15">
|
|
<div class="col-12 col-md-10" data-animate="animate__fadeIn">
|
|
<!-- product-img-big start -->
|
|
<div class="product-img-big slider-big-v position-relative br-hidden">
|
|
<div class="swiper" id="slider-big-v">
|
|
<div class="swiper-wrapper product-swiper-wrapper">
|
|
<div class="swiper-slide product-swiper-slide">
|
|
<div class="product-item-img position-relative">
|
|
<a href="assets/image/product/product-1.jpg" class="full-view product-thumbnail heading-color position-absolute top-0 end-0 width-40 height-40 d-flex align-items-center justify-content-center body-bg z-1 mst-15 mer-15 rounded-circle box-shadow" aria-label="Image full view"><i class="ri-fullscreen-line d-block lh-1"></i></a>
|
|
<img src="assets/image/product/product-1.jpg" data-zoom="assets/image/product/product-1.jpg" class="w-100 img-fluid zoom" alt="product-1">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide product-swiper-slide">
|
|
<div class="product-item-img position-relative">
|
|
<a href="assets/image/product/product-2.jpg" class="full-view product-thumbnail heading-color position-absolute top-0 end-0 width-40 height-40 d-flex align-items-center justify-content-center body-bg z-1 mst-15 mer-15 rounded-circle box-shadow" aria-label="Image full view"><i class="ri-fullscreen-line d-block lh-1"></i></a>
|
|
<img src="assets/image/product/product-2.jpg" data-zoom="assets/image/product/product-2.jpg" class="w-100 img-fluid zoom" alt="product-2">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide product-swiper-slide">
|
|
<div class="product-item-img position-relative">
|
|
<a href="assets/image/product/product-3.jpg" class="full-view product-thumbnail heading-color position-absolute top-0 end-0 width-40 height-40 d-flex align-items-center justify-content-center body-bg z-1 mst-15 mer-15 rounded-circle box-shadow" aria-label="Image full view"><i class="ri-fullscreen-line d-block lh-1"></i></a>
|
|
<img src="assets/image/product/product-3.jpg" data-zoom="assets/image/product/product-3.jpg" class="w-100 img-fluid zoom" alt="product-3">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide product-swiper-slide">
|
|
<div class="product-item-img position-relative">
|
|
<a href="assets/image/product/product-4.jpg" class="full-view product-thumbnail heading-color position-absolute top-0 end-0 width-40 height-40 d-flex align-items-center justify-content-center body-bg z-1 mst-15 mer-15 rounded-circle box-shadow" aria-label="Image full view"><i class="ri-fullscreen-line d-block lh-1"></i></a>
|
|
<img src="assets/image/product/product-4.jpg" data-zoom="assets/image/product/product-4.jpg" class="w-100 img-fluid zoom" alt="product-4">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide product-swiper-slide">
|
|
<div class="product-item-img position-relative">
|
|
<a href="assets/image/product/product-5.jpg" class="full-view product-thumbnail heading-color position-absolute top-0 end-0 width-40 height-40 d-flex align-items-center justify-content-center body-bg z-1 mst-15 mer-15 rounded-circle box-shadow" aria-label="Image full view"><i class="ri-fullscreen-line d-block lh-1"></i></a>
|
|
<img src="assets/image/product/product-5.jpg" data-zoom="assets/image/product/product-5.jpg" class="w-100 img-fluid zoom" alt="product-5">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-buttons">
|
|
<button type="button" class="swiper-prev swiper-prev-big tertiary-btn icon-16 width-32 height-32 position-absolute top-50 translate-middle-y z-1 rounded-circle" aria-label="Arrow previous"><i class="ri-arrow-left-line d-block lh-1"></i></button>
|
|
<button type="button" class="swiper-next swiper-next-big tertiary-btn icon-16 width-32 height-32 position-absolute top-50 translate-middle-y z-1 rounded-circle" aria-label="Arrow next"><i class="ri-arrow-right-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
<!-- product-img-big end -->
|
|
</div>
|
|
<div class="col-12 col-md-2" data-animate="animate__fadeIn">
|
|
<!-- product-img-small start -->
|
|
<div class="product-img-small slider-small-v">
|
|
<div class="swiper" id="slider-small-v">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide product-swiper-slide">
|
|
<div class="product-item-img br-hidden">
|
|
<a href="javascript:void(0)" class="d-block product-thumbnail">
|
|
<img src="assets/image/product/product-1.jpg" class="w-100 img-fluid" alt="product-1">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide product-swiper-slide">
|
|
<div class="product-item-img br-hidden">
|
|
<a href="javascript:void(0)" class="d-block product-thumbnail">
|
|
<img src="assets/image/product/product-2.jpg" class="w-100 img-fluid" alt="product-2">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide product-swiper-slide">
|
|
<div class="product-item-img br-hidden">
|
|
<a href="javascript:void(0)" class="d-block product-thumbnail">
|
|
<img src="assets/image/product/product-3.jpg" class="w-100 img-fluid" alt="product-3">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide product-swiper-slide">
|
|
<div class="product-item-img br-hidden">
|
|
<a href="javascript:void(0)" class="d-block product-thumbnail">
|
|
<img src="assets/image/product/product-4.jpg" class="w-100 img-fluid" alt="product-4">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide product-swiper-slide">
|
|
<div class="product-item-img br-hidden">
|
|
<a href="javascript:void(0)" class="d-block product-thumbnail">
|
|
<img src="assets/image/product/product-5.jpg" class="w-100 img-fluid" alt="product-5">
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- product-img-small end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- product-detail-slider end -->
|
|
</div>
|
|
<div class="col-12 col-lg-6 p-lg-sticky top-0">
|
|
<!-- product-detail-info start -->
|
|
<div class="product-detail-info psl-xxl-20">
|
|
<div class="product-info" data-animate="animate__fadeIn">
|
|
<div class="product-title">
|
|
<h2 class="font-24">Glow boost face cream</h2>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-15" data-animate="animate__fadeIn">
|
|
<div class="product-ratting">
|
|
<a href="#reviews" class="pro-review">
|
|
<span class="review-ratting">
|
|
<span class="review-star icon-16">
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-line"></i>
|
|
</span>
|
|
<span class="review-total"><span class="review-average">4.0</span> / 5.0 & <span class="review-caption heading-weight">2 Ratings</span></span>
|
|
</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-10" data-animate="animate__fadeIn">
|
|
<div class="product-view">
|
|
<span class="heading-color heading-weight"><i class="ri-eye-line icon-16 mer-4 fw-normal blinking"></i>You're not alone - <span class="product-live-visitor primary-color"></span> others are browsing this item</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-15" data-animate="animate__fadeIn">
|
|
<div class="product-price">
|
|
<div class="pro-price-box">
|
|
<span class="new-price secondary-color font-24 heading-weight">$79.00</span>
|
|
<span class="old-price font-24 heading-weight">
|
|
<span class="text-uppercase">M.r.p</span>
|
|
<span class="text-decoration-line-through">$89.00</span>
|
|
</span>
|
|
<span class="discount-price text-danger font-24 heading-weight">11% off</span>
|
|
</div>
|
|
<div class="font-12 mst-2">Inclusive of all taxes. <a href="shipping-policy.html" class="body-secondary-color text-decoration-underline">Shipping</a> calculated at checkout.</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-15" data-animate="animate__fadeIn">
|
|
<div class="product-availability">
|
|
<span class="d-inline-block text-success"><span class="heading-color heading-weight">Availability:</span> In stock</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-10" data-animate="animate__fadeIn">
|
|
<div class="product-stock">
|
|
<span class="d-inline-block stock-fill">Selling quickly - <span class="text-success"><span class="available-stock">66</span> items left</span></span>
|
|
<div class="product-stock-bar product-stock-fill mst-6 br-hidden"></div>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-10" data-animate="animate__fadeIn">
|
|
<div class="product-sold">
|
|
<span class="text-danger heading-weight"><i class="ri-fire-line icon-16 mer-4 fw-normal blinking"></i>Just <span class="product-sold-count"></span> sold in the last <span class="product-hours-count"></span> hours</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-10" data-animate="animate__fadeIn">
|
|
<div class="product-timer">
|
|
<div class="product-timer-countdown">
|
|
<span class="heading-color heading-weight"><i class="ri-timer-line text-danger icon-16 mer-4 fw-normal"></i>Hurry! Discounts disappearing fast -
|
|
<span class="countdown" data-time="2027/12/31 00:00:00">
|
|
<span class="text-danger"><span class="day"></span>D</span>
|
|
<span class="text-danger"><span class="hrs"></span>H</span>
|
|
<span class="text-danger"><span class="min"></span>M</span>
|
|
<span class="text-danger"><span class="sec"></span>S</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-25" data-animate="animate__fadeIn">
|
|
<div class="product-border bst"></div>
|
|
</div>
|
|
<div class="product-info mst-20" data-animate="animate__fadeIn">
|
|
<div class="product-desc">
|
|
<p>Glow Boost Face Cream hydrates, brightens, and refreshes dull skin with a lightweight, vitamin-rich formula designed for daily use.</p>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-15" data-animate="animate__fadeIn">
|
|
<div class="product-offer">
|
|
<div class="heading-color d-flex justify-content-between">
|
|
<span><i class="ri-discount-percent-line icon-16 mer-4"></i>Available offers</span>
|
|
<a href="#offers-modal" data-bs-toggle="modal" class="text-end heading-weight text-decoration-underline">View all</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-25" data-animate="animate__fadeIn">
|
|
<div class="product-border bst"></div>
|
|
</div>
|
|
<div class="product-info mst-25" data-animate="animate__fadeIn">
|
|
<div class="product-offer">
|
|
<div class="heading-color d-flex justify-content-between">
|
|
<span><i class="ri-question-mark icon-16 mer-4"></i>Looking for more</span>
|
|
<a href="#question-modal" data-bs-toggle="modal" class="text-end heading-weight text-decoration-underline">Ask a question</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-20" data-animate="animate__fadeIn">
|
|
<div class="product-variant">
|
|
<div class="product-variant-option">
|
|
<span class="d-inline-block meb-11"><span class="heading-color heading-weight">Size:</span> 50ml<a href="#size-modal" data-bs-toggle="modal" class="msl-15 msl-md-30"><i class="ri-pencil-ruler-line icon-16 mer-4"></i><span class="text-decoration-underline heading-weight">Size guide</span></a></span>
|
|
<div class="product-option-block size">
|
|
<select id="product-glow-boost-face-cream-size" name="product-glow-boost-face-cream-size" class="w-100">
|
|
<option value="50ml" selected>50ml</option>
|
|
<option value="100ml">100ml</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
<div class="product-variant-option mst-15">
|
|
<span class="d-inline-block heading-color meb-11 heading-weight"><span class="">Color:</span> Aliceblue</span>
|
|
<div class="product-option-block color">
|
|
<select id="product-glow-boost-face-cream-color" name="product-glow-boost-face-cream-color" class="w-100">
|
|
<option value="aliceblue" selected>Aliceblue</option>
|
|
<option value="antiquewhite">Antiquewhite</option>
|
|
<option value="azure">Azure</option>
|
|
</select>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-20" data-animate="animate__fadeIn">
|
|
<div class="product-pincode">
|
|
<span class="d-inline-block meb-11"><span class="heading-color heading-weight">Delivery options</span></span>
|
|
<div class="product-pincode-option">
|
|
<form method="get" action="javascript:void(0)" class="search-form">
|
|
<div class="search-bar">
|
|
<div class="form-search">
|
|
<div class="product-pincode-section d-flex">
|
|
<input type="text" id="product-pincode-input" name="product-pincode-input" class="w-100" placeholder="Enter your pincode" autocomplete="postal-code">
|
|
<button type="submit" class="btn-style tertiary-btn text-nowrap" id="product-pincode-checkbtn">Check</button>
|
|
</div>
|
|
<div class="font-12 mst-8">(e.g, 560001, 90210, SW1A, 10001, 400050)</div>
|
|
<div class="product-pincode-resultavailable d-none mst-10" id="product-pincode-resultavailable">
|
|
<span><span class="text-success">Delivery available at <span class="heading-weight" id="product-pincode-available"></span></span>. Delivery in <span class="heading-color heading-weight">4-6</span> business days. Cash on delivery: <span id="product-pincode-codstatus"></span></span>
|
|
</div>
|
|
<div class="product-pincode-resultunavailable d-none mst-10" id="product-pincode-resultunavailable">
|
|
<span class="text-danger">Delivery not available at <span class="heading-weight" id="product-pincode-unavailable"></span></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-15" data-animate="animate__fadeIn">
|
|
<div class="product-quantity-action">
|
|
<span class="d-inline-block meb-11"><span class="heading-color heading-weight">Quantity:</span></span>
|
|
<div class="product-quantity-wishlist d-flex flex-wrap align-items-center">
|
|
<div class="product-quantity">
|
|
<div class="js-qty-wrapper">
|
|
<div class="js-qty-wrap d-flex body-bg border-full br-hidden">
|
|
<button type="button" class="js-qty-adjust js-qty-adjust-minus body-color icon-16" aria-label="Remove item"><i class="ri-subtract-line d-block lh-1"></i></button>
|
|
<input type="number" name="product-glow-boost-face-cream-50ml-aliceblue" class="js-qty-num p-0 text-center border-0" value="1" min="1">
|
|
<button type="button" class="js-qty-adjust js-qty-adjust-plus body-color icon-16" aria-label="Add item"><i class="ri-add-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-wishlist">
|
|
<a href="javascript:void(0)" class="add-to-wishlist"><i class="ri-heart-line icon-16 mer-4"></i><span class="text-decoration-underline heading-weight">Save to wishlist</span></a>
|
|
</div>
|
|
<div class="product-share">
|
|
<a href="#share-modal" data-bs-toggle="modal"><i class="ri-share-line icon-16 mer-4"></i><span class="text-decoration-underline heading-weight">Share</span></a>
|
|
</div>
|
|
<div class="product-compare">
|
|
<a href="product-comparison.html" class="add-to-compare"><i class="ri-stack-line icon-16 mer-4"></i><span class="text-decoration-underline heading-weight">Compare</span></a>
|
|
</div>
|
|
</div>
|
|
<div class="product-action mst-15">
|
|
<div class="row btn-row15">
|
|
<div class="col-12 col-md-6">
|
|
<button type="submit" class="w-100 btn-style quaternary-btn add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon">Add to cart</span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<a href="checkout.html" class="w-100 btn-style secondary-btn">Buy now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-20" data-animate="animate__fadeIn">
|
|
<div class="product-pickup">
|
|
<p class="heading-color"><i class="ri-shopping-bag-2-line icon-16 mer-4"></i>Choose store <span class="heading-weight">pickup</span> for faster access to your furniture favorites. Select <span class="heading-weight">pickup</span> at checkout and enjoy a smoother, time-saving experience. <a href="#pickup-modal" data-bs-toggle="modal" class="text-decoration-underline heading-weight">learn more</a></p>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-20" data-animate="animate__fadeIn">
|
|
<div class="product-border bst"></div>
|
|
</div>
|
|
<div class="product-info mst-25" data-animate="animate__fadeIn">
|
|
<div class="product-delivery">
|
|
<span class="d-inline-block"><i class="ri-truck-line heading-color icon-16 mer-4"></i><span class="heading-color heading-weight">Reliable shipping:</span> at your door in under 5-7 business days <a href="shipping-policy.html" class="text-decoration-underline heading-weight">view details</a></span>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-10" data-animate="animate__fadeIn">
|
|
<div class="product-return">
|
|
<span class="d-inline-block"><i class="ri-arrow-go-back-line heading-color icon-16 mer-4"></i><span class="heading-color heading-weight">30-day</span> hassle-free <span class="heading-color heading-weight">returns</span> guaranteed <a href="return-policy.html" class="text-decoration-underline heading-weight">view details</a></span>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-10" data-animate="animate__fadeIn">
|
|
<div class="product-checkout">
|
|
<span class="d-inline-block"><i class="ri-git-repository-private-line heading-color icon-16 mer-4"></i>Your personal data stays <span class="heading-color heading-weight">private & protected</span> <a href="privacy-policy.html" class="text-decoration-underline heading-weight">view details</a></span>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-10" data-animate="animate__fadeIn">
|
|
<div class="product-sku">
|
|
<span class="d-inline-block"><i class="ri-qr-code-line heading-color icon-16 mer-4"></i><span class="heading-color heading-weight">SKU:</span> BE-ABC456</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-20" data-animate="animate__fadeIn">
|
|
<div class="product-service d-flex flex-wrap text-center extra-bg border-radius">
|
|
<div class="col-3 ptb-15 plr-5">
|
|
<span class="heading-color icon-16 width-40 height-40 d-inline-flex align-items-center justify-content-center body-bg border-full rounded-circle"><i class="ri-box-3-line d-block lh-1"></i></span>
|
|
<span class="d-block font-14 mst-7">Return & exchange</span>
|
|
</div>
|
|
<div class="col-3 ptb-15 plr-5">
|
|
<span class="heading-color icon-16 width-40 height-40 d-inline-flex align-items-center justify-content-center body-bg border-full rounded-circle"><i class="ri-hand-coin-line d-block lh-1"></i></span>
|
|
<span class="d-block font-14 mst-7">Cash on delivery</span>
|
|
</div>
|
|
<div class="col-3 ptb-15 plr-5">
|
|
<span class="heading-color icon-16 width-40 height-40 d-inline-flex align-items-center justify-content-center body-bg border-full rounded-circle"><i class="ri-truck-line d-block lh-1"></i></span>
|
|
<span class="d-block font-14 mst-7">Free delivery</span>
|
|
</div>
|
|
<div class="col-3 ptb-15 plr-5">
|
|
<span class="heading-color icon-16 width-40 height-40 d-inline-flex align-items-center justify-content-center body-bg border-full rounded-circle"><i class="ri-secure-payment-line d-block lh-1"></i></span>
|
|
<span class="d-block font-14 mst-7">Safe payment</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-info mst-20" data-animate="animate__fadeIn">
|
|
<div class="product-payment">
|
|
<span class="d-inline-block heading-color meb-11 heading-weight">Payment protection guaranteed</span>
|
|
<ul class="payment-ul">
|
|
<li class="payment-li ul-mt5 lh-0">
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-american.png" class="width-40 img-fluid border-radius" alt="paying-american"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-club.png" class="width-40 img-fluid border-radius" alt="paying-club"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-discover.png" class="width-40 img-fluid border-radius" alt="paying-discover"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-maestro.png" class="width-40 img-fluid border-radius" alt="paying-maestro"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-paypal.png" class="width-40 img-fluid border-radius" alt="paying-paypal"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-visa.png" class="width-40 img-fluid border-radius" alt="paying-visa"></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- product-detail-info end -->
|
|
<!-- product-detail-description start -->
|
|
<div class="product-detail-description psl-xxl-20 mst-30" data-animate="animate__fadeIn">
|
|
<div class="product-tab pst-30 bst">
|
|
<h6 class="product-tab-title font-18"><span>Detailed description</span></h6>
|
|
<div class="product-details-desc-info mst-30">
|
|
<div class="p-mtm20">
|
|
<p>Glow Boost Face Cream is a nourishing moisturizer crafted to revive tired, dull complexions. Its lightweight texture absorbs quickly, providing long-lasting hydration without leaving residue. The cream combines vitamins and natural extracts to support skin renewal, reduce dryness, and enhance natural radiance. Perfect for all skin types, it delivers softness, smoothness, and a youthful glow.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- product-detail-description end -->
|
|
<!-- product-detail-how-to-use start -->
|
|
<div class="product-detail-how-to-use psl-xxl-20 mst-30" data-animate="animate__fadeIn">
|
|
<div class="product-tab pst-30 bst">
|
|
<h6 class="product-tab-title font-18"><span>How to use</span></h6>
|
|
<div class="product-how-to-use-info mst-30">
|
|
<ul class="ul-mtm-15">
|
|
<li>Cleanse face thoroughly and pat dry.</li>
|
|
<li>Apply a pea-sized amount evenly across the face and neck.</li>
|
|
<li>Massage gently in circular motions until fully absorbed.</li>
|
|
<li>Use morning and night for best results.</li>
|
|
<li>Follow with sunscreen during the day.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- product-detail-how-to-use end -->
|
|
<!-- product-detail-key-ingredients start -->
|
|
<div class="product-detail-key-ingredients psl-xxl-20 mst-30" data-animate="animate__fadeIn">
|
|
<div class="product-tab pst-30 bst">
|
|
<h6 class="product-tab-title font-18"><span>Key ingredients</span></h6>
|
|
<div class="product-key-ingredients-info mst-30">
|
|
<ul class="ul-mtm-15">
|
|
<li class="col-12"><span class="heading-color heading-weight">Vitamin c:</span> Brightens skin and reduces dullness.</li>
|
|
<li class="col-12"><span class="heading-color heading-weight">Hyaluronic acid:</span> Locks in hydration for 24 hours.</li>
|
|
<li class="col-12"><span class="heading-color heading-weight">Aloe vera extract:</span> Soothes and calms sensitive skin.</li>
|
|
<li class="col-12"><span class="heading-color heading-weight">Shea butter:</span> Provides deep nourishment.</li>
|
|
<li class="col-12"><span class="heading-color heading-weight">Green tea extract:</span> Rich in antioxidants to fight free radicals.</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- product-detail-key-ingredients end -->
|
|
<!-- product-detail-video start -->
|
|
<div class="product-detail-video psl-xxl-20">
|
|
<div class="mst-30" data-animate="animate__fadeIn">
|
|
<div class="product-video">
|
|
<div class="video position-relative">
|
|
<div class="video-loader position-absolute w-100 h-100 z-1">
|
|
<span class="h-100 d-flex justify-content-center"><svg aria-hidden="true" focusable="false" role="presentation" viewBox="0 0 66 66" xmlns="http://www.w3.org/2000/svg"><circle fill="none" stroke="var(--heading-font-color)" stroke-width="1" cx="33" cy="33" r="30"></circle></svg></span>
|
|
</div>
|
|
<div class="video-img banner-img position-relative br-hidden">
|
|
<button type="button" class="video-btn position-absolute top-50 start-50 translate-middle z-1" data-video-id="0Aja_yP93PY" aria-label="Video button"><span class="banner-video-icon heading-color icon-16 width-80 height-80 d-flex align-items-center justify-content-center body-bg rounded-circle"><i class="ri-play-large-fill d-block lh-1"></i></span></button>
|
|
<img src="assets/image/product/video.jpg" class="w-100 img-fluid" alt="video">
|
|
</div>
|
|
<div class="video-frame position-absolute top-0 start-0 w-100 h-100 br-hidden"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- product-detail-video end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- offers-modal start -->
|
|
<div class="offers-modal modal fade" id="offers-modal" data-bs-backdrop="static">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content body-bg border-0 br-hidden">
|
|
<div class="modal-body ptb-30 plr-15 plr-md-30">
|
|
<div class="pickup-modal-header d-flex align-items-center justify-content-between meb-30">
|
|
<h6 class="font-18">Offers for you</h6>
|
|
<button type="button" class="body-secondary-color icon-16" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
|
|
</div>
|
|
<div class="pickup-modal-content">
|
|
<div class="row ul-mt5">
|
|
<div class="col-12">
|
|
<div class="d-flex flex-column justify-content-between ptb-10 plr-15 border-full border-radius">
|
|
<span class="d-block">Get up to <span class="primary-color heading-weight">50% off</span> on selected products! Limited time offer!</span>
|
|
<a href="collection.html" class="heading-color font-14 text-decoration-underline">View details</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="d-flex flex-column justify-content-between ptb-10 plr-15 border-full border-radius">
|
|
<span class="d-block">Buy 2 and get 15% off on all products!, Use code <span class="primary-color heading-weight">"BUY2SAVE"</span></span>
|
|
<a href="collection.html" class="heading-color font-14 text-decoration-underline">View details</a>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<div class="d-flex flex-column justify-content-between ptb-10 plr-15 border-full border-radius">
|
|
<span class="d-block">Get 11% off your first order!, Use code <span class="primary-color heading-weight">"11%OFF"</span></span>
|
|
<a href="collection.html" class="heading-color font-14 text-decoration-underline">View details</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- offers-modal end -->
|
|
<!-- size-modal start -->
|
|
<div class="size-modal modal fade" id="size-modal" data-bs-backdrop="static">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content body-bg border-0 br-hidden">
|
|
<div class="modal-body ptb-30 plr-15 plr-md-30">
|
|
<div class="size-modal-header d-flex align-items-center justify-content-between meb-30">
|
|
<h6 class="font-18">Size guide</h6>
|
|
<button type="button" class="body-secondary-color icon-16" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
|
|
</div>
|
|
<div class="size-modal-content text-center">
|
|
<div class="table-responsive">
|
|
<table class="table w-100">
|
|
<thead>
|
|
<tr>
|
|
<th scope="row" class="heading-color heading-weight text-nowrap border-full">Size</th>
|
|
<th scope="row" class="heading-color heading-weight text-nowrap border-full">Suitable for</th>
|
|
<th scope="row" class="heading-color heading-weight text-nowrap border-full">Duration of use (approx.)</th>
|
|
<th scope="row" class="heading-color heading-weight text-nowrap border-full">Packaging type</th>
|
|
</tr>
|
|
</thead>
|
|
<tbody>
|
|
<tr>
|
|
<td class="text-nowrap border-full">50ml</td>
|
|
<td class="text-nowrap border-full">Travel / Trial use</td>
|
|
<td class="text-nowrap border-full">3 to 4 weeks</td>
|
|
<td class="text-nowrap border-full">Tube</td>
|
|
</tr>
|
|
<tr>
|
|
<td class="text-nowrap border-full">100ml</td>
|
|
<td class="text-nowrap border-full">Regular daily skincare</td>
|
|
<td class="text-nowrap border-full">6 to 8 weeks</td>
|
|
<td class="text-nowrap border-full">Jar</td>
|
|
</tr>
|
|
</tbody>
|
|
</table>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- size-modal end -->
|
|
<!-- question-modal start -->
|
|
<div class="question-modal modal fade" id="question-modal" data-bs-backdrop="static">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content body-bg border-0 br-hidden">
|
|
<div class="modal-body ptb-30 plr-15 plr-md-30">
|
|
<form method="post" action="javascript:void(0)">
|
|
<div class="question-modal-header d-flex align-items-center justify-content-between meb-30">
|
|
<h6 class="font-18">Ask a question?</h6>
|
|
<button type="button" class="body-secondary-color icon-16" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
|
|
</div>
|
|
<div class="question-modal-form">
|
|
<div class="row field-row">
|
|
<div class="col-12 field-col">
|
|
<label for="name" class="field-label">Name</label>
|
|
<input type="text" id="name" name="name" class="w-100" placeholder="Full name" autocomplete="name" required>
|
|
</div>
|
|
<div class="col-12 field-col">
|
|
<label for="email" class="field-label">Email</label>
|
|
<input type="email" id="email" name="email" class="w-100" placeholder="Email" autocomplete="email" required>
|
|
</div>
|
|
<div class="col-12 field-col">
|
|
<label for="phone" class="field-label">Phone number</label>
|
|
<input type="text" id="phone" name="phone" class="w-100" placeholder="Phone number" autocomplete="tel" required>
|
|
</div>
|
|
<div class="col-12 field-col">
|
|
<label for="message" class="field-label">Message</label>
|
|
<textarea rows="5" id="message" name="message" class="w-100" placeholder="Message" autocomplete="off" required></textarea>
|
|
</div>
|
|
</div>
|
|
<div class="question-form-btn mst-20 mst-md-30">
|
|
<button type="submit" class="w-100 btn-style secondary-btn question-form-submit">Submit now</button>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- question-modal end -->
|
|
<!-- share-modal start -->
|
|
<div class="share-modal modal fade" id="share-modal" data-bs-backdrop="static">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content body-bg border-0 br-hidden">
|
|
<div class="modal-body ptb-30 plr-15 plr-md-30">
|
|
<div class="share-modal-header d-flex align-items-center justify-content-between meb-30">
|
|
<h6 class="font-18">Share</h6>
|
|
<button type="button" class="body-secondary-color icon-16" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
|
|
</div>
|
|
<div class="share-modal-content">
|
|
<div class="product-link d-md-flex">
|
|
<input type="text" id="copy-link" class="copy-url width-100 text-center text-md-start" readonly>
|
|
<button type="button" class="copy-btn width-100 width-md-auto btn-style secondary-btn mst-15 mst-md-0 text-nowrap">Copy</button>
|
|
</div>
|
|
<div class="product-social mst-15">
|
|
<ul class="social-ul ul-mt10">
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="dribbble icon-16" aria-label="Social link"><i class="ri-dribbble-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="facebook icon-16" aria-label="Social link"><i class="ri-facebook-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="instagram icon-16" aria-label="Social link"><i class="ri-instagram-fill d-block instagram lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="linkedin icon-16" aria-label="Social link"><i class="ri-linkedin-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="pinterest icon-16" aria-label="Social link"><i class="ri-pinterest-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="twitter icon-16" aria-label="Social link"><i class="ri-twitter-x-fill d-block lh-1"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- share-modal end -->
|
|
<!-- pickup-modal start -->
|
|
<div class="pickup-modal modal fade" id="pickup-modal" data-bs-backdrop="static">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content body-bg border-0 br-hidden">
|
|
<div class="modal-body ptb-30 plr-15 plr-md-30">
|
|
<div class="pickup-modal-header d-flex align-items-center justify-content-between meb-30">
|
|
<h6 class="font-18">Skip the wait - Pickup instantly!</h6>
|
|
<button type="button" class="body-secondary-color icon-16" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
|
|
</div>
|
|
<div class="row row-mtm pickup-modal-content">
|
|
<div class="col-12">
|
|
<span class="d-block heading-color meb-22 heading-weight">👉 Why choose pickup?</span>
|
|
<div class="ul-mtm-15">
|
|
<span><span class="heading-color heading-weight">Speedy service</span> skip the wait and grab your items on the same day.</span>
|
|
<span><span class="heading-color heading-weight">No shipping fees</span> save money by picking up your order in-store.</span>
|
|
<span><span class="heading-color heading-weight">Flexible pickup times</span> choose a time that suits your schedule.</span>
|
|
<span><span class="heading-color heading-weight">Expert assistance</span> our friendly staff are on hand to help with any queries.</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<span class="d-block heading-color meb-22 heading-weight">👉 How it works?</span>
|
|
<div class="ul-mtm-15">
|
|
<span><span class="heading-color heading-weight">Select pickup</span> during checkout, choose the pickup option.</span>
|
|
<span><span class="heading-color heading-weight">Receive confirmation</span> you'll receive an email confirmation once your order is ready for pickup.</span>
|
|
<span><span class="heading-color heading-weight">Visit the store</span> head to your chosen store location at your convenience.</span>
|
|
<span><span class="heading-color heading-weight">Collect your order</span> present your confirmation email at the pickup point, and our team will hand over your items.</span>
|
|
</div>
|
|
</div>
|
|
<div class="col-12">
|
|
<span class="d-block heading-color meb-22 heading-weight">👉 Frequently asked questions?</span>
|
|
<ul class="ul-mt15">
|
|
<li class="d-block">
|
|
<div class="ul-mtm-15">
|
|
<span class="heading-color heading-weight">Is pickup available for all items?</span>
|
|
<span>Pickup is available for most items. If an item is eligible, you'll see the pickup option during checkout.</span>
|
|
</div>
|
|
</li>
|
|
<li class="d-block">
|
|
<div class="ul-mtm-15">
|
|
<span class="heading-color heading-weight">When will my order be ready for pickup?</span>
|
|
<span>Orders are typically ready for pickup within a few hours. You'll receive an email notification once your order is ready.</span>
|
|
</div>
|
|
</li>
|
|
<li class="d-block">
|
|
<div class="ul-mtm-15">
|
|
<span class="heading-color heading-weight">Can someone else pick up my order for me?</span>
|
|
<span>Yes, you can authorize someone else to pick up your order. Simply forward them the confirmation email, and they can collect the items on your behalf.</span>
|
|
</div>
|
|
</li>
|
|
<li class="d-block">
|
|
<div class="ul-mtm-15">
|
|
<span class="heading-color heading-weight">Is there a cutoff time for same-day pickup?</span>
|
|
<span>Yes, orders placed before [insert cutoff time] are usually available for same-day pickup. Orders placed after this time will be ready the following day.</span>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- pickup-modal end -->
|
|
</section>
|
|
<!-- product-detail end -->
|
|
<!-- product-detail-review start -->
|
|
<section class="product-detail-review section-pt" id="reviews">
|
|
<div class="container">
|
|
<div class="section-capture text-center">
|
|
<div class="section-title" data-animate="animate__fadeIn">
|
|
<h2 class="section-heading">Rating & Reviews</h2>
|
|
</div>
|
|
</div>
|
|
<div class="product-review" data-animate="animate__fadeIn">
|
|
<form method="post" action="javascript:void(0)">
|
|
<div class="row row-mtm">
|
|
<div class="product-review-info">
|
|
<div class="row row-mtm">
|
|
<div class="col-12 col-md-4 col-xl-3">
|
|
<div class="product-review-rating"><span class="heading-color fs-3" data-id>0</span>/<span data-score="5">0</span></div>
|
|
<div class="product-star">
|
|
<div class="product-ratting">
|
|
<span class="review-ratting">
|
|
<span class="review-star icon-16">
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-review-text mst-11">Based on <span data-base>0</span> reviews</div>
|
|
<div class="d-none d-md-block d-xl-none mst-30">
|
|
<button type="button" class="w-100 btn-style secondary-btn write-review-btn">Write a review</button>
|
|
<button type="button" class="d-none w-100 btn-style secondary-btn close-review-btn">Close review</button>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-8 col-xl-6">
|
|
<div class="row row-mtm15">
|
|
<div class="product-review-count d-flex align-items-center">
|
|
<span class="product-review-stars d-flex align-items-center justify-content-md-end lh-1">5<span class="review-color msl-5"><i class="ri-star-fill d-block lh-1"></i></span></span>
|
|
<span class="product-review-progress mlr-10">
|
|
<span class="product-review-progress-width position-absolute top-0 bottom-0 start-0 secondary-bg"></span>
|
|
</span>
|
|
<span class="product-review-number lh-1" data-number="1"></span>
|
|
</div>
|
|
<div class="product-review-count d-flex align-items-center">
|
|
<span class="product-review-stars d-flex align-items-center justify-content-md-end lh-1">4<span class="review-color msl-5"><i class="ri-star-fill d-block lh-1"></i></span></span>
|
|
<span class="product-review-progress mlr-10">
|
|
<span class="product-review-progress-width position-absolute top-0 bottom-0 start-0 secondary-bg"></span>
|
|
</span>
|
|
<span class="product-review-number lh-1" data-number="0"></span>
|
|
</div>
|
|
<div class="product-review-count d-flex align-items-center">
|
|
<span class="product-review-stars d-flex align-items-center justify-content-md-end lh-1">3<span class="review-color msl-5"><i class="ri-star-fill d-block lh-1"></i></span></span>
|
|
<span class="product-review-progress mlr-10">
|
|
<span class="product-review-progress-width position-absolute top-0 bottom-0 start-0 secondary-bg"></span>
|
|
</span>
|
|
<span class="product-review-number lh-1" data-number="1"></span>
|
|
</div>
|
|
<div class="product-review-count d-flex align-items-center">
|
|
<span class="product-review-stars d-flex align-items-center justify-content-md-end lh-1">2<span class="review-color msl-5"><i class="ri-star-fill d-block lh-1"></i></span></span>
|
|
<span class="product-review-progress mlr-10">
|
|
<span class="product-review-progress-width position-absolute top-0 bottom-0 start-0 secondary-bg"></span>
|
|
</span>
|
|
<span class="product-review-number lh-1" data-number="0"></span>
|
|
</div>
|
|
<div class="product-review-count d-flex align-items-center">
|
|
<span class="product-review-stars d-flex align-items-center justify-content-md-end lh-1">1<span class="review-color msl-5"><i class="ri-star-fill d-block lh-1"></i></span></span>
|
|
<span class="product-review-progress mlr-10">
|
|
<span class="product-review-progress-width position-absolute top-0 bottom-0 start-0 secondary-bg"></span>
|
|
</span>
|
|
<span class="product-review-number lh-1" data-number="0"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-lg-4 col-xl-3 d-md-none d-xl-block text-lg-end">
|
|
<button type="button" class="width-100 width-lg-auto btn-style secondary-btn write-review-btn">Write a review</button>
|
|
<button type="button" class="d-none width-100 width-lg-auto btn-style secondary-btn close-review-btn">Close review</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-review-form d-none">
|
|
<div class="row field-row">
|
|
<div class="col-12 col-md-6 field-col">
|
|
<label for="review-name" class="field-label">Name</label>
|
|
<input type="text" id="review-name" name="review-name" class="w-100" placeholder="Demo name" autocomplete="name" required>
|
|
</div>
|
|
<div class="col-12 col-md-6 field-col">
|
|
<label for="review-email" class="field-label">Email</label>
|
|
<input type="email" id="review-email" name="review-email" class="w-100" placeholder="Email address" autocomplete="email" required>
|
|
</div>
|
|
<div class="col-12 field-col">
|
|
<label class="field-label">Rating</label>
|
|
<div class="product-review-ratting">
|
|
<div class="product-ratting">
|
|
<span class="review-ratting">
|
|
<span class="review-star icon-16">
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 field-col">
|
|
<label for="review-title" class="field-label">Review title</label>
|
|
<input type="text" id="review-title" name="review-title" class="w-100" placeholder="Review title" autocomplete="off" required>
|
|
</div>
|
|
<div class="col-12 field-col">
|
|
<label for="review-message" class="field-label">Review message</label>
|
|
<textarea rows="10" id="review-message" name="review-message" class="w-100" placeholder="Review message" autocomplete="off" required></textarea>
|
|
</div>
|
|
<div class="col-12 field-col">
|
|
<label class="field-label">Upload attachment</label>
|
|
<div class="field-attachment ptb-30 plr-15 plr-md-30 text-center">
|
|
<div class="review-attachment-upload d-flex flex-column align-items-center">
|
|
<label for="review-img" class="review-attachment-file-upload primary-link text-decoration-underline">Upload here</label>
|
|
<div class="review-attachment-count d-none mst-6 meb-16">0 attachments</div>
|
|
<input type="file" id="review-img" name="review-img" class="w-100 review-attachment-file" multiple hidden>
|
|
<div class="field-attached">
|
|
<ul class="ul-mt15 review-attachment-uploaded"></ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-review-button mst-15 mst-md-30">
|
|
<div class="row btn-row">
|
|
<div class="col-12 col-md-6 col-xxl-3">
|
|
<button type="submit" class="w-100 btn-style quaternary-btn review-submit">Submit review</button>
|
|
</div>
|
|
<div class="col-12 col-md-6 col-xxl-3">
|
|
<button type="button" class="w-100 btn-style secondary-btn review-cancel">Cancel review</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-review-comment">
|
|
<div class="row row-mtm product-review-comment-row">
|
|
<div class="product-review-detail">
|
|
<div class="row">
|
|
<div class="col-12 col-md-4 col-xl-3">
|
|
<div class="product-reviewer-info d-flex flex-wrap">
|
|
<span class="width-48 height-48 primary-color icon-16 d-flex align-items-center justify-content-center overflow-hidden rounded-circle"><i class="ri-user-line d-block lh-1"></i></span>
|
|
<div class="width-calc-48 d-flex flex-column justify-content-center psl-15">
|
|
<div class="product-reviewer-name heading-color heading-weight">Noah james</div>
|
|
<div class="product-reviewer-date mst-6">Reviwed on Oct 30, 2021</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-8 col-xl-9">
|
|
<div class="product-review-love mst-15 mst-md-0">
|
|
<div class="product-ratting">
|
|
<span class="review-ratting">
|
|
<span class="review-star icon-16">
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-reviewer-subject heading-color heading-weight mst-11">Very good</div>
|
|
<p class="product-reviewer-review mst-4">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
|
|
<div class="product-reviewer-attachment mst-8">
|
|
<ul class="ul-mt5">
|
|
<li><img src="assets/image/product/review-product1.jpg" class="width-56 img-fluid ptb-4 plr-4 body-bg border-full br-hidden" alt="review-product1"></li>
|
|
<li><img src="assets/image/product/review-product2.jpg" class="width-56 img-fluid ptb-4 plr-4 body-bg border-full br-hidden" alt="review-product2"></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-review-detail">
|
|
<div class="row">
|
|
<div class="col-12 col-md-4 col-xl-3">
|
|
<div class="product-reviewer-info d-flex flex-wrap">
|
|
<span class="width-48 height-48 primary-color icon-16 d-flex align-items-center justify-content-center overflow-hidden rounded-circle"><i class="ri-user-line d-block lh-1"></i></span>
|
|
<div class="width-calc-48 d-flex flex-column justify-content-center psl-15">
|
|
<div class="product-reviewer-name heading-color heading-weight">Carla houston</div>
|
|
<div class="product-reviewer-date mst-6">Reviwed on Oct 30, 2021</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-8 col-xl-9">
|
|
<div class="product-review-love mst-15 mst-md-0">
|
|
<div class="product-ratting">
|
|
<span class="review-ratting">
|
|
<span class="review-star icon-16">
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-reviewer-subject heading-color heading-weight mst-11">Good</div>
|
|
<p class="product-reviewer-review mst-4">There are many variations of passages of Lorem Ipsum available, but the majority have suffered alteration in some form, by injected humour, or randomised words which don't look even slightly believable. If you are going to use a passage of Lorem Ipsum, you need to be sure there isn't anything embarrassing hidden in the middle of text. All the Lorem Ipsum generators on the Internet tend to repeat predefined chunks as necessary, making this the first true generator on the Internet.</p>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- product-detail-review end -->
|
|
<!-- related-product start -->
|
|
<section class="related-area section-ptb">
|
|
<div class="container">
|
|
<div class="collection-category">
|
|
<div class="section-capture text-center" data-animate="animate__fadeIn">
|
|
<div class="section-title">
|
|
<h2 class="section-heading">Related product</h2>
|
|
</div>
|
|
</div>
|
|
<div class="collection-wrap">
|
|
<div class="related-slider swiper" id="related-slider">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide" data-animate="animate__fadeIn">
|
|
<div class="single-product">
|
|
<div class="row single-product-wrap">
|
|
<div class="product-image-col">
|
|
<div class="product-image">
|
|
<a href="product.html" class="pro-img">
|
|
<img src="assets/image/product/p-1.jpg" class="w-100 img-fluid img1" alt="p-1">
|
|
<img src="assets/image/product/p-2.jpg" class="w-100 img-fluid img2" alt="p-2">
|
|
</a>
|
|
<div class="product-action-wrap">
|
|
<div class="product-action">
|
|
<a href="javascript:void(0)" class="add-to-wishlist">
|
|
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">wishlist</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
<span class="tooltip-text">add to cart</span>
|
|
</a>
|
|
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
|
|
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">quickview</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-content">
|
|
<div class="pro-content">
|
|
<div class="product-title">
|
|
<span class="d-block"><a href="product.html" class="primary-link">Glow boost face cream</a></span>
|
|
</div>
|
|
<div class="product-ratting">
|
|
<span class="review-ratting">
|
|
<span class="review-star">
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-line"></i>
|
|
</span>
|
|
<span class="review-average">4.0<span class="review-caption">2.0</span></span>
|
|
</span>
|
|
</div>
|
|
<div class="product-price">
|
|
<div class="price-box heading-weight">
|
|
<span class="new-price secondary-color">$79.00</span>
|
|
<span class="old-price text-decoration-line-through">$89.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-variant">
|
|
<ul class="ul-mt5 color">
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="pro-glow-boost-face-cream-color" class="cust-checkbox" value="aliceblue" checked>
|
|
<span class="d-block cust-check aliceblue"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label disabled">
|
|
<input type="radio" name="pro-glow-boost-face-cream-color" class="cust-checkbox" value="antiquewhite">
|
|
<span class="d-block cust-check antiquewhite"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="pro-glow-boost-face-cream-color" class="cust-checkbox" value="azure">
|
|
<span class="d-block cust-check azure"></span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="product-description">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
|
|
</div>
|
|
<div class="product-action-wrap">
|
|
<div class="product-action">
|
|
<a href="javascript:void(0)" class="add-to-wishlist">
|
|
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">wishlist</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
<span class="tooltip-text">add to cart</span>
|
|
</a>
|
|
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
|
|
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">quickview</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide" data-animate="animate__fadeIn">
|
|
<div class="single-product">
|
|
<div class="row single-product-wrap">
|
|
<div class="product-image-col">
|
|
<div class="product-image">
|
|
<a href="product.html" class="pro-img">
|
|
<img src="assets/image/product/p-3.jpg" class="w-100 img-fluid img1" alt="p-3">
|
|
<img src="assets/image/product/p-4.jpg" class="w-100 img-fluid img2" alt="p-4">
|
|
<span class="product-label product-label-new product-label-left">New</span>
|
|
</a>
|
|
<div class="product-action-wrap">
|
|
<div class="product-action">
|
|
<a href="javascript:void(0)" class="add-to-wishlist">
|
|
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">wishlist</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
<span class="tooltip-text">add to cart</span>
|
|
</a>
|
|
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
|
|
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">quickview</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-content">
|
|
<div class="pro-content">
|
|
<div class="product-title">
|
|
<span class="d-block"><a href="product.html" class="primary-link">Velvet kiss lipstick set</a></span>
|
|
</div>
|
|
<div class="product-ratting">
|
|
<span class="review-ratting">
|
|
<span class="review-star">
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
</span>
|
|
<span class="review-average">0.0<span class="review-caption">0</span></span>
|
|
</span>
|
|
</div>
|
|
<div class="product-price">
|
|
<div class="price-box heading-weight">
|
|
<span class="new-price secondary-color">$49.00</span>
|
|
<span class="old-price text-decoration-line-through">$59.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-variant">
|
|
<ul class="ul-mt5 color">
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="pro-velvet-kiss-lipstick-set-color" class="cust-checkbox" value="beige" checked>
|
|
<span class="d-block cust-check beige"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label disabled">
|
|
<input type="radio" name="pro-velvet-kiss-lipstick-set-color" class="cust-checkbox" value="bisque">
|
|
<span class="d-block cust-check bisque"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="pro-velvet-kiss-lipstick-set-color" class="cust-checkbox" value="black">
|
|
<span class="d-block cust-check black"></span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="product-description">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
|
|
</div>
|
|
<div class="product-action-wrap">
|
|
<div class="product-action">
|
|
<a href="javascript:void(0)" class="add-to-wishlist">
|
|
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">wishlist</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
<span class="tooltip-text">add to cart</span>
|
|
</a>
|
|
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
|
|
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">quickview</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide" data-animate="animate__fadeIn">
|
|
<div class="single-product">
|
|
<div class="row single-product-wrap">
|
|
<div class="product-image-col">
|
|
<div class="product-image">
|
|
<a href="product.html" class="pro-img">
|
|
<img src="assets/image/product/p-5.jpg" class="w-100 img-fluid img1" alt="p-5">
|
|
<img src="assets/image/product/p-6.jpg" class="w-100 img-fluid img2" alt="p-6">
|
|
</a>
|
|
<div class="product-action-wrap">
|
|
<div class="product-action">
|
|
<a href="javascript:void(0)" class="add-to-wishlist">
|
|
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">wishlist</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
<span class="tooltip-text">add to cart</span>
|
|
</a>
|
|
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
|
|
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">quickview</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-content">
|
|
<div class="pro-content">
|
|
<div class="product-title">
|
|
<span class="d-block"><a href="product.html" class="primary-link">Herbal shine hair oil</a></span>
|
|
</div>
|
|
<div class="product-ratting">
|
|
<span class="review-ratting">
|
|
<span class="review-star">
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
</span>
|
|
<span class="review-average">0.0<span class="review-caption">0</span></span>
|
|
</span>
|
|
</div>
|
|
<div class="product-price">
|
|
<div class="price-box heading-weight">
|
|
<span class="new-price secondary-color">$69.00</span>
|
|
<span class="old-price text-decoration-line-through">$79.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-variant">
|
|
<ul class="ul-mt5 color">
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="pro-herbal-shine-hair-oil-color" class="cust-checkbox" value="cadetblue" checked>
|
|
<span class="d-block cust-check cadetblue"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label disabled">
|
|
<input type="radio" name="pro-herbal-shine-hair-oil-color" class="cust-checkbox" value="chocolate">
|
|
<span class="d-block cust-check chocolate"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="pro-herbal-shine-hair-oil-color" class="cust-checkbox" value="coral">
|
|
<span class="d-block cust-check coral"></span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="product-description">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
|
|
</div>
|
|
<div class="product-action-wrap">
|
|
<div class="product-action">
|
|
<a href="javascript:void(0)" class="add-to-wishlist">
|
|
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">wishlist</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
<span class="tooltip-text">add to cart</span>
|
|
</a>
|
|
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
|
|
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">quickview</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide" data-animate="animate__fadeIn">
|
|
<div class="single-product">
|
|
<div class="row single-product-wrap">
|
|
<div class="product-image-col">
|
|
<div class="product-image">
|
|
<a href="product.html" class="pro-img">
|
|
<img src="assets/image/product/p-7.jpg" class="w-100 img-fluid img1" alt="p-7">
|
|
<img src="assets/image/product/p-8.jpg" class="w-100 img-fluid img2" alt="p-8">
|
|
<span class="product-label product-label-discount product-label-left">5% Off</span>
|
|
</a>
|
|
<div class="product-action-wrap">
|
|
<div class="product-action">
|
|
<a href="javascript:void(0)" class="add-to-wishlist">
|
|
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">wishlist</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
<span class="tooltip-text">add to cart</span>
|
|
</a>
|
|
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
|
|
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">quickview</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-content">
|
|
<div class="pro-content">
|
|
<div class="product-title">
|
|
<span class="d-block"><a href="product.html" class="primary-link">Smooth touch wax strips</a></span>
|
|
</div>
|
|
<div class="product-ratting">
|
|
<span class="review-ratting">
|
|
<span class="review-star">
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
</span>
|
|
<span class="review-average">0.0<span class="review-caption">0</span></span>
|
|
</span>
|
|
</div>
|
|
<div class="product-price">
|
|
<div class="price-box heading-weight">
|
|
<span class="new-price secondary-color">$49.00</span>
|
|
<span class="old-price text-decoration-line-through">$54.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-variant">
|
|
<ul class="ul-mt5 color">
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="pro-smooth-touch-wax-strips-color" class="cust-checkbox" value="darkcyan" checked>
|
|
<span class="d-block cust-check darkcyan"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label disabled">
|
|
<input type="radio" name="pro-smooth-touch-wax-strips-color" class="cust-checkbox" value="darkgoldenrod">
|
|
<span class="d-block cust-check darkgoldenrod"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="pro-smooth-touch-wax-strips-color" class="cust-checkbox" value="darkgray">
|
|
<span class="d-block cust-check darkgray"></span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="product-description">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
|
|
</div>
|
|
<div class="product-action-wrap">
|
|
<div class="product-action">
|
|
<a href="javascript:void(0)" class="add-to-wishlist">
|
|
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">wishlist</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
<span class="tooltip-text">add to cart</span>
|
|
</a>
|
|
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
|
|
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">quickview</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide" data-animate="animate__fadeIn">
|
|
<div class="single-product">
|
|
<div class="row single-product-wrap">
|
|
<div class="product-image-col">
|
|
<div class="product-image">
|
|
<a href="product.html" class="pro-img">
|
|
<img src="assets/image/product/p-9.jpg" class="w-100 img-fluid img1" alt="p-9">
|
|
<img src="assets/image/product/p-10.jpg" class="w-100 img-fluid img2" alt="p-10">
|
|
</a>
|
|
<div class="product-action-wrap">
|
|
<div class="product-action">
|
|
<a href="javascript:void(0)" class="add-to-wishlist">
|
|
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">wishlist</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
<span class="tooltip-text">add to cart</span>
|
|
</a>
|
|
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
|
|
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">quickview</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-content">
|
|
<div class="pro-content">
|
|
<div class="product-title">
|
|
<span class="d-block"><a href="product.html" class="primary-link">Mystic bloom perfume mist</a></span>
|
|
</div>
|
|
<div class="product-ratting">
|
|
<span class="review-ratting">
|
|
<span class="review-star">
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
</span>
|
|
<span class="review-average">0.0<span class="review-caption">0</span></span>
|
|
</span>
|
|
</div>
|
|
<div class="product-price">
|
|
<div class="price-box heading-weight">
|
|
<span class="new-price secondary-color">$89.00</span>
|
|
<span class="old-price text-decoration-line-through">$99.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-variant">
|
|
<ul class="ul-mt5 color">
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="pro-mystic-bloom-perfume-mist-color" class="cust-checkbox" value="floralwhite" checked>
|
|
<span class="d-block cust-check floralwhite"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label disabled">
|
|
<input type="radio" name="pro-mystic-bloom-perfume-mist-color" class="cust-checkbox" value="gainsboro">
|
|
<span class="d-block cust-check gainsboro"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="pro-mystic-bloom-perfume-mist-color" class="cust-checkbox" value="ghostwhite">
|
|
<span class="d-block cust-check ghostwhite"></span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="product-description">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
|
|
</div>
|
|
<div class="product-action-wrap">
|
|
<div class="product-action">
|
|
<a href="javascript:void(0)" class="add-to-wishlist">
|
|
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">wishlist</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
<span class="tooltip-text">add to cart</span>
|
|
</a>
|
|
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
|
|
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">quickview</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide" data-animate="animate__fadeIn">
|
|
<div class="single-product">
|
|
<div class="row single-product-wrap">
|
|
<div class="product-image-col">
|
|
<div class="product-image">
|
|
<a href="product.html" class="pro-img">
|
|
<img src="assets/image/product/p-11.jpg" class="w-100 img-fluid img1" alt="p-11">
|
|
<img src="assets/image/product/p-12.jpg" class="w-100 img-fluid img2" alt="p-12">
|
|
<span class="product-label product-label-sale product-label-left">Sale</span>
|
|
</a>
|
|
<div class="product-action-wrap">
|
|
<div class="product-action">
|
|
<a href="javascript:void(0)" class="add-to-wishlist">
|
|
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">wishlist</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
<span class="tooltip-text">add to cart</span>
|
|
</a>
|
|
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
|
|
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">quickview</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-content">
|
|
<div class="pro-content">
|
|
<div class="product-title">
|
|
<span class="d-block"><a href="product.html" class="primary-link">Glossy nails polish pack</a></span>
|
|
</div>
|
|
<div class="product-ratting">
|
|
<span class="review-ratting">
|
|
<span class="review-star">
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
<i class="ri-star-line"></i>
|
|
</span>
|
|
<span class="review-average">0.0<span class="review-caption">0</span></span>
|
|
</span>
|
|
</div>
|
|
<div class="product-price">
|
|
<div class="price-box heading-weight">
|
|
<span class="new-price secondary-color">$79.00</span>
|
|
<span class="old-price text-decoration-line-through">$84.00</span>
|
|
</div>
|
|
</div>
|
|
<div class="product-variant">
|
|
<ul class="ul-mt5 color">
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="pro-glossy-nails-polish-pack-color" class="cust-checkbox" value="gold" checked>
|
|
<span class="d-block cust-check gold"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label disabled">
|
|
<input type="radio" name="pro-glossy-nails-polish-pack-color" class="cust-checkbox" value="honeydew">
|
|
<span class="d-block cust-check honeydew"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="pro-glossy-nails-polish-pack-color" class="cust-checkbox" value="hotpink">
|
|
<span class="d-block cust-check hotpink"></span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="product-description">
|
|
<p>Lorem Ipsum is simply dummy text of the printing and typesetting industry It is a long established fact that a will be distracted by the readable of at</p>
|
|
</div>
|
|
<div class="product-action-wrap">
|
|
<div class="product-action">
|
|
<a href="javascript:void(0)" class="add-to-wishlist">
|
|
<span class="product-icon"><i class="ri-heart-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">wishlist</span>
|
|
</a>
|
|
<a href="javascript:void(0)" class="add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
<span class="tooltip-text">add to cart</span>
|
|
</a>
|
|
<a href="#quickview-modal" data-bs-toggle="modal" class="quick-view">
|
|
<span class="product-icon"><i class="ri-eye-line d-block icon-16 lh-1"></i></span>
|
|
<span class="tooltip-text">quickview</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-buttons">
|
|
<div class="swiper-buttons-wrap">
|
|
<button type="button" class="swiper-prev swiper-prev-related" aria-label="Arrow previous"><i class="ri-arrow-left-line d-block lh-1"></i></button>
|
|
<button type="button" class="swiper-next swiper-next-related" aria-label="Arrow next"><i class="ri-arrow-right-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-dots" data-animate="animate__fadeIn">
|
|
<div class="swiper-pagination swiper-pagination-related"></div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</section>
|
|
<!-- related-product end -->
|
|
</main>
|
|
<!-- main end -->
|
|
<!-- footer start -->
|
|
<footer id="footer">
|
|
<!-- footer-brand-logo start -->
|
|
<div class="brand-logo section-pt bst">
|
|
<div class="container">
|
|
<div class="brand-slider swiper" id="brand-slider">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide plr-5 plr-md-15">
|
|
<div class="brand-content text-center">
|
|
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo1.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo1"></span>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide plr-5 plr-md-15">
|
|
<div class="brand-content text-center">
|
|
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo2.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo2"></span>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide plr-5 plr-md-15">
|
|
<div class="brand-content text-center">
|
|
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo3.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo3"></span>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide plr-5 plr-md-15">
|
|
<div class="brand-content text-center">
|
|
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo4.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo4"></span>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide plr-5 plr-md-15">
|
|
<div class="brand-content text-center">
|
|
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo5.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo5"></span>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide plr-5 plr-md-15">
|
|
<div class="brand-content text-center">
|
|
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo6.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo6"></span>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide plr-5 plr-md-15">
|
|
<div class="brand-content text-center">
|
|
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo7.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo7"></span>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide plr-5 plr-md-15">
|
|
<div class="brand-content text-center">
|
|
<span class="d-inline-block brand-img"><img src="assets/image/brand-logo/brand-logo8.png" class="width-120 width-xl-144 img-fluid" alt="brand-logo8"></span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer-brand-logo end -->
|
|
<!-- footer-news start -->
|
|
<div class="footer-news section-pt">
|
|
<div class="container">
|
|
<div class="ptb-30 ptb-xl-50 plr-15 plr-md-30 primary-bg border-radius">
|
|
<div class="row">
|
|
<div class="col-12 col-lg-10 col-xl-10 mx-lg-auto text-center">
|
|
<h2 class="section-heading text-white">Subscribe to newsletter</h2>
|
|
<p class="extra-color col-lg-7 col-xl-6 col-xxl-5 mx-lg-auto mst-1 mst-xl-3">Sign up here to get 20% off on your next purchase, special offers and other discount information</p>
|
|
<form method="post" class="news-form mst-23">
|
|
<div class="news-wrap">
|
|
<div class="row">
|
|
<div class="col-12 col-lg-9">
|
|
<input type="email" id="newsletter-email" name="newsletter-email" class="w-100 bg-transparent text-center text-lg-start" placeholder="Enter your email" required>
|
|
</div>
|
|
<div class="col-12 col-lg-3">
|
|
<button type="submit" class="news-btn w-100 btn-style quinary-btn mst-15 mst-lg-0">Subscribe</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer-news end -->
|
|
<!-- footer-top start -->
|
|
<div class="footer-area section-pt">
|
|
<div class="section-ptb extra-bg bg-img" data-bgimg="assets/image/index/footer-bgimg.png">
|
|
<div class="container">
|
|
<div class="footer-desktop d-none d-xl-block">
|
|
<div class="row">
|
|
<div class="col-2">
|
|
<h6 class="font-18">Information</h6>
|
|
<div class="ft-link">
|
|
<ul class="ftlink-ul ul-ft pst-21">
|
|
<li class="ftlink-li">
|
|
<a href="about-us.html" class="d-inline-block body-primary-color">About us</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="contact-us.html" class="d-inline-block body-primary-color">Contact us</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="faqs.html" class="d-inline-block body-primary-color">Faqs</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="blog.html" class="d-inline-block body-primary-color">News</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="store.html" class="d-inline-block body-primary-color">Store</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<h6 class="font-18">Quick link</h6>
|
|
<div class="ft-link">
|
|
<ul class="ftlink-ul ul-ft pst-21">
|
|
<li class="ftlink-li">
|
|
<a href="404.html" class="d-inline-block body-primary-color">404</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="coming-soon.html" class="d-inline-block body-primary-color">Comingsoon</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="cookie.html" class="d-inline-block body-primary-color">Cookie</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="legal.html" class="d-inline-block body-primary-color">Legal</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="sitemap.html" class="d-inline-block body-primary-color">Sitemap</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-4">
|
|
<div class="footer-info text-center">
|
|
<div class="footer-theme-logo">
|
|
<a href="index.html" class="d-inline-block theme-logo">
|
|
<img src="assets/image/index/logo.png" class="width-96 width-xl-112 img-fluid" alt="logo">
|
|
</a>
|
|
</div>
|
|
<div class="footer-company-detail mst-23">
|
|
<p class="col-xl-10 col-xxl-9 mx-xl-auto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt magna aliqua.</p>
|
|
</div>
|
|
<div class="footer-social mst-23">
|
|
<ul class="social-ul ul-mt10 justify-content-center">
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-facebook-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-twitter-x-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-instagram-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-pinterest-fill d-block lh-1"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<h6 class="font-18">Help</h6>
|
|
<div class="ft-link">
|
|
<ul class="ftlink-ul ul-ft pst-21">
|
|
<li class="ftlink-li">
|
|
<a href="payment-policy.html" class="d-inline-block body-primary-color">Payment policy</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="privacy-policy.html" class="d-inline-block body-primary-color">Privacy policy</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="return-policy.html" class="d-inline-block body-primary-color">Return policy</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="shipping-policy.html" class="d-inline-block body-primary-color">Shipping policy</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="terms-condition.html" class="d-inline-block body-primary-color">Terms & condition</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="col-2">
|
|
<h6 class="font-18">Contact</h6>
|
|
<div class="ft-link">
|
|
<ul class="ftlink-ul ul-ft pst-21">
|
|
<li class="ftlink-li">
|
|
<div class="d-flex flex-wrap align-items-baseline">
|
|
<span class="width-16 primary-color icon-16"><i class="ri-map-pin-line"></i></span>
|
|
<div class="width-calc-16 psl-10">
|
|
<span>1234 MG road, Bengaluru, Karnataka 560001, India</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<div class="d-flex flex-wrap align-items-baseline">
|
|
<span class="width-16 primary-color icon-16"><i class="ri-phone-line"></i></span>
|
|
<div class="width-calc-16 psl-10">
|
|
<span><a href="tel:+919876543210" class="body-primary-color">+91 98765-43210</a></span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<div class="d-flex flex-wrap align-items-baseline">
|
|
<span class="width-16 primary-color icon-16"><i class="ri-mail-line"></i></span>
|
|
<div class="width-calc-16 psl-10">
|
|
<span><a href="mailto:info@demowebsite.com" class="body-primary-color">info@demowebsite.com</a></span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="footer-mobile d-xl-none">
|
|
<div class="row row-mtm">
|
|
<div class="col-12">
|
|
<div class="row">
|
|
<div class="col-md-8 col-lg-6 mx-md-auto text-center footer-info">
|
|
<div class="footer-theme-logo">
|
|
<a href="index.html" class="d-inline-block theme-logo">
|
|
<img src="assets/image/index/logo.png" class="width-96 width-xl-112 img-fluid" alt="logo">
|
|
</a>
|
|
</div>
|
|
<div class="footer-company-detail mst-23">
|
|
<p class="col-xl-10 col-xxl-9 mx-xl-auto">Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt magna aliqua.</p>
|
|
</div>
|
|
<div class="footer-social mst-23">
|
|
<ul class="social-ul ul-mt10 justify-content-center">
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-facebook-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-twitter-x-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-instagram-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="icon-16 width-40 height-40 d-flex align-items-center justify-content-center tertiary-btn rounded-circle" aria-label="Social link"><i class="ri-pinterest-fill d-block lh-1"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 footer-list">
|
|
<div class="row">
|
|
<div class="col-12 col-md-3 ft-list">
|
|
<div class="footer-menu">
|
|
<h6 class="ft-title font-18 d-none d-md-block">Information</h6>
|
|
<a href="#collapse-information" class="ft-title font-18 d-flex d-md-none flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="false">
|
|
<span class="ftmenu-title width-calc-16 heading-weight">Information</span>
|
|
<span class="ftmenu-icon width-16 icon-16"><i class="ri-add-line"></i></span>
|
|
</a>
|
|
<div class="ft-link collapse" id="collapse-information">
|
|
<ul class="ftlink-ul ul-ft pst-21 peb-1 peb-md-0">
|
|
<li class="ftlink-li">
|
|
<a href="about-us.html" class="d-inline-block body-primary-color">About us</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="contact-us.html" class="d-inline-block body-primary-color">Contact us</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="faqs.html" class="d-inline-block body-primary-color">Faqs</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="blog.html" class="d-inline-block body-primary-color">News</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="store.html" class="d-inline-block body-primary-color">Store</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-3 ft-list">
|
|
<div class="footer-menu">
|
|
<h6 class="ft-title font-18 d-none d-md-block">Quick link</h6>
|
|
<a href="#collapse-quick-link" class="ft-title font-18 d-flex d-md-none flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="false">
|
|
<span class="ftmenu-title width-calc-16 heading-weight">Quick link</span>
|
|
<span class="ftmenu-icon width-16 icon-16"><i class="ri-add-line"></i></span>
|
|
</a>
|
|
<div class="ft-link collapse" id="collapse-quick-link">
|
|
<ul class="ftlink-ul ul-ft pst-21 peb-1 peb-md-0">
|
|
<li class="ftlink-li">
|
|
<a href="404.html" class="d-inline-block body-primary-color">404</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="coming-soon.html" class="d-inline-block body-primary-color">Comingsoon</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="cookie.html" class="d-inline-block body-primary-color">Cookie</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="legal.html" class="d-inline-block body-primary-color">Legal</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="sitemap.html" class="d-inline-block body-primary-color">Sitemap</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-3 ft-list">
|
|
<div class="footer-menu">
|
|
<h6 class="ft-title font-18 d-none d-md-block">Help</h6>
|
|
<a href="#collapse-help" class="ft-title font-18 d-flex d-md-none flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="false">
|
|
<span class="ftmenu-title width-calc-16 heading-weight">Help</span>
|
|
<span class="ftmenu-icon width-16 icon-16"><i class="ri-add-line"></i></span>
|
|
</a>
|
|
<div class="ft-link collapse" id="collapse-help">
|
|
<ul class="ftlink-ul ul-ft pst-21 peb-1 peb-md-0">
|
|
<li class="ftlink-li">
|
|
<a href="payment-policy.html" class="d-inline-block body-primary-color">Payment policy</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="privacy-policy.html" class="d-inline-block body-primary-color">Privacy policy</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="return-policy.html" class="d-inline-block body-primary-color">Return policy</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="shipping-policy.html" class="d-inline-block body-primary-color">Shipping policy</a>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<a href="terms-condition.html" class="d-inline-block body-primary-color">Terms & condition</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="col-12 col-md-3 ft-list">
|
|
<div class="footer-menu">
|
|
<h6 class="ft-title font-18 d-none d-md-block">Contact</h6>
|
|
<a href="#collapse-contact" class="ft-title font-18 d-flex d-md-none flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="false">
|
|
<span class="ftmenu-title width-calc-16 heading-weight">Contact</span>
|
|
<span class="ftmenu-icon width-16 icon-16"><i class="ri-add-line"></i></span>
|
|
</a>
|
|
<div class="ft-link collapse" id="collapse-contact">
|
|
<ul class="ftlink-ul ul-ft pst-21 peb-1 peb-md-0">
|
|
<li class="ftlink-li">
|
|
<div class="d-flex flex-wrap align-items-baseline">
|
|
<span class="width-16 primary-color icon-16"><i class="ri-map-pin-line"></i></span>
|
|
<div class="width-calc-16 psl-10">
|
|
<span>1234 MG road, Bengaluru, Karnataka 560001, India</span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<div class="d-flex flex-wrap align-items-baseline">
|
|
<span class="width-16 primary-color icon-16"><i class="ri-phone-line"></i></span>
|
|
<div class="width-calc-16 psl-10">
|
|
<span><a href="tel:+919876543210" class="body-primary-color">+91 98765-43210</a></span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
<li class="ftlink-li">
|
|
<div class="d-flex flex-wrap align-items-baseline">
|
|
<span class="width-16 primary-color icon-16"><i class="ri-mail-line"></i></span>
|
|
<div class="width-calc-16 psl-10">
|
|
<span><a href="mailto:info@demowebsite.com" class="body-primary-color">info@demowebsite.com</a></span>
|
|
</div>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer-top end -->
|
|
<!-- footer-bottom start -->
|
|
<div class="copyright ptb-20 extra-bg bst">
|
|
<div class="container">
|
|
<div class="row align-items-md-center">
|
|
<div class="col-12 col-md-6 text-center text-md-start">Powered by spacingtech<sup>TM</sup></div>
|
|
<div class="col-12 col-md-6 mst-11 mst-md-0">
|
|
<ul class="payment-ul">
|
|
<li class="payment-li ul-mt5 justify-content-center justify-content-md-end">
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-paypal.png" class="width-40 img-fluid border-radius" alt="paying-paypal"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-visa.png" class="width-40 img-fluid border-radius" alt="paying-visa"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-maestro.png" class="width-40 img-fluid border-radius" alt="paying-maestro"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-american.png" class="width-40 img-fluid border-radius" alt="paying-american"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-discover.png" class="width-40 img-fluid border-radius" alt="paying-discover"></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- footer-bottom end -->
|
|
</footer>
|
|
<!-- footer end -->
|
|
<!-- quickview-modal start -->
|
|
<div class="quickview-modal modal fade" id="quickview-modal" data-bs-backdrop="static">
|
|
<div class="modal-dialog modal-dialog-centered">
|
|
<div class="modal-content body-bg border-0 br-hidden">
|
|
<div class="modal-body ptb-30 plr-15 plr-md-30">
|
|
<div class="quickview-modal-header d-flex align-items-center justify-content-between meb-30">
|
|
<h6 class="font-18">Quickview</h6>
|
|
<button type="button" class="body-secondary-color icon-16" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
|
|
</div>
|
|
<div class="row row-mtm quickview-modal-content">
|
|
<div class="col-12 col-md-6">
|
|
<!-- quickview-detail-slider start -->
|
|
<div class="quickview-detail-slider">
|
|
<div class="row ul-mt15">
|
|
<div class="col-12">
|
|
<!-- quickview-img-big start -->
|
|
<div class="quickview-img-big quickview-slider-big position-relative br-hidden">
|
|
<div class="swiper" id="quickview-slider-big">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<img src="assets/image/product/product-1.jpg" class="w-100 img-fluid" alt="product-1">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="assets/image/product/product-2.jpg" class="w-100 img-fluid" alt="product-2">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="assets/image/product/product-3.jpg" class="w-100 img-fluid" alt="product-3">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="assets/image/product/product-4.jpg" class="w-100 img-fluid" alt="product-4">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="assets/image/product/product-5.jpg" class="w-100 img-fluid" alt="product-5">
|
|
</div>
|
|
</div>
|
|
<div class="swiper-buttons">
|
|
<button type="button" class="swiper-prev swiper-prev-quickview-big tertiary-btn icon-16 width-32 height-32 position-absolute top-50 translate-middle-y z-1 rounded-circle" aria-label="Arrow previous"><i class="ri-arrow-left-line d-block lh-1"></i></button>
|
|
<button type="button" class="swiper-next swiper-next-quickview-big tertiary-btn icon-16 width-32 height-32 position-absolute top-50 translate-middle-y z-1 rounded-circle" aria-label="Arrow next"><i class="ri-arrow-right-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- quickview-img-big end -->
|
|
</div>
|
|
<div class="col-12">
|
|
<!-- quickview-img-small start -->
|
|
<div class="quickview-img-small quickview-slider-small">
|
|
<div class="swiper" id="quickview-slider-small">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<img src="assets/image/product/product-1.jpg" class="w-100 img-fluid border-radius" alt="product-1">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="assets/image/product/product-2.jpg" class="w-100 img-fluid border-radius" alt="product-2">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="assets/image/product/product-3.jpg" class="w-100 img-fluid border-radius" alt="product-3">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="assets/image/product/product-4.jpg" class="w-100 img-fluid border-radius" alt="product-4">
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<img src="assets/image/product/product-5.jpg" class="w-100 img-fluid border-radius" alt="product-5">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- quickview-img-small end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- quickview-detail-slider end -->
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<!-- quickview-info start -->
|
|
<div class="quickview-info p-md-relative height-md-100">
|
|
<div class="quickview-detail-info p-md-absolute top-0 bottom-0 start-0 psl-md-3 per-md-30">
|
|
<div class="quick-info">
|
|
<div class="product-title">
|
|
<h2 class="font-20">Glow boost face cream</h2>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-10">
|
|
<div class="product-ratting">
|
|
<div class="pro-review">
|
|
<span class="review-ratting">
|
|
<span class="review-star icon-16">
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-fill"></i>
|
|
<i class="ri-star-line"></i>
|
|
</span>
|
|
<span class="review-total"><span class="review-average">4.0</span> / 5.0 & <span class="review-caption heading-color heading-weight">2 Ratings</span></span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-5">
|
|
<div class="product-view">
|
|
<span class="heading-color heading-weight"><i class="ri-eye-line icon-16 mer-4 fw-normal blinking"></i>You're not alone - <span class="product-live-visitor primary-color"></span> others are browsing this item</span>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-10">
|
|
<div class="product-price">
|
|
<div class="pro-price-box">
|
|
<span class="new-price secondary-color font-20 heading-weight">$79.00</span>
|
|
<span class="old-price font-20 heading-weight">
|
|
<span class="text-uppercase">M.r.p</span>
|
|
<span class="text-decoration-line-through">$89.00</span>
|
|
</span>
|
|
<span class="discount-price text-danger font-20 heading-weight">11% off</span>
|
|
</div>
|
|
<div class="font-12 mst-2">Inclusive of all taxes. <a href="shipping-policy.html" class="body-secondary-color text-decoration-underline">Shipping</a> calculated at checkout.</div>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-10">
|
|
<div class="product-availability">
|
|
<span class="d-inline-block text-success"><span class="heading-color heading-weight">Availability:</span> In stock</span>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-5">
|
|
<div class="product-stock">
|
|
<span class="d-inline-block stock-fill">Selling quickly - <span class="text-success"><span class="available-stock">66</span> items left</span></span>
|
|
<div class="product-stock-bar product-stock-fill mst-6 br-hidden"></div>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-5">
|
|
<div class="product-sold">
|
|
<span class="text-danger heading-weight"><i class="ri-fire-line icon-16 mer-4 fw-normal blinking"></i>Just <span class="product-sold-count"></span> sold in the last <span class="product-hours-count"></span> hours</span>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-5">
|
|
<div class="product-timer">
|
|
<div class="product-timer-countdown">
|
|
<span class="heading-color heading-weight"><i class="ri-timer-line text-danger icon-16 mer-4 fw-normal"></i>Hurry! Discounts disappearing fast -
|
|
<span class="countdown" data-time="2027/12/31 00:00:00">
|
|
<span class="text-danger"><span class="day"></span>D</span>
|
|
<span class="text-danger"><span class="hrs"></span>H</span>
|
|
<span class="text-danger"><span class="min"></span>M</span>
|
|
<span class="text-danger"><span class="sec"></span>S</span>
|
|
</span>
|
|
</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-20">
|
|
<div class="product-border bst"></div>
|
|
</div>
|
|
<div class="quick-info mst-15">
|
|
<div class="product-desc">
|
|
<p>Glow Boost Face Cream hydrates, brightens, and refreshes dull skin with a lightweight, vitamin-rich formula designed for daily use.</p>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-15">
|
|
<div class="product-border bst"></div>
|
|
</div>
|
|
<div class="quick-info mst-20">
|
|
<div class="product-variant">
|
|
<div class="product-variant-option">
|
|
<span class="d-inline-block meb-11"><span class="heading-color heading-weight">Size:</span> 50ml</span>
|
|
<div class="product-option-block size">
|
|
<ul class="ul-mt5">
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="quick-glow-boost-face-cream-size" class="cust-checkbox" value="50ml" checked>
|
|
<span class="d-flex align-items-center justify-content-center cust-check">50ml</span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label disabled">
|
|
<input type="radio" name="quick-glow-boost-face-cream-size" class="cust-checkbox" value="100ml">
|
|
<span class="d-flex align-items-center justify-content-center cust-check">100ml</span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="product-variant-option mst-15">
|
|
<span class="d-inline-block heading-color meb-11 heading-weight"><span class="">Color:</span> Aliceblue</span>
|
|
<div class="product-option-block color">
|
|
<ul class="ul-mt10">
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="quick-glow-boost-face-cream-color" class="cust-checkbox" value="aliceblue" checked>
|
|
<span class="d-block cust-check aliceblue"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label disabled">
|
|
<input type="radio" name="quick-glow-boost-face-cream-color" class="cust-checkbox" value="antiquewhite">
|
|
<span class="d-block cust-check antiquewhite"></span>
|
|
</label>
|
|
</li>
|
|
<li>
|
|
<label class="cust-checkbox-label">
|
|
<input type="radio" name="quick-glow-boost-face-cream-color" class="cust-checkbox" value="azure">
|
|
<span class="d-block cust-check azure"></span>
|
|
</label>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-15">
|
|
<div class="product-quantity-action">
|
|
<span class="d-inline-block meb-11"><span class="heading-color heading-weight">Quantity:</span></span>
|
|
<div class="product-quantity-wishlist d-flex flex-wrap align-items-center">
|
|
<div class="product-quantity">
|
|
<div class="js-qty-wrapper">
|
|
<div class="js-qty-wrap d-flex body-bg border-full br-hidden">
|
|
<button type="button" class="js-qty-adjust js-qty-adjust-minus body-color icon-16" aria-label="Remove item"><i class="ri-subtract-line d-block lh-1"></i></button>
|
|
<input type="number" name="quick-glow-boost-face-cream-50ml-aliceblue" class="js-qty-num p-0 text-center border-0" value="1" min="1">
|
|
<button type="button" class="js-qty-adjust js-qty-adjust-plus body-color icon-16" aria-label="Add item"><i class="ri-add-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="product-wishlist">
|
|
<a href="javascript:void(0)" class="add-to-wishlist"><i class="ri-heart-line icon-16 mer-4"></i><span class="text-decoration-underline heading-weight">Save to wishlist</span></a>
|
|
</div>
|
|
<div class="product-compare">
|
|
<a href="product-comparison.html" class="add-to-compare"><i class="ri-stack-line icon-16 mer-4"></i><span class="text-decoration-underline heading-weight">Compare</span></a>
|
|
</div>
|
|
</div>
|
|
<div class="product-action mst-15">
|
|
<div class="row btn-row15">
|
|
<div class="col-12 col-md-6">
|
|
<button type="submit" class="w-100 btn-style quaternary-btn add-to-cart">
|
|
<span class="product-icon">
|
|
<span class="product-bag-icon">Add to cart</span>
|
|
<span class="product-loader-icon icon-16"><i class="ri-loader-4-line d-block lh-1"></i></span>
|
|
<span class="product-check-icon icon-16"><i class="ri-check-line d-block lh-1"></i></span>
|
|
</span>
|
|
</button>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<a href="checkout.html" class="w-100 btn-style secondary-btn">Buy now</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-20">
|
|
<div class="product-border bst"></div>
|
|
</div>
|
|
<div class="quick-info mst-20">
|
|
<div class="product-payment">
|
|
<span class="d-inline-block heading-color meb-11 heading-weight">Payment protection guaranteed</span>
|
|
<ul class="payment-ul">
|
|
<li class="payment-li ul-mt5 lh-0">
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-american.png" class="width-40 img-fluid border-radius" alt="paying-american"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-club.png" class="width-40 img-fluid border-radius" alt="paying-club"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-discover.png" class="width-40 img-fluid border-radius" alt="paying-discover"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-maestro.png" class="width-40 img-fluid border-radius" alt="paying-maestro"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-paypal.png" class="width-40 img-fluid border-radius" alt="paying-paypal"></a>
|
|
<a href="javascript:void(0)" class="d-block"><img src="assets/image/other/paying-visa.png" class="width-40 img-fluid border-radius" alt="paying-visa"></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-10">
|
|
<div class="product-sku">
|
|
<span class="d-inline-block"><span class="heading-color heading-weight">SKU:</span> ER-ABC456</span>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-5">
|
|
<div class="product-share d-flex align-items-center">
|
|
<span class="heading-color heading-weight">Share:</span>
|
|
<div class="product-social">
|
|
<ul class="social-ul ul-mt5">
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="dribbble icon-16" aria-label="Social link"><i class="ri-dribbble-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="facebook icon-16" aria-label="Social link"><i class="ri-facebook-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="instagram icon-16" aria-label="Social link"><i class="ri-instagram-fill d-block instagram lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="linkedin icon-16" aria-label="Social link"><i class="ri-linkedin-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="pinterest icon-16" aria-label="Social link"><i class="ri-pinterest-fill d-block lh-1"></i></a>
|
|
</li>
|
|
<li class="social-li">
|
|
<a href="javascript:void(0)" class="twitter icon-16" aria-label="Social link"><i class="ri-twitter-x-fill d-block lh-1"></i></a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="quick-info mst-5">
|
|
<div class="product-view-link">
|
|
<a href="product.html" class="d-inline-block font-12"><i class="ri-file-info-line mer-4"></i><span class="text-decoration-underline">View full details of this product</span></a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- quickview-info end -->
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- quickview-modal end -->
|
|
<!-- mobile-menu start -->
|
|
<div class="mobile-menu d-xl-none position-fixed top-0 bottom-0 body-bg z-index-5 invisible box-shadow" id="mobile-menu">
|
|
<div class="mobile-contents d-flex flex-column">
|
|
<div class="menu-close ptb-10 plr-15 beb">
|
|
<button type="button" class="menu-close-btn d-block body-secondary-color icon-16 ms-auto" aria-label="Menu close"><i class="ri-close-large-line d-block lh-1"></i></button>
|
|
</div>
|
|
<div class="mobilemenu-content beb">
|
|
<div class="main-wrap">
|
|
<ul class="menu-ul">
|
|
<li class="menu-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-home" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 plr-15"><a href="index.html" class="d-inline-block body-color">Home</a></span>
|
|
</div>
|
|
<div class="menu-dropdown collapse" id="menu-home">
|
|
<ul class="menudrop-ul">
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="index.html" class="d-inline-block body-color">01 Classic beauty store</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="index2.html" class="d-inline-block body-color">02 Skincare Shop</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="index3.html" class="d-inline-block body-color">03 Makeup & cosmetics</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="index4.html" class="d-inline-block body-color">04 Fragrance boutique</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="index5.html" class="d-inline-block body-color">05 Organic beauty</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menu-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-product" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 plr-15"><a href="product.html" class="d-inline-block body-color">Product</a></span>
|
|
</div>
|
|
<div class="menu-dropdown collapse" id="menu-product">
|
|
<ul class="menudrop-ul">
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collection.html" class="d-inline-block body-color">01 Classic card style</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collection2.html" class="d-inline-block body-color">02 Stylish card style</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collection3.html" class="d-inline-block body-color">03 Modern card style</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collection4.html" class="d-inline-block body-color">04 Overlay card style</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collection5.html" class="d-inline-block body-color">05 Elegant card style</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collections.html" class="d-inline-block body-color">Collections</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collection-category.html" class="d-inline-block body-color">Collection category</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collection-without.html" class="d-inline-block body-color">Collection full</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collection.html" class="d-inline-block body-color">Collection left</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collection-right.html" class="d-inline-block body-color">Collection right</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collection-list-without.html" class="d-inline-block body-color">Collection list full</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collection-list.html" class="d-inline-block body-color">Collection list left</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="collection-list-right.html" class="d-inline-block body-color">Collection list right</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="search-empty.html" class="d-inline-block body-color">Search empty</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="search-product.html" class="d-inline-block body-color">Search product</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-productlayout1" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="collection.html" class="d-inline-block body-color">Product layout</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-productlayout1">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">01 Bottom thumbnail tab details</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product2.html" class="d-inline-block body-color">02 Left thumbnail accordion details</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product3.html" class="d-inline-block body-color">03 Right thumbnail details</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product4.html" class="d-inline-block body-color">04 Modern layout</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product5.html" class="d-inline-block body-color">05 Creative layout</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product6.html" class="d-inline-block body-color">06 Solo thumbnail tab details</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product7.html" class="d-inline-block body-color">07 Classic template</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product8.html" class="d-inline-block body-color">08 Single grid layout</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product9.html" class="d-inline-block body-color">09 Two grid layout</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product-comparison.html" class="d-inline-block body-color">Product comparision</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-productfeatures" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="product.html" class="d-inline-block body-color">Product features</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-productfeatures">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Special promotions offers</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Ask a question</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Size guide</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Pincode service availability</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Product wishlist</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Top social buzz</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Product compare option</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product9.html" class="d-inline-block body-color">Back in stock</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Quick buy now button</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product8.html" class="d-inline-block body-color">Pre-order</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product2.html" class="d-inline-block body-color">Frequently bought together</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Pickup availability option</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Delivery options details</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Trusted payment badge</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Recommended product</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-productdetails" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="product.html" class="d-inline-block body-color">Product details</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-productdetails">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Currently views count</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Stock count down</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Items sold count</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Deal count down timer</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Product short description</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Color swatch option</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product2.html" class="d-inline-block body-color">Image swatch option</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product3.html" class="d-inline-block body-color">Dropdown select option</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Product sku code</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Tab description</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product3.html" class="d-inline-block body-color">Product detailed inline description</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product4.html" class="d-inline-block body-color">Accordian description</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product7.html" class="d-inline-block body-color">Vertical-tab description</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product8.html" class="d-inline-block body-color">Product flat inline description</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Product video</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="product.html" class="d-inline-block body-color">Product review</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menu-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-shop" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 plr-15"><a href="collection.html" class="d-inline-block body-color">Shop</a></span>
|
|
</div>
|
|
<div class="menu-dropdown collapse" id="menu-shop">
|
|
<ul class="menudrop-ul">
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-account" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="javascript:void(0)" class="d-inline-block body-color">Account</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-account">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="login.html" class="d-inline-block body-color">Login</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="forgot-password.html" class="d-inline-block body-color">Forgot password</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="register.html" class="d-inline-block body-color">Register</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-other" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="cart-page.html" class="d-inline-block body-color">Other</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-other">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="cancellation.html" class="d-inline-block body-color">404</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="cart-empty.html" class="d-inline-block body-color">Cart empty</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="cart-page.html" class="d-inline-block body-color">Cart</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="checkout.html" class="d-inline-block body-color">Checkout</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="coming-soon.html" class="d-inline-block body-color">Comingsoon</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="invoice.html" class="d-inline-block body-color">Invoice</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-order" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="order.html" class="d-inline-block body-color">Order</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-order">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="order-complete.html" class="d-inline-block body-color">Order complete</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="order.html" class="d-inline-block body-color">Order</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info.html" class="d-inline-block body-color">Order info</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-default.html" class="d-inline-block body-color">Order default</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-unfulfilled.html" class="d-inline-block body-color">Order unfulfilled</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-fulfilled.html" class="d-inline-block body-color">Order fulfilled</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-inprogress.html" class="d-inline-block body-color">Order inprogress</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-intransit.html" class="d-inline-block body-color">Order intransit</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-indelivery.html" class="d-inline-block body-color">Order indelivery</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-delivered.html" class="d-inline-block body-color">Order delivered</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-pickup.html" class="d-inline-block body-color">Order pickup</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="order-info-cancel.html" class="d-inline-block body-color">Order cancel</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-profile" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="profile.html" class="d-inline-block body-color">Profile</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-profile">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="profile.html" class="d-inline-block body-color">Profile</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-address.html" class="d-inline-block body-color">Profile address</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-notification.html" class="d-inline-block body-color">Profile notification</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-order.html" class="d-inline-block body-color">Profile order</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-order-empty.html" class="d-inline-block body-color">Profile order empty</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-ticket.html" class="d-inline-block body-color">Profile ticket</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-ticket-empty.html" class="d-inline-block body-color">Profile ticket empty</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-wishlist.html" class="d-inline-block body-color">Profile wishlist</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="profile-wishlist-empty.html" class="d-inline-block body-color">Profile wishlist empty</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-ticket" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="ticket.html" class="d-inline-block body-color">Ticket</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-ticket">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="ticket.html" class="d-inline-block body-color">Ticket</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="ticket-create.html" class="d-inline-block body-color">Ticket create</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="ticket-edit.html" class="d-inline-block body-color">Ticket edit</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="ticket-info.html" class="d-inline-block body-color">Ticket info</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-policies" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="javascript:void(0)" class="d-inline-block">Policies</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-policies">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="cancellation.html" class="d-inline-block body-color">Cancellation</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="cookie.html" class="d-inline-block body-color">Cookie</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="legal.html" class="d-inline-block body-color">Legal</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="payment-policy.html" class="d-inline-block body-color">Payment policy</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="privacy-policy.html" class="d-inline-block body-color">Privacy policy</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="return-policy.html" class="d-inline-block body-color">Return policy</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="shipping-policy.html" class="d-inline-block body-color">Shipping policy</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="terms-condition.html" class="d-inline-block body-color">Terms & condition</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-features" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="javascript:void(0)" class="d-inline-block body-color">Features</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-features">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="button.html" class="d-inline-block body-color">Button</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="cart-drawer-empty.html" class="d-inline-block body-color">Cart drawer empty</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menu-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-blog" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 plr-15"><a href="blog.html" class="d-inline-block body-color">Blog</a></span>
|
|
</div>
|
|
<div class="menu-dropdown collapse" id="menu-blog">
|
|
<ul class="menudrop-ul">
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="blog-without.html" class="d-inline-block body-color">Blog</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="blog.html" class="d-inline-block body-color">Blog left</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="blog-right.html" class="d-inline-block body-color">Blog right</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="article-without.html" class="d-inline-block body-color">Article</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="article.html" class="d-inline-block body-color">Article left</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="article-right.html" class="d-inline-block body-color">Article right</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="search-blog.html" class="d-inline-block body-color">Search blog</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menu-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-page" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 plr-15"><a href="javascript:void(0)" class="d-inline-block body-color">Page</a></span>
|
|
</div>
|
|
<div class="menu-dropdown collapse" id="menu-page">
|
|
<ul class="menudrop-ul">
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-about" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="about-us.html" class="d-inline-block body-color">About us</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-about">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="about-us.html" class="d-inline-block body-color">01 Modern aboutus</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="about-us2.html" class="d-inline-block body-color">02 Creative aboutus</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-contact" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="contact-us.html" class="d-inline-block body-color">Contact us</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-contact">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="contact-us.html" class="d-inline-block body-color">01 Creative contactus</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="contact-us2.html" class="d-inline-block body-color">02 Standard contactus</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="faqs.html" class="d-inline-block body-color">Faqs</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="sitemap.html" class="d-inline-block body-color">Sitemap</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="store.html" class="d-inline-block body-color">Store</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<span class="d-block ptb-10 psl-20 per-15"><a href="track-order.html" class="d-inline-block body-color">Track order</a></span>
|
|
</li>
|
|
<li class="menudrop-li bst">
|
|
<div class="menu-btn d-flex flex-row-reverse">
|
|
<button type="button" class="width-48 icon-16 ptb-10 bsl" data-bs-toggle="collapse" data-bs-target="#menu-wishlist" aria-expanded="false" aria-label="Menu accordion"><i class="ri-add-line d-block lh-1"></i></button>
|
|
<span class="width-calc-48 ptb-10 psl-20 per-15"><a href="wishlist.html" class="d-inline-block body-color">Wishlist</a></span>
|
|
</div>
|
|
<div class="menusub-dropdown collapse" id="menu-wishlist">
|
|
<ul class="menusub-ul">
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="wishlist.html" class="d-inline-block body-color">Wishlist</a></span>
|
|
</li>
|
|
<li class="menusub-li bst">
|
|
<span class="d-block ptb-10 psl-25 per-15"><a href="wishlist-empty.html" class="d-inline-block body-color">Wishlist empty</a></span>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- mobile-menu end -->
|
|
<!-- search-modal start -->
|
|
<div class="search-modal modal fade" id="searchmodal">
|
|
<div class="modal-dialog mw-100 m-0">
|
|
<div class="modal-content body-bg border-0 rounded-0">
|
|
<div class="modal-body p-0">
|
|
<div class="container">
|
|
<div class="search-content ptb-30">
|
|
<div class="search-box d-flex flex-row-reverse">
|
|
<button type="button" class="d-block search-close body-secondary-color icon-16" data-bs-dismiss="modal" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
|
|
<form method="get" action="javascript:void(0)" class="search-form w-100">
|
|
<div class="search-bar position-relative">
|
|
<div class="form-search d-flex flex-row-reverse">
|
|
<input type="search" name="search-input" class="search-input w-100 h-auto ptb-0 plr-15 bg-transparent border-0" value="" placeholder="Search here" required>
|
|
<button type="submit" onclick="window.location.href='search-product.html'" class="d-block search-btn body-secondary-color icon-16" aria-label="Go to search" disabled><i class="ri-search-line d-block lh-1"></i></button>
|
|
</div>
|
|
<div class="d-none search-results position-absolute top-100 start-0 end-0 body-bg z-1 border-full border-radius box-shadow">
|
|
<div class="search-for ptb-10 plr-15 beb">Search for <span class="search-text">a</span></div>
|
|
<ul class="search-ul">
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product1.jpg" class="w-100 img-fluid border-radius" alt="search-product1"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Glow boost face cream</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product2.jpg" class="w-100 img-fluid border-radius" alt="search-product2"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Velvet kiss lipstick set</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product3.jpg" class="w-100 img-fluid border-radius" alt="search-product3"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Herbal shine hair oil</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product4.jpg" class="w-100 img-fluid border-radius" alt="search-product4"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Smooth touch wax strips</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product5.jpg" class="w-100 img-fluid border-radius" alt="search-product5"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Mystic bloom perfume mist</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product6.jpg" class="w-100 img-fluid border-radius" alt="search-product6"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Glossy nails polish pack</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product7.jpg" class="w-100 img-fluid border-radius" alt="search-product7"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Rose petal bath soak</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product8.jpg" class="w-100 img-fluid border-radius" alt="search-product8"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Pro blend makeup brush</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product9.jpg" class="w-100 img-fluid border-radius" alt="search-product9"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Organic aloe face serum</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product10.jpg" class="w-100 img-fluid border-radius" alt="search-product10"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Beard luxe grooming kit</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product11.jpg" class="w-100 img-fluid border-radius" alt="search-product11"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Radiance LED skin mask</span>
|
|
</a>
|
|
</li>
|
|
<li class="search-li ptb-5 plr-15 bst">
|
|
<a href="product.html" class="body-primary-color d-flex flex-wrap align-items-center">
|
|
<span class="width-48"><img src="assets/image/search/search-product12.jpg" class="w-100 img-fluid border-radius" alt="search-product12"></span>
|
|
<span class="width-calc-48 psl-15 text-truncate">Luxury glow gift box</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div class="search-more ptb-10 plr-15 bst"><a href="search-product.html" class="body-secondary-color text-decoration-underline">See all results (12)</a></div>
|
|
<div class="search-fail ptb-10 plr-15">Search not found</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<div class="search-example-text mst-15">Trending search: a, e, skincare...</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- search-modal end -->
|
|
<!-- cart-drawer start -->
|
|
<div class="cart-drawer position-fixed top-0 bottom-0 body-bg z-index-5 invisible box-shadow" id="cart-drawer">
|
|
<form method="post" action="javascript:void(0)" class="drawer-contents d-flex flex-column">
|
|
<div class="drawer-fixed-header ptb-10 plr-15 beb">
|
|
<div class="drawer-header d-flex align-items-center justify-content-between">
|
|
<h6 class="font-18">My shopping cart</h6>
|
|
<div class="drawer-close">
|
|
<button type="button" class="drawer-close-btn body-secondary-color icon-16" aria-label="Close"><i class="ri-close-large-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="pst-10 plr-15 text-center">
|
|
<div class="extra-color font-14 ptb-6 plr-15 primary-bg">First order? Get 11% off with code <span class="heading-weight blinking">11%OFF</span>.</div>
|
|
</div>
|
|
<div class="drawer-cart-empty d-none h-100 ptb-30 plr-15">
|
|
<div class="drawer-scrollable h-100 d-flex flex-column align-items-center justify-content-center text-center">
|
|
<span class="heading-color icon-32 meb-24"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<h2 class="font-24">No items in your shopping cart - yet!</h2>
|
|
<a href="collection.html" class="btn-style secondary-btn mst-24">Continue shopping</a>
|
|
</div>
|
|
</div>
|
|
<div class="drawer-inner h-100 d-flex flex-column justify-content-between overflow-hidden">
|
|
<div class="drawer-scrollable h-100 overflow-auto">
|
|
<div class="cart-drawer-table plr-15">
|
|
<div class="cart-drawer-info ptb-15 bst">
|
|
<div class="cart-drawer-content d-flex flex-wrap">
|
|
<div class="cart-drawer-image width-88">
|
|
<a href="product.html" class="d-block br-hidden"><img src="assets/image/cart/cart-1.jpg" class="w-100 img-fluid" alt="cart-1"></a>
|
|
</div>
|
|
<div class="cart-drawer-info width-calc-88 psl-15">
|
|
<div class="cart-drawer-detail">
|
|
<a href="product.html" class="primary-link">Glow boost face cream</a>
|
|
<span class="d-block mst-7">50ml / Aliceblue</span>
|
|
</div>
|
|
<div class="heading-color heading-weight mst-7">$79.00</div>
|
|
<div class="cart-drawer-qty-remove d-flex align-items-end justify-content-between mst-16">
|
|
<div class="js-qty-wrapper">
|
|
<div class="js-qty-wrap d-flex body-bg border-full br-hidden">
|
|
<button type="button" class="js-qty-adjust js-qty-adjust-minus body-color icon-16" aria-label="Remove item"><i class="ri-subtract-line d-block lh-1"></i></button>
|
|
<input type="number" name="glow-boost-face-cream-50ml-aliceblue" class="js-qty-num p-0 text-center border-0" value="1" min="1">
|
|
<button type="button" class="js-qty-adjust js-qty-adjust-plus body-color icon-16" aria-label="Add item"><i class="ri-add-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="cart-drawer-remove text-danger icon-16" aria-label="Remove item"><i class="ri-delete-bin-line d-block lh-1"></i></button>
|
|
</div>
|
|
<div class="text-danger font-14 mst-7"><i class="ri-error-warning-line mer-4"></i>Hurry! Only <span class="heading-weight">15</span> in stock.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cart-drawer-info ptb-15 bst">
|
|
<div class="cart-drawer-content d-flex flex-wrap">
|
|
<div class="cart-drawer-image width-88">
|
|
<a href="product.html" class="d-block br-hidden"><img src="assets/image/cart/cart-2.jpg" class="w-100 img-fluid" alt="cart-2"></a>
|
|
</div>
|
|
<div class="cart-drawer-info width-calc-88 psl-15">
|
|
<div class="cart-drawer-detail">
|
|
<a href="product.html" class="primary-link">Velvet kiss lipstick set</a>
|
|
<span class="d-block mst-7">Single / Azure</span>
|
|
</div>
|
|
<div class="heading-color heading-weight mst-7">$49.00</div>
|
|
<div class="cart-drawer-qty-remove d-flex align-items-end justify-content-between mst-16">
|
|
<div class="js-qty-wrapper">
|
|
<div class="js-qty-wrap d-flex body-bg border-full br-hidden">
|
|
<button type="button" class="js-qty-adjust js-qty-adjust-minus body-color icon-16" aria-label="Remove item"><i class="ri-subtract-line d-block lh-1"></i></button>
|
|
<input type="number" name="velvet-kiss-lipstick-set-single-azure" class="js-qty-num p-0 text-center border-0" value="1" min="1">
|
|
<button type="button" class="js-qty-adjust js-qty-adjust-plus body-color icon-16" aria-label="Add item"><i class="ri-add-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="cart-drawer-remove text-danger icon-16" aria-label="Remove item"><i class="ri-delete-bin-line d-block lh-1"></i></button>
|
|
</div>
|
|
<div class="text-danger font-14 mst-7"><i class="ri-error-warning-line mer-4"></i>Hurry! Only <span class="heading-weight">9</span> in stock.</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cart-drawer-info ptb-15 bst">
|
|
<div class="cart-drawer-content d-flex flex-wrap">
|
|
<div class="cart-drawer-image width-88">
|
|
<a href="product.html" class="d-block br-hidden"><img src="assets/image/cart/cart-3.jpg" class="w-100 img-fluid" alt="cart-3"></a>
|
|
</div>
|
|
<div class="cart-drawer-info width-calc-88 psl-15">
|
|
<div class="cart-drawer-detail">
|
|
<a href="product.html" class="primary-link">Herbal shine hair oil</a>
|
|
<span class="d-block mst-7">100ml / Aliceblue</span>
|
|
</div>
|
|
<div class="heading-color heading-weight mst-7">$69.00</div>
|
|
<div class="cart-drawer-qty-remove d-flex align-items-end justify-content-between mst-16">
|
|
<div class="js-qty-wrapper">
|
|
<div class="js-qty-wrap d-flex body-bg border-full br-hidden">
|
|
<button type="button" class="js-qty-adjust js-qty-adjust-minus body-color icon-16" aria-label="Remove item"><i class="ri-subtract-line d-block lh-1"></i></button>
|
|
<input type="number" name="Herbal-shine-hair-oil-100ml-aliceblue" class="js-qty-num p-0 text-center border-0" value="1" min="1">
|
|
<button type="button" class="js-qty-adjust js-qty-adjust-plus body-color icon-16" aria-label="Add item"><i class="ri-add-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="cart-drawer-remove text-danger icon-16" aria-label="Remove item"><i class="ri-delete-bin-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="cart-drawer-info ptb-15 bst">
|
|
<div class="cart-drawer-content d-flex flex-wrap">
|
|
<div class="cart-drawer-image width-88">
|
|
<a href="product.html" class="d-block br-hidden"><img src="assets/image/cart/cart-4.jpg" class="w-100 img-fluid" alt="cart-4"></a>
|
|
</div>
|
|
<div class="cart-drawer-info width-calc-88 psl-15">
|
|
<div class="cart-drawer-detail">
|
|
<a href="product.html" class="primary-link">Smooth touch wax strips</a>
|
|
<span class="d-block mst-7">20 Strips / Azure</span>
|
|
</div>
|
|
<div class="heading-color heading-weight mst-7">$49.00</div>
|
|
<div class="cart-drawer-qty-remove d-flex align-items-end justify-content-between mst-16">
|
|
<div class="js-qty-wrapper">
|
|
<div class="js-qty-wrap d-flex body-bg border-full br-hidden">
|
|
<button type="button" class="js-qty-adjust js-qty-adjust-minus body-color icon-16" aria-label="Remove item"><i class="ri-subtract-line d-block lh-1"></i></button>
|
|
<input type="number" name="smooth-touch-wax-strips-20-strips-azure" class="js-qty-num p-0 text-center border-0" value="1" min="1">
|
|
<button type="button" class="js-qty-adjust js-qty-adjust-plus body-color icon-16" aria-label="Add item"><i class="ri-add-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
<button type="submit" class="cart-drawer-remove text-danger icon-16" aria-label="Remove item"><i class="ri-delete-bin-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="drawer-recommended-product ptb-15 plr-15 bst">
|
|
<div class="d-flex flex-wrap align-items-center justify-content-between">
|
|
<div class="heading-color"><i class="ri-thumb-up-line icon-16 mer-4"></i>Recommended for you</div>
|
|
<div class="swiper-buttons lh-1">
|
|
<div class="swiper-buttons-wrap">
|
|
<button type="button" class="swiper-prev swiper-prev-drawer-recommended-product primary-link icon-16" aria-label="Arrow previous"><i class="ri-arrow-left-line d-block lh-1"></i></button>
|
|
<button type="button" class="swiper-next swiper-next-drawer-recommended-product primary-link icon-16" aria-label="Arrow next"><i class="ri-arrow-right-line d-block lh-1"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="drawer-recommended-product-wrap pst-15">
|
|
<div class="drawer-recommended-product-slider swiper" id="drawer-recommended-product-slider">
|
|
<div class="swiper-wrapper">
|
|
<div class="swiper-slide">
|
|
<div class="drawer-recommended-product">
|
|
<div class="row drawer-recommended-single-product-wrap">
|
|
<div class="product-image">
|
|
<a href="product.html" class="pro-img"><img src="assets/image/product/p-1.jpg" class="w-100 img-fluid" alt="p-1"></a>
|
|
</div>
|
|
<div class="product-content">
|
|
<div class="pro-content">
|
|
<div class="product-title">
|
|
<span class="d-block font-14"><a href="product.html" class="d-block w-100 text-truncate">Glow boost face cream</a></span>
|
|
</div>
|
|
<div class="product-price">
|
|
<div class="price-box font-14 heading-weight">
|
|
<span class="new-price secondary-color">$79.00</span>
|
|
<span class="old-price text-decoration-line-through">$89.00</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="drawer-recommended-product">
|
|
<div class="row drawer-recommended-single-product-wrap">
|
|
<div class="product-image">
|
|
<a href="product.html" class="pro-img"><img src="assets/image/product/p-3.jpg" class="w-100 img-fluid" alt="p-3"></a>
|
|
</div>
|
|
<div class="product-content">
|
|
<div class="pro-content">
|
|
<div class="product-title">
|
|
<span class="d-block font-14"><a href="product.html" class="d-block w-100 text-truncate">Velvet kiss lipstick set</a></span>
|
|
</div>
|
|
<div class="product-price">
|
|
<div class="price-box font-14 heading-weight">
|
|
<span class="new-price secondary-color">$49.00</span>
|
|
<span class="old-price text-decoration-line-through">$59.00</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="drawer-recommended-product">
|
|
<div class="row drawer-recommended-single-product-wrap">
|
|
<div class="product-image">
|
|
<a href="product.html" class="pro-img"><img src="assets/image/product/p-5.jpg" class="w-100 img-fluid" alt="p-5"></a>
|
|
</div>
|
|
<div class="product-content">
|
|
<div class="pro-content">
|
|
<div class="product-title">
|
|
<span class="d-block font-14"><a href="product.html" class="d-block w-100 text-truncate">Herbal shine hair oil</a></span>
|
|
</div>
|
|
<div class="product-price">
|
|
<div class="price-box font-14 heading-weight">
|
|
<span class="new-price secondary-color">$69.00</span>
|
|
<span class="old-price text-decoration-line-through">$79.00</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="swiper-slide">
|
|
<div class="drawer-recommended-product">
|
|
<div class="row drawer-recommended-single-product-wrap">
|
|
<div class="product-image">
|
|
<a href="product.html" class="pro-img"><img src="assets/image/product/p-7.jpg" class="w-100 img-fluid" alt="p-7"></a>
|
|
</div>
|
|
<div class="product-content">
|
|
<div class="pro-content">
|
|
<div class="product-title">
|
|
<span class="d-block font-14"><a href="product.html" class="d-block w-100 text-truncate">Smooth touch wax strips</a></span>
|
|
</div>
|
|
<div class="product-price">
|
|
<div class="price-box font-14 heading-weight">
|
|
<span class="new-price secondary-color">$49.00</span>
|
|
<span class="old-price text-decoration-line-through">$54.00</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="drawer-instruction ptb-15 plr-15 bst">
|
|
<a href="#collapse-drawer-note" class="d-flex flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="true">
|
|
<span class="drawer-instruction-title width-calc-16"><i class="ri-edit-line icon-16 mer-4"></i>Type a note for the seller</span>
|
|
<span class="drawer-instruction-icon width-16 icon-16"><i class="ri-arrow-down-s-line"></i></span>
|
|
</a>
|
|
<div class="collapse show" id="collapse-drawer-note">
|
|
<div class="pst-15">
|
|
<textarea rows="3" id="drawernote" name="drawernote" class="w-100" placeholder="Write your message..." autocomplete="off"></textarea>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="drawer-instruction ptb-15 plr-15 bst">
|
|
<a href="#collapse-drawer-discount" class="d-flex flex-wrap align-items-center justify-content-between" data-bs-toggle="collapse" aria-expanded="true">
|
|
<span class="drawer-instruction-title width-calc-16"><i class="ri-discount-percent-line icon-16 mer-4"></i>Have a code? Apply here</span>
|
|
<span class="drawer-instruction-icon width-16 icon-16"><i class="ri-arrow-down-s-line"></i></span>
|
|
</a>
|
|
<div class="collapse show" id="collapse-drawer-discount">
|
|
<div class="pst-15">
|
|
<div class="d-flex flex-wrap height-48 body-bg border-full br-hidden">
|
|
<input type="text" id="drawerdiscount" name="drawerdiscount" class="width-calc-48 h-auto border-0 rounded-0" placeholder="Type your code here" autocomplete="off" required>
|
|
<button type="button" class="width-48 icon-16 primary-link drawer-dis-btn" aria-label="Discount code button"><i class="ri-arrow-right-up-line"></i></button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="drawer-footer ptb-15 plr-15 bst">
|
|
<div class="drawer-total d-flex justify-content-between">
|
|
<span>Subtotal</span>
|
|
<span class="heading-color heading-weight">$246.00</span>
|
|
</div>
|
|
<div class="font-12 mst-8">Shipping, taxes, and discount codes calculated at checkout</div>
|
|
<div class="drawer-cart-checkout mst-12">
|
|
<div class="drawer-cart-box meb-11">
|
|
<label class="cust-checkbox-label checkbox-agree">
|
|
<input type="checkbox" id="drawer-terms" name="drawer-terms" class="cust-checkbox checkboxbtn">
|
|
<span class="d-block cust-check"></span>
|
|
<span class="login-read">I have agree with the <a href="terms-condition.html" class="body-secondary-color text-decoration-underline">terms & conditions</a>.</span>
|
|
</label>
|
|
</div>
|
|
<div class="row btn-row15">
|
|
<div class="col-12 col-md-6">
|
|
<a href="cart-page.html" class="w-100 btn-style quaternary-btn">View cart</a>
|
|
</div>
|
|
<div class="col-12 col-md-6">
|
|
<a href="checkout.html" class="w-100 btn-style secondary-btn hide-btn opacity-50 disabled pe-none">Checkout</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</form>
|
|
</div>
|
|
<!-- cart-drawer end -->
|
|
<!-- bottom-menu start -->
|
|
<div class="bottom-menu d-md-none position-sticky bottom-0 body-bg z-1 box-shadow">
|
|
<div class="bottom-menu-element d-flex flex-wrap align-items-center">
|
|
<div class="col">
|
|
<a href="index.html" class="d-flex flex-column align-items-center ptb-10 text-center">
|
|
<span class="bottom-menu-icon heading-color icon-16"><i class="ri-home-8-line d-block lh-1"></i></span>
|
|
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Home</span>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="account.html" class="d-flex flex-column align-items-center ptb-10 text-center">
|
|
<span class="bottom-menu-icon heading-color icon-16"><i class="ri-user-3-line d-block lh-1"></i></span>
|
|
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Account</span>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="collection.html" class="d-flex flex-column align-items-center ptb-10 text-center">
|
|
<span class="bottom-menu-icon heading-color icon-16"><i class="ri-layout-grid-line d-block lh-1"></i></span>
|
|
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Shop</span>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="wishlist.html" class="d-flex flex-column align-items-center ptb-10 text-center">
|
|
<span class="bottom-menu-icon-wrap d-flex flex-wrap align-items-center justify-content-center">
|
|
<span class="d-block bottom-menu-icon heading-color icon-16"><i class="ri-heart-line d-block lh-1"></i></span>
|
|
<span class="heading-weight lh-1">-</span>
|
|
<span class="bottom-menu-counter wishlist-counter heading-color heading-weight lh-1">5</span>
|
|
</span>
|
|
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Wishlist</span>
|
|
</a>
|
|
</div>
|
|
<div class="col">
|
|
<a href="javascript:void(0)" class="js-cart-drawer d-flex flex-column align-items-center ptb-10 text-center">
|
|
<span class="bottom-menu-icon-wrap d-flex flex-wrap align-items-center justify-content-center">
|
|
<span class="bottom-menu-icon heading-color icon-16"><i class="ri-shopping-bag-3-line d-block lh-1"></i></span>
|
|
<span class="heading-weight lh-1">-</span>
|
|
<span class="bottom-menu-counter cart-counter heading-color heading-weight lh-1">4</span>
|
|
</span>
|
|
<span class="bottom-menu-title body-color font-10 mst-4 text-uppercase lh-1">Cart</span>
|
|
</a>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- bottom-menu end -->
|
|
<!-- bg-screen start -->
|
|
<div class="bg-screen">
|
|
<div class="bg-back position-fixed top-0 end-0 bottom-0 start-0 bg-black z-index-4 opacity-0 invisible"></div>
|
|
<div class="bg-shop position-fixed top-0 end-0 bottom-0 start-0 bg-black z-index-4 opacity-0 invisible"></div>
|
|
</div>
|
|
<!-- bg-screen end -->
|
|
<!-- back-to-top start -->
|
|
<a href="javascript:void(0)" id="top" class="icon-16 tertiary-btn position-fixed width-32 height-32 d-flex align-items-center justify-content-center z-1 opacity-0 invisible rounded-circle" aria-label="Back to top"><i class="ri-arrow-up-line d-block lh-1"></i></a>
|
|
<!-- back-to-top end -->
|
|
<!-- plugin js -->
|
|
<script src="assets/js/plugin.js"></script>
|
|
<!-- theme js -->
|
|
<script src="assets/js/theme.js"></script>
|
|
</body>
|
|
</html> |