:: **Zploit** v1.0 | Current Path: **/home/kreativepixelz/www/demo/jdc/new_1/**
:: Editing File: index_old.php
<?php include"header.php";?> <!-- Preloader --> <div id="preloader"> <div id="ctn-preloader" class="ctn-preloader"> <div class="animation-preloader"> <div class="spinner"></div> <div class="txt-loading"> <span data-text-preloader="J" class="letters-loading"> J </span> <span data-text-preloader="D" class="letters-loading"> D </span> <span data-text-preloader="C" class="letters-loading"> C </span> <span data-text-preloader="S" class="letters-loading"> S </span> <span data-text-preloader="t" class="letters-loading"> t </span> <span data-text-preloader="u" class="letters-loading"> u </span> <span data-text-preloader="d" class="letters-loading"> d </span> <span data-text-preloader="i" class="letters-loading"> i </span> <span data-text-preloader="o" class="letters-loading"> o </span> </div> </div> <div class="loader-section section-left"></div> <div class="loader-section section-right"></div> </div> </div> <!-- Video Section Banner-- <style> /* .video-slide{ position: relative; width: 100%; height: 100vh; overflow: hidden; } .banner-video{ position: absolute; top: 50%; left: 50%; width: 100%; height: 100%; transform: translate(-50%, -50%); object-fit: cover; } @media (max-width:768px){ .video-slide{ height: auto; } .banner-video{ position: relative; width: 100%; height: auto !important; left: 0% !important; transform: none; } } */ </style> <div class="banner-box video-slide"> <video class="banner-video" autoplay muted loop playsinline> <source src="jdc-slider.mp4" type="video/mp4"> </video> </div> --> <!-- Image Section Banner --> <div class="banner-box"> <img src="assets/slider1.jpg" class="banner-img desktop-img" alt="Desktop Banner"> <img src="assets/slider1.jpg" class="banner-img mobile-img" alt="Mobile Banner"> </div> <style> .banner-box{ width:100%; height:100vh; /* same height all devices */ position:relative; overflow:hidden; } .banner-img{ width:100%; height:100%; object-fit:cover; /* image fills area without distortion */ position:absolute; top:0; left:0; } /* hide mobile image on desktop */ .mobile-img{ display:none; } /* mobile responsive */ @media (max-width:768px){ .desktop-img{ display:none; } .mobile-img{ display:block; } .banner-box{ height:70vh; /* better mobile height */ } } </style> <!-- Section Product --> <section> <div class="product-wrapper style-three pd-t-120 pd-b-120"> <div class="container"> <div class="sec-tl text-center"> <span class="text-uppercase d-inline-block" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">Our Product Categories</span> <h2 data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200"> <span class="position-relative">Trending Products</span> </h2> </div> <div class="product-inner-wrapper"> <ul class="nav nav-tabs product-tab-button" id="myTab" role="tablist"> <li class="nav-item nav-tab1" role="presentation"> <button class="nav-link active btn-1 position-relative" id="ring-tab" data-bs-toggle="tab" data-bs-target="#ring" type="button" role="tab" aria-controls="ring" aria-selected="true"> <span class="text-uppercase d-block text-start">Accessories</span> </button> </li> <li class="nav-item nav-tabs2" role="presentation"> <button class="nav-link btn-2 position-relative" id="necklace-tab" data-bs-toggle="tab" data-bs-target="#necklace" type="button" role="tab" aria-controls="necklace" aria-selected="false"> <span class="text-uppercase d-block text-start">Apparels</span> </button> </li> <li class="nav-item nav-tabs3" role="presentation"> <button class="nav-link btn-3 position-relative" id="earring-tab" data-bs-toggle="tab" data-bs-target="#earring" type="button" role="tab" aria-controls="earring" aria-selected="false"> <span class="text-uppercase d-block text-start">Crystal and Gems Jewellery</span> </button> </li> <li class="nav-item nav-tabs3" role="presentation"> <button class="nav-link btn-3 position-relative" id="bracelet-tab" data-bs-toggle="tab" data-bs-target="#bracelet" type="button" role="tab" aria-controls="bracelet" aria-selected="false"> <span class="text-uppercase d-block text-start">Fashion Jewellery</span> </button> </li> <!--<li class="nav-item nav-tabs3" role="presentation"> <button class="nav-link btn-3 position-relative" id="gold-plated-tab" data-bs-toggle="tab" data-bs-target="#gold-plated" type="button" role="tab" aria-controls="gold-plated" aria-selected="false"> <span class="text-uppercase d-block text-start">18K Gold Plated</span> </button> </li>--> </ul> <div class="tab-content product-tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="ring" role="tabpanel" aria-labelledby="ring-tab"> <div class="product-tab"> <div class="row product-slider3"> <!-- Orignial Theme code--> <!-- <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-9.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Tapered Micro Hoop Earrings</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>90.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>42.00</bdi> </span> </ins> </span> </div> </div> </div> </div> --> <!-- 1 --> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/home/category/1.png" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <!-- dynamic product id: <a href="add_to_cart.php?id=<?php /*echo $product['id']; */ ?>"> --> <a href="add_to_cart.php?id=1" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="add_to_cart.php?id=1" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <h5> <a href="product-detail.html">Sophisticated Pearl and Diamond Earrings</a> </h5> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span><i class="fa fa-inr" aria-hidden="true"></i></span>66.00</bdi> </span> </ins> <del> <span class="amount"> <bdi><span><i class="fa fa-inr" aria-hidden="true"></i></span>85.00</bdi> </span> </del> </span> </div> </div> </div> </div> <!-- 2 --> <?php for($i=2;$i<=6;$i++) { ?> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/home/category/<?php echo $i;?>.png" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <!-- dynamic product id: <a href="add_to_cart.php?id=<?php /*echo $product['id']; */ ?>"> --> <a href="add_to_cart.php?id=<?php echo $i;?>" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="add_to_cart.php?id=<?php echo $i;?>" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <h5> <a href="#">Sophisticated Pearl and Diamond Earrings</a> </h5> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span><i class="fa fa-inr" aria-hidden="true"></i></span>66.00</bdi> </span> </ins> <del> <span class="amount"> <bdi><span><i class="fa fa-inr" aria-hidden="true"></i></span>85.00</bdi> </span> </del> </span> </div> </div> </div> </div> <?php } ?> </div> </div> </div> <!--<div class="tab-pane fade show active" id="ring" role="tabpanel" aria-labelledby="ring-tab">--> <div class="tab-pane fade" id="necklace" role="tabpanel" aria-labelledby="necklace-tab"> <div class="product-tab"> <div class="row product-slider3"> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-9.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Tapered Micro Hoop Earrings</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>90.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>42.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-10.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Sophisticated Pearl and Diamond Earrings</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>85.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>66.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-11.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Sparkling Crystal Halo Necklace</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>75.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>63.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-12.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Eternal Love Infinity Ring</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>59.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>47.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="500"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-13.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Bold Tribal Statement Necklace</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>92.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>71.00</bdi> </span> </ins> </span> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="earring" role="tabpanel" aria-labelledby="earring-tab"> <div class="product-tab"> <div class="row product-slider3"> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-14.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Elegant Oval Sapphire Pendant</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>122.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>102.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-13.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Classic Solitaire Pearl Ring</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>115.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>85.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-9.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Radiant Sun Disk Earrings</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>139.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>121.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-10.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Boho Gemstone Beaded Necklace</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>136.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>114.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="500"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-11.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Regal Emerald Drop Earrings</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>88.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>66.00</bdi> </span> </ins> </span> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="bracelet" role="tabpanel" aria-labelledby="bracelet-tab"> <div class="product-tab"> <div class="row product-slider3"> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-12.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Modern Bar and Chain Earrings</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>131.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>113.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-9.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Gleaming Crystal Tennis Bracelet</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>119.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>89.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-14.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Luminous Freshwater Pearl Bracelet</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>142.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>126.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-10.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Mystic Moon Phase Necklace</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>127.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>114.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="500"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-11.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Sophisticated Garnet Cluster Ring</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>144.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>122.00</bdi> </span> </ins> </span> </div> </div> </div> </div> </div> </div> </div> <div class="tab-pane fade" id="gold-plated" role="tabpanel" aria-labelledby="gold-plated-tab"> <div class="product-tab"> <div class="row product-slider3"> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-11.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Radiant Hexagon Diamond Ring</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>189.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>151.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-13.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Eternal Love Knot Bracelet</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>166.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>129.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-9.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Boho Feather Earrings</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>158.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>118.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-14.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Delicate Opal Stacking Rings</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>72.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>58.00</bdi> </span> </ins> </span> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="product-box product-style-three" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="500"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img3-10.jpg" alt="product-img"> </a> <div class="action-buttons social-icons position-absolute"> <ul class="d-flex align-items-center"> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="top" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist" data-bs-original-title="" title=""> <i class="icon-like"></i> </a> </li> <li class="product-cart"> <a href="cart.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-bs-target="#quickview-popup" data-bs-toggle="modal" data-toggle="tooltip" data-bs-placement="top" data-bs-title="Add to Cart" data-bs-original-title="" title=""> <i class="icon-basket"></i> </a> </li> </ul> </div> </div> <div class="product-content"> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </span> <span class="count">(12)</span> </div> <h5> <a href="product-detail.html">Timeless Gold Rope Chain Necklac</a> </h5> <p class="text-uppercase">18k Gold Plated</p> <div class="product-price"> <span class="price"> <del> <span class="amount"> <bdi><span>$</span>117.00</bdi> </span> </del> <ins> <span class="amount"> <bdi><span>$</span>101.00</bdi> </span> </ins> </span> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Section Spring_sale --> <section> <div class="spring_sale-wrapper position-relative pd-t-140 pd-b-120"> <div class="container"> <div class="spring_sale-inner-wrapper"> <div class="spring_sale-content position-relative"> <h2>Spring Sale Is Here</h2> <p>Our Spring Sale is here for you to shop! Only while stocks last.</p> <div class="spring_sale_offer d-flex align-items-center"> <h2>40</h2> <div class="spring_sale_prcnt"> <h3>%</h3> <span>Off</span> </div> </div> <div class="spring_sale_btn d-flex align-items-center"> <a href="product-list2.html" class="theme-btn position-relative overflow-hidden">Start Shopping</a> <a href="https://www.youtube.com/watch?v=8nFS-lOoo_Q" data-fancybox="video-gallery" data-width="2000" data-height="1000"> <span class="play-icon d-inline-flex align-items-center justify-content-center"> <i class="fa-solid fa-play"></i> </span> <span>Watch Promo</span> </a> </div> </div> </div> </div> </div> </section> <!-- Section Designer --> <section> <div class="designer-wrapper page-cover position-relative pd-t-120 pd-b-120"> <div class="container"> <div class="row justify-content-end gx-0"> <div class="col-lg-8"> <div class="designer-inner-wrapper position-relative"> <div class="sec-tl text-center"> <span class="text-uppercase">Styled By</span> <h2>Designer <span class="position-relative">Collection</span></h2> </div> <div class="row"> <div class="col-lg-4 col-md-4 col-sm-6" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100"> <div class="designer-box position-relative overflow-hidden"> <div class="designer-image overflow-hidden"> <img src="assets/images/resources/product-img1-15.jpg" alt="Product"> </div> <div class="designer-content position-absolute"> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <span class="amount"> <bdi> <span>$</span>14.00 </bdi> </span> </span> </div> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star"></i> </span> <span class="count">12</span> </div> </div> <div class="product-name position-absolute"> <h4>Hooded Qualited Coat</h4> </div> </div> <a class="designer-product-link position-absolute" href="product-detail2.html"></a> </div> </div> <div class="col-lg-4 col-md-4 col-sm-6" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200"> <div class="designer-box position-relative overflow-hidden"> <div class="designer-image overflow-hidden"> <img src="assets/images/resources/product-img1-16.jpg" alt="Product"> </div> <div class="designer-content position-absolute"> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <span class="amount"> <bdi> <span>$</span>25.00 </bdi> </span> </span> </div> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star"></i> </span> <span class="count">14</span> </div> </div> <div class="product-name position-absolute"> <h4>Sleek Monochrome Outfit</h4> </div> </div> <a class="designer-product-link position-absolute" href="product-detail2.html"></a> </div> </div> <div class="col-lg-4 col-md-4 col-sm-6" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300"> <div class="designer-box position-relative overflow-hidden"> <div class="designer-image overflow-hidden"> <img src="assets/images/resources/product-img1-17.jpg" alt="Product"> </div> <div class="designer-content position-absolute"> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <span class="amount"> <bdi> <span>$</span>34.00 </bdi> </span> </span> </div> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star"></i> </span> <span class="count">17</span> </div> </div> <div class="product-name position-absolute"> <h4>Street Style Fashion</h4> </div> </div> <a class="designer-product-link position-absolute" href="product-detail2.html"></a> </div> </div> </div> </div> </div> </div> </div> <div class="designer-bg-image position-absolute" data-aos="zoom-out" data-aos-duration="1000" data-aos-delay="100"> <img src="assets/images/resources/product-img1-14.jpg" alt="designer"> </div> </div> </section> <!-- Section Recent Product --> <section> <div class="product-wrapper pd-t-120 pd-b-130"> <div class="container"> <div class="sec-tl text-center"> <span class="text-uppercase">Just for you</span> <h2>Recent <span class="position-relative">Trends</span> </h2> </div> <div class="row product-slider products"> <div class="col-lg-12 col-md-12 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100"> <div class="product-box product-style-one"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-9.jpg" alt="Product"> </a> <div class="offer position-absolute"> <span class="onsale discount-label d-inline-flex align-items-center justify-content-center">- <span>30</span>% </span> </div> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist"> <i class="icon-like"></i> </a> </li> </ul> </div> <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn"> <i class="icon-basket"></i> </a> </div> <div class="product-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title"> <a href="product-detail.html">Plain Knitted Midi Skirt</a> </h2> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span>$</span>140</bdi> </span> </ins> <del> <span class="amount"> <bdi><span>$</span>160</bdi> </span> </del> </span> </div> <div class="star-rating d-flex align-items-center overflow-hidden"> <a class="btn btn-primary " href="#">More Details</a> </div> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200"> <div class="product-box product-style-one"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-10.jpg" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist"> <i class="icon-like"></i> </a> </li> </ul> </div> <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn"> <i class="icon-basket"></i> </a> </div> <div class="product-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title"> <a href="product-detail.html">Bold Graphic Tees Selection</a> </h2> <div class="variable-product-color"> <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a> </div> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span>$</span>99</bdi> </span> </ins> <del> <span class="amount"> <bdi><span>$</span>110</bdi> </span> </del> </span> </div> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star"></i> </span> <span class="count">12</span> </div> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300"> <div class="product-box product-style-one"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-11.jpg" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist"> <i class="icon-like"></i> </a> </li> </ul> </div> <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn"> <i class="icon-basket"></i> </a> </div> <div class="product-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title"> <a href="product-detail.html">Casual Athleisure Wear Sets</a> </h2> <div class="variable-product-color"> <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a> </div> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span>$</span>85</bdi> </span> </ins> <del> <span class="amount"> <bdi><span>$</span>95</bdi> </span> </del> </span> </div> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star"></i> </span> <span class="count">12</span> </div> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400"> <div class="product-box product-style-one"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-12.jpg" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist"> <i class="icon-like"></i> </a> </li> </ul> </div> <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn"> <i class="icon-basket"></i> </a> </div> <div class="product-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title"> <a href="product-detail.html">Sustainable Eco-Friendly Apparel</a> </h2> <div class="variable-product-color"> <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a> </div> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span>$</span>120</bdi> </span> </ins> <del> <span class="amount"> <bdi><span>$</span>140</bdi> </span> </del> </span> </div> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star"></i> </span> <span class="count">12</span> </div> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="500"> <div class="product-box product-style-one"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-13.jpg" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist"> <i class="icon-like"></i> </a> </li> </ul> </div> <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn"> <i class="icon-basket"></i> </a> </div> <div class="product-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title"> <a href="product-detail.html">Colorful Festival Fashion Picks</a> </h2> <div class="variable-product-color"> <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a> </div> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span>$</span>112</bdi> </span> </ins> <del> <span class="amount"> <bdi><span>$</span>98</bdi> </span> </del> </span> </div> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star"></i> </span> <span class="count">12</span> </div> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="600"> <div class="product-box product-style-one"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-40.jpg" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist"> <i class="icon-like"></i> </a> </li> </ul> </div> <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn"> <i class="icon-basket"></i> </a> </div> <div class="product-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title"> <a href="product-detail.html">Futuristic Neon Style Looks</a> </h2> <div class="variable-product-color"> <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a> </div> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span>$</span>152</bdi> </span> </ins> <del> <span class="amount"> <bdi><span>$</span>170</bdi> </span> </del> </span> </div> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star"></i> </span> <span class="count">12</span> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Section Sale --> <section> <div class="sales-wrapper page-cover position-relative overflow-hidden pd-t-120 pd-b-100"> <div class="container"> <div class="sales-inner-wrapper position-relative"> <div class="sales-box text-center"> <h3 class="text-uppercase">25% OFF JACKETS + BOOTS</h3> <p>In stores + online. Use code COOLDAYS.</p> <a href="product-list.html" class="theme-btn style-white position-relative overflow-hidden">Start Shopping</a> </div> <div class="sales-product position-absolute"> <img src="assets/images/resources/product-img1-18.jpg" alt="Product"> </div> <div class="sales-product v2 position-absolute"> <img src="assets/images/resources/product-img1-19.jpg" alt="Product"> </div> </div> </div> </div> </section> <!-- Section Text Trend --> <section> <div class="text-trend-wrapper"> <div class="text-trend-inner-wrapper overflow-hidden"> <div class="text-trend-box d-flex align-items-center flex-nowrap"> <div class="text-trend-item"> <div class="text-trend-content"> <h3>Clothes</h3> </div> </div> <div class="text-trend-item"> <div class="text-trend-icon"> <i class="icon-light-bolt"></i> </div> </div> <div class="text-trend-item"> <div class="text-trend-content"> <h3>New Trends</h3> </div> </div> <div class="text-trend-item"> <div class="text-trend-icon"> <i class="icon-light-bolt"></i> </div> </div> <div class="text-trend-item"> <div class="text-trend-content"> <h3>Fashion</h3> </div> </div> <div class="text-trend-item"> <div class="text-trend-icon"> <i class="icon-light-bolt"></i> </div> </div> <div class="text-trend-item"> <div class="text-trend-content"> <h3>A-Z Brands</h3> </div> </div> <div class="text-trend-item"> <div class="text-trend-icon"> <i class="icon-light-bolt"></i> </div> </div> <div class="text-trend-item"> <div class="text-trend-content"> <h3>Jackets</h3> </div> </div> <div class="text-trend-item"> <div class="text-trend-icon"> <i class="icon-light-bolt"></i> </div> </div> <div class="text-trend-item"> <div class="text-trend-content"> <h3>Clothes</h3> </div> </div> <div class="text-trend-item"> <div class="text-trend-icon"> <i class="icon-light-bolt"></i> </div> </div> <div class="text-trend-item"> <div class="text-trend-content"> <h3>New Trends</h3> </div> </div> <div class="text-trend-item"> <div class="text-trend-icon"> <i class="icon-light-bolt"></i> </div> </div> <div class="text-trend-item"> <div class="text-trend-content"> <h3>Fashion</h3> </div> </div> <div class="text-trend-item"> <div class="text-trend-icon"> <i class="icon-light-bolt"></i> </div> </div> <div class="text-trend-item"> <div class="text-trend-content"> <h3>A-Z Brands</h3> </div> </div> <div class="text-trend-item"> <div class="text-trend-icon"> <i class="icon-light-bolt"></i> </div> </div> <div class="text-trend-item"> <div class="text-trend-content"> <h3>Jackets</h3> </div> </div> <div class="text-trend-item"> <div class="text-trend-icon"> <i class="icon-light-bolt"></i> </div> </div> </div> </div> </div> </section> <!-- Section Discount --> <section> <div class="discount-wrapper page-cover pd-b-100 pd-t-80"> <div class="container"> <div class="discount-inner-wrapper"> <div class="row align-items-center"> <div class="col-lg-5 col-md-12 col-sm-12"> <div class="discount-content"> <h2 class="text-uppercase">30<sup>%</sup> Off</h2> <h3>Genz <span class="position-relative">Collection</span> </h3> <p>Bringing innovative designs, latest trends and hand-crafted pieces from our various lines that personify</p> <span class="text-uppercase d-inline-block">Limited time offer!</span> <div class="counter-list d-flex align-items-center" id="countdown"> <div class="counter-box time d-inline-flex align-items-center justify-content-center"> <span id="days" class="counter">30</span> <p class="text-uppercase">Days</p> </div> <div class="counter-box time d-inline-flex align-items-center justify-content-center"> <span id="hours" class="counter">30</span> <p class="text-uppercase">Hours</p> </div> <div class="counter-box time d-inline-flex align-items-center justify-content-center"> <span id="minutes" class="counter">30</span> <p class="text-uppercase">Mins</p> </div> <div class="counter-box time d-inline-flex align-items-center justify-content-center"> <span id="seconds" class="counter">30</span> <p class="text-uppercase">Secs</p> </div> </div> </div> </div> <div class="col-lg-7 col-md-12 col-sm-12"> <div class="discount-box d-flex align-items-center justify-content-end flex-wrap"> <div class="discount-image position-relative overflow-hidden" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-31.jpg" alt="discount-image"> </a> <div class="discount-percent position-absolute">-30%</div> </div> <div class="discount-image position-relative overflow-hidden" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="150"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-32.jpg" alt="discount-image"> </a> <div class="discount-percent position-absolute">-30%</div> </div> <div class="discount-image position-relative overflow-hidden" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-33.jpg" alt="discount-image"> </a> <div class="discount-percent position-absolute">-30%</div> </div> <div class="discount-image position-relative overflow-hidden" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="250"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-34.jpg" alt="discount-image"> </a> <div class="discount-percent position-absolute">-30%</div> </div> <div class="discount-image position-relative overflow-hidden" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="300"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-35.jpg" alt="discount-image"> </a> <div class="discount-percent position-absolute">-30%</div> </div> <div class="discount-image position-relative overflow-hidden" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="350"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-36.jpg" alt="discount-image"> </a> <div class="discount-percent position-absolute">-30%</div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Section Testimonial --> <section> <div class="testimonial-wrapper style-three pd-t-120"> <div class="container"> <div class="sec-tl text-center"> <span class="text-uppercase d-inline-block" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100">Testimonials</span> <h2 data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200">Client's <span class="position-relative">Reviews</span> </h2> </div> <div class="testimonial-inner-wrapper position-relative"> <div class="row testimonial-slider3"> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="testimonial-box"> <div class="testimonial-quote text-center"> <i class="icon-testimonial"></i> </div> <div class="testimonial-content text-center"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ex ercitation ullamco laboris nisi.</p> <div class="testimonial-rating"> <div class="testimonial-star"> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </div> <div class="testimonial-author"> <h5>Reconiba Jakline</h5> <span class="text-uppercase">Google Review</span> </div> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="testimonial-box"> <div class="testimonial-quote text-center"> <i class="icon-testimonial"></i> </div> <div class="testimonial-content text-center"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ex ercitation ullamco laboris nisi.</p> <div class="testimonial-rating"> <div class="testimonial-star"> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </div> <div class="testimonial-author"> <h5>Aurora Sanchez</h5> <span class="text-uppercase">Google Review</span> </div> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="testimonial-box"> <div class="testimonial-quote text-center"> <i class="icon-testimonial"></i> </div> <div class="testimonial-content text-center"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor in cididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud ex ercitation ullamco laboris nisi.</p> <div class="testimonial-rating"> <div class="testimonial-star"> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> <i class="icon-star-full icon-star2"></i> </div> <div class="testimonial-author"> <h5>Hannah Ward</h5> <span class="text-uppercase">Google Review</span> </div> </div> </div> </div> </div> </div> <div class="testimonial-image"> <div class="testimonial-img one position-absolute" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100"> <img src="assets/images/resources/author-img4.jpg" alt="Person"> </div> <div class="testimonial-img two position-absolute" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200"> <img src="assets/images/resources/author-img5.jpg" alt="Person"> </div> <div class="testimonial-img three position-absolute" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="300"> <img src="assets/images/resources/author-img6.jpg" alt="Person"> </div> <div class="testimonial-img four position-absolute" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="400"> <img src="assets/images/resources/author-img7.jpg" alt="Person"> </div> </div> </div> </div> </div> </section> <!-- Section Payment --> <section> <div class="payment-wrapper style-three pd-t-120 pd-b-120"> <div class="container"> <div class="payment-inner-wrapper"> <div class="row gx-0"> <div class="col-lg-4 col-md-4 col-sm-12"> <div class="payment-box text-center"> <div class="payment-icon"> <img src="assets/images/resources/srv-img1.png" alt="Service"> </div> <div class="payment-content"> <h4>SHIPS WITHIN 4-7</h4> <h4>BUSINESS DAYS</h4> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-12"> <div class="payment-box text-center"> <div class="payment-icon"> <img src="assets/images/resources/srv-img2.png" alt="Service"> </div> <div class="payment-content"> <h4>Easy Exchange and Returns</h4> <h4>30 Business Days</h4> </div> </div> </div> <div class="col-lg-4 col-md-4 col-sm-12"> <div class="payment-box text-center"> <div class="payment-icon"> <img src="assets/images/resources/srv-img3.png" alt="Service"> </div> <div class="payment-content"> <h4>Payment Method</h4> <img src="assets/images/resources/bank-card2.png" alt="Payment"> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Section Brand --> <section> <div class="brand-wrapper pd-b-60"> <div class="container"> <div class="brand-inner-wrapper"> <div class="sec-tl style-two position-relative"> <div class="section-heading position-relative text-center"> <h3 class="text-uppercase">Discover Top Brands</h3> </div> </div> <div class="row"> <div class="col" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="50"> <div class="brand-box position-relative d-flex align-items-center justify-content-center" > <div class="brand-image"> <img src="assets/images/resources/brand-img1.png" alt="brand-img"> </div> <a href="#" class="position-absolute"></a> </div> </div> <div class="col" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="100"> <div class="brand-box position-relative d-flex align-items-center justify-content-center" > <div class="brand-image"> <img src="assets/images/resources/brand-img2.png" alt="brand-img"> </div> <a href="#" class="position-absolute"></a> </div> </div> <div class="col" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="150"> <div class="brand-box position-relative d-flex align-items-center justify-content-center" > <div class="brand-image"> <img src="assets/images/resources/brand-img3.png" alt="brand-img"> </div> <a href="#" class="position-absolute"></a> </div> </div> <div class="col" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="200"> <div class="brand-box position-relative d-flex align-items-center justify-content-center" > <div class="brand-image"> <img src="assets/images/resources/brand-img4.png" alt="brand-img"> </div> <a href="#" class="position-absolute"></a> </div> </div> <div class="col" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="250"> <div class="brand-box position-relative d-flex align-items-center justify-content-center" > <div class="brand-image"> <img src="assets/images/resources/brand-img5.png" alt="brand-img"> </div> <a href="#" class="position-absolute"></a> </div> </div> </div> </div> </div> </div> </section> <!-- 3 Category --> <section> <div class="fashion-wrapper pd-b-120" style="padding-top:30px;"> <div class="container"> <div class="fashion-inner-wrapper"> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="fashion-box style-two position-relative" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100"> <div class="fashion-image position-relative"> <img src="assets/images/resources/product-img2-8.jpg" alt="fashion-img"> </div> <div class="fashion-content"> <h4> <a href="#">Accessories</a> </h4> <p>Explore stylish and comfortable Women footwear every occasion.</p> <a href="#" class="text-uppercase position-absolute">Shop Now</a> </div> <div class="fashion-shadow position-absolute"> <img src="assets/images/resources/box-shadow.png" alt="box-shadow"> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="fashion-box style-two position-relative" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="200"> <div class="fashion-image position-relative"> <img src="assets/images/resources/product-img2-9.jpg" alt="fashion-img"> </div> <div class="fashion-content"> <h4> <a href="product-list2.html">Apparels</a> </h4> <p>Explore stylish and comfortable Women footwear every occasion.</p> <a href="product-list2.html" class="text-uppercase position-absolute">Shop Now</a> </div> <div class="fashion-shadow position-absolute"> <img src="assets/images/resources/box-shadow.png" alt="box-shadow"> </div> </div> </div> <!-- <div class="col-lg-4 col-md-6 col-sm-6"> <div class="fashion-box style-two position-relative" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="300"> <div class="fashion-image position-relative"> <img src="assets/images/resources/product-img2-10.jpg" alt="fashion-img"> </div> <div class="fashion-content"> <h4> <a href="product-list2.html">Crystal and Gems Jewellery</a> </h4> <p>Explore stylish and comfortable Women footwear every occasion.</p> <a href="product-list2.html" class="text-uppercase position-absolute">Shop Now</a> </div> <div class="fashion-shadow position-absolute"> <img src="assets/images/resources/box-shadow.png" alt="box-shadow"> </div> </div> </div> --> <div class="col-lg-4 col-md-6 col-sm-6"> <div class="fashion-box style-two position-relative" data-aos="zoom-in" data-aos-duration="1000" data-aos-delay="100"> <div class="fashion-image position-relative"> <img src="assets/images/resources/product-img2-8.jpg" alt="fashion-img"> </div> <div class="fashion-content"> <h4> <a href="product-list2.html">Fashion Jewellery</a> </h4> <p>Explore stylish and comfortable Women footwear every occasion.</p> <a href="product-list2.html" class="text-uppercase position-absolute">Shop Now</a> </div> <div class="fashion-shadow position-absolute"> <img src="assets/images/resources/box-shadow.png" alt="box-shadow"> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Section Discover --> <section> <div class="discover-wrapper page-cover pd-t-280 pd-b-220"> <div class="container"> <div class="row justify-content-between"> <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100"> <div class="discover-content position-relative text-center" > <div class="discover-title"> <h3 class="text-uppercase">Autumn</h3> </div> <p>Lorem ipsum dolor sit amet, consect etudipiscing elit, se lorim.</p> <a href="product-list.html" class="text-uppercase position-relative">Discover Shop</a> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200"> <div class="discover-content position-relative text-center" > <div class="discover-title"> <h3 class="text-uppercase">Outfits</h3> </div> <p>Lorem ipsum dolor sit amet, consect etudipiscing elit, se lorim.</p> <a href="product-list.html" class="text-uppercase position-relative">Discover Shop</a> </div> </div> </div> </div> </div> </section> <!-- Section Article --> <section> <div class="article-wrapper style-one pd-t-115 pd-b-120"> <div class="container"> <div class="sec-tl text-center"> <span class="text-uppercase">Updates & Trends</span> <h2>Latest <span class="position-relative">Articles</span> </h2> </div> <div class="article-inner-wrapper"> <div class="row"> <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100"> <div class="article-box" > <div class="article-image position-relative"> <a href="blogdetail.html"> <img src="assets/images/resources/product-img1-37.jpg" alt="article"> </a> </div> <div class="article-content"> <div class="meta-wrapper d-flex align-items-center"> <span> <a href="blog.html" class="d-flex align-items-center"> <i class="icon-calender"></i>May 20, 2024 </a> </span> <span> <a href="blog.html" class="d-flex align-items-center"> <i class="icon-comment"></i> 14 </a> </span> </div> <h4> <a href="blogdetail.html">Fashion trends see all-over brown blended</a> </h4> <p>Lorem ipsum dolor sit amet, consectetu dipis cing elit, sed do eiusmod tempor inci unt ut la bore et dolore magna aliqua.</p> <a href="blog.html" class="article-link d-inline-flex align-items-center justify-content-center position-relative"> <bdi>Read More</bdi> <span class="d-inline-flex align-items-center justify-content-center"> <i class="icon-arrow"></i> </span> </a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200"> <div class="article-box" > <div class="article-image position-relative"> <a href="blogdetail.html"> <img src="assets/images/resources/product-img1-38.jpg" alt="article"> </a> </div> <div class="article-content"> <div class="meta-wrapper d-flex align-items-center"> <span> <a href="blog.html" class="d-flex align-items-center"> <i class="icon-calender"></i>May 21, 2024 </a> </span> <span> <a href="blog.html" class="d-flex align-items-center"> <i class="icon-comment"></i> 13 </a> </span> </div> <h4> <a href="blogdetail.html">Modern Minimalist Capsule Wardrobe</a> </h4> <p>Lorem ipsum dolor sit amet, consectetu dipis cing elit, sed do eiusmod tempor inci unt ut la bore et dolore magna aliqua.</p> <a href="blog.html" class="article-link d-inline-flex align-items-center justify-content-center position-relative"> <bdi>Read More</bdi> <span class="d-inline-flex align-items-center justify-content-center"> <i class="icon-arrow"></i> </span> </a> </div> </div> </div> <div class="col-lg-4 col-md-6 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300"> <div class="article-box" > <div class="article-image position-relative"> <a href="blogdetail.html"> <img src="assets/images/resources/product-img1-39.jpg" alt="article"> </a> </div> <div class="article-content"> <div class="meta-wrapper d-flex align-items-center"> <span> <a href="blog.html" class="d-flex align-items-center"> <i class="icon-calender"></i>May 22, 2024 </a> </span> <span> <a href="blog.html" class="d-flex align-items-center"> <i class="icon-comment"></i> 16 </a> </span> </div> <h4> <a href="blogdetail.html">Streetwear Influencer Fashion Pieces</a> </h4> <p>Lorem ipsum dolor sit amet, consectetu dipis cing elit, sed do eiusmod tempor inci unt ut la bore et dolore magna aliqua.</p> <a href="blog.html" class="article-link d-inline-flex align-items-center justify-content-center position-relative"> <bdi>Read More</bdi> <span class="d-inline-flex align-items-center justify-content-center"> <i class="icon-arrow"></i> </span> </a> </div> </div> </div> </div> <div class="article-btn text-center"> <a href="product-list.html" class="theme-btn style-stroke position-relative overflow-hidden">View All Posts</a> </div> </div> </div> </div> </section> <!-- Section Service --> <section> <div class="service-wrapper style-one"> <div class="container"> <div class="row align-items-center"> <div class="col-lg-3 col-md-6 col-sm-6 position-relative"> <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="100"> <div class="service-icon d-inline-flex align-items-center justify-content-center" style="background-color:#E4108B"> <i class="icon-delivery"></i> </div> <div class="service-content"> <h3>Free Delivery</h3> <p>On all orders over $40</p> </div> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6 position-relative"> <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="200"> <div class="service-icon d-inline-flex align-items-center justify-content-center" style="background-color:#E4108B"> <i class="icon-delivery-man"></i> </div> <div class="service-content"> <h3>Refer a Friend</h3> <p>Give 25% off. receive 25% off</p> </div> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6 position-relative"> <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="300"> <div class="service-icon d-inline-flex align-items-center justify-content-center" style="background-color:#E4108B"> <i class="icon-delivery-man"></i> </div> <div class="service-content"> <h3>Next Day Delivery</h3> <p>Up until midnight</p> </div> </div> </div> <div class="col-lg-3 col-md-6 col-sm-6"> <div class="service-box text-center" data-aos="zoom-in" data-aos-duration="800" data-aos-delay="400"> <div class="service-icon d-inline-flex align-items-center justify-content-center" style="background-color:#E4108B"> <i class="icon-direction"></i> </div> <div class="service-content"> <h3>Free Size Exchanges</h3> <p>Plus Fast, easy returns</p> </div> </div> </div> </div> </div> </div> </section> <?php include"footer.php";?>