:: **Zploit** v1.0 | Current Path: **/home/kreativepixelz/www/demo/jdc/new_1/**
:: Editing File: index.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 slider"> <div class="slide"> <img src="assets/slider1.jpg" class="banner-img desktop-img" alt=""> <img src="assets/slider1.jpg" class="banner-img mobile-img" alt=""> </div> <div class="slide"> <img src="assets/slider2.jpg" class="banner-img desktop-img" alt=""> <img src="assets/slider2.jpg" class="banner-img mobile-img" alt=""> </div> </div> <style> .banner-box{ position:relative; overflow:hidden; } .slide{ display:none; } .slide img{ width:100%; } .slide.active{ display:block; } /* Mobile / Desktop image switch */ .mobile-img{ display:none; } @media(max-width:768px){ .desktop-img{ display:none; } .mobile-img{ display:block; } } </style> <script> let slideIndex = 0; showSlides(); function showSlides() { let slides = document.querySelectorAll(".slide"); slides.forEach(slide => slide.classList.remove("active")); slideIndex++; if (slideIndex > slides.length) { slideIndex = 1; } slides[slideIndex-1].classList.add("active"); setTimeout(showSlides, 3000); // 3 seconds } </script> <!-- 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">Long Shirt Stretchable</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 $product_names = [ 2 => "Imported Midi", 3 => "J Floral Midi", 4 => "Plain Shimmer Long Gown", 5 => "Denim Star Shirt", 6 => "RF Gown" ]; 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="#"><?php echo $product_names[$i]; ?></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" style="padding-top:200px;padding-bottom:140px;"> <div class="container"> <div class="spring_sale-inner-wrapper"> <div class="spring_sale-content position-relative"> <p style="color:#000;font-size: 2rem;">Experience the ethereal beauty of hand-crafted </p> <br> <h2 style="color:#654321">Lucknowi Chikankari</h2> <br> <!--<div class="spring_sale_offer d-flex align-items-center"> <h2 style="color:#000">Lucknowi Chikankari</h2> <!--<div class="spring_sale_prcnt"> <h3 style="color:#000">%</h3> <span style="color:#000">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">Explore the Collection</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">--> <img src="assets/home/t1.png" 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><i class="fa fa-inr" aria-hidden="true"></i></span>1400.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">5</span> </div> </div> <div class="product-name position-absolute"> <h4>Mehroon Tunic</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/home/t2.png" 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><i class="fa fa-inr" aria-hidden="true"></i></span>2500.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">4.9</span> </div> </div> <div class="product-name position-absolute"> <h4>Frill Long Gown</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/home/t3.png" 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><i class="fa fa-inr" aria-hidden="true"></i></span>3400.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">4.8</span> </div> </div> <div class="product-name position-absolute"> <h4>Oil Paint Top</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">--> <img src="assets/home/trend.png" alt="designer"> </div> </div> </section> <!-- Section Recent Product --> <style> .product-content h2{ font-size: 14px; } .product-style-one .product-content { padding : 1.00rem 1.00rem 1.000rem } </style> <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"> <!-- 1 --> <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="#"> <img src="assets/home/product/p1.png" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="#" 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="2xl" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">2xl</a> </span> <span class="swatch-label" title="3xl" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">3xl</a> </span> <span class="swatch-label" title="4xl" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">4xl</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="#" 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"> <a href="#"> Long Shimmer Dresses</a> </p> <h2 class="product-title"> <a href="#">Party Wear Celbrity Style Long Dress </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">#e8c2d3</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#1e73be</a> <!--<a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#dd3333</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><i class="fa fa-inr" aria-hidden="true"></i></span>1,850</bdi> </span> </ins> <del> <span class="amount"> <bdi><span><i class="fa fa-inr" aria-hidden="true"></i></span>1,950</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> <!-- 2 --> <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="#"> <img src="assets/home/product/p4.png" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="#" 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="M" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <!--<span class="swatch-label" title="3xl" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">3xl</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="#" 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"> <a href="#"> Shimmer Midi</a> </p> <h2 class="product-title"> <a href="#">Party Wear Celbrity Style Middi Dress</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">#000000</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#81d742</a> --> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#4f6060</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><i class="fa fa-inr" aria-hidden="true"></i></span>1,999</bdi> </span> </ins> <del> <span class="amount"> <bdi><span><i class="fa fa-inr" aria-hidden="true"></i></span>1,499</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> <!-- 3 --> <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="#"> <img src="assets/home/product/p3.png" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="#" 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="50" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">50</a> </span> <span class="swatch-label" title="52" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">52</a> </span> <span class="swatch-label" title="54" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">54</a> </span> <span class="swatch-label" title="56" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">56</a> </span> <span class="swatch-label" title="58" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">58</a> </span> <span class="swatch-label" title="60" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">60</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="#" 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"> <a href="#"> Long Shimmer Dresses</a> </p> <h2 class="product-title"> <a href="#">Poncho Sleeves Celbrity Style Long Gown</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">#bd9544</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#e0b294</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#dd3333</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><i class="fa fa-inr" aria-hidden="true"></i></span>2,550</bdi> </span> </ins> <del> <span class="amount"> <bdi><span><i class="fa fa-inr" aria-hidden="true"></i></span>2,650</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> <!-- 4 --> <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="#"> <img src="assets/home/product/p5.png" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="#" 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="2xl" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">2xl</a> </span> <span class="swatch-label" title="3xl" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">3xl</a> </span> <span class="swatch-label" title="4xl" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">4xl</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="#" 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"> <a href="#"> Long Shimmer Dresses</a> </p> <h2 class="product-title"> <a href="#">Party Wear Celbrity Style Long Gown</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">#1e73be</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#bfbfbf</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#81d742</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#dd3333</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#eeee22</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><i class="fa fa-inr" aria-hidden="true"></i></span>1,850</bdi> </span> </ins> <del> <span class="amount"> <bdi><span><i class="fa fa-inr" aria-hidden="true"></i></span>1,950</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> <!-- 5 --> <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="#"> <img src="assets/home/product/p2.png" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="#" 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="2xl" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">2xl</a> </span> <span class="swatch-label" title="3xl" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">3xl</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="#" 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"> <a href="#"> Partywear</a> </p> <h2 class="product-title"> <a href="#">Party Wear Celbrity Style Long Dress</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">#000000</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#81d742</a> --> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#dd3333</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><i class="fa fa-inr" aria-hidden="true"></i></span>1,850</bdi> </span> </ins> <del> <span class="amount"> <bdi><span><i class="fa fa-inr" aria-hidden="true"></i></span>1,950</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> <!-- 6 --> <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="#"> <img src="assets/home/product/p6.png" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="#" 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="48" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">48</a> </span> <span class="swatch-label" title="50" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">50</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="#" 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"> <a href="#"> Long Shimmer Dresses</a> </p> <h2 class="product-title"> <a href="#">Party Wear Self Embossed Midi Dress</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">#000000</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#81d742</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#dd3333</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><i class="fa fa-inr" aria-hidden="true"></i></span>1,600</bdi> </span> </ins> <del> <span class="amount"> <bdi><span><i class="fa fa-inr" aria-hidden="true"></i></span>1,999</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";?>