:: **Zploit** v1.0 | Current Path: **/home/kreativepixelz/www/demo/jdc/new/**
:: Editing File: product-detail2.php
<?php include"header.php"?> <!-- Section Hero --> <section> <div class="hero-wrapper page-cover position-relative"> <div class="container"> <div class="hero-inner-wrapper"> <div class="hero-content text-center"> <h2 class="text-uppercase">Product Details</h2> <div class="breadcrumb-wrapper"> <ol class="breadcrumb justify-content-center"> <li class="text-uppercase position-relative"><a href="#">Home</a></li> <li class="text-uppercase position-relative"><a href="#">Fashion Clothes</a></li> <li class="text-uppercase active">Product Details</li> </ol> </div> </div> </div> </div> </div> </section> <!-- Section Product Detail --> <section> <div class="product-detail-wrapper pd-t-120"> <div class="container"> <div class="product-detail-inner-wrapper style-two"> <div class="row align-items-center"> <div class="col-lg-6 col-md-12 col-sm-12"> <div class="product-detail-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title entry-title">Zipped Regent Tote Handbag</h2> <div class="product-rating d-flex align-items-center flex-wrap"> <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 text-uppercase position-relative">24 Reviews</span> </div> <div class="creat-review"> <a href="review-tab" class="theme-btn d-inline-flex position-relative overflow-hidden">Write Review</a> </div> </div> <div class="product-size-wrapper d-flex align-items-center"> <div class="size-lable"> <h4 class="text-uppercase">Size:</h4> </div> <div class="swatches variable-product-sizes d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> </div> <div class="product-color-wrapper"> <div class="color-lable"> <h4 class="text-uppercase">Color: <span>Navy</span> </h4> </div> <div class="product-color-list d-flex align-items-center"> <span class="active d-inline-flex align-items-center justify-content-center position-relative">#dd383c</span> <span class="d-inline-flex align-items-center justify-content-center position-relative">#ff9662</span> <span class="d-inline-flex align-items-center justify-content-center position-relative">#96ba37</span> <span class="d-inline-flex align-items-center justify-content-center position-relative">#c962ff</span> </div> </div> <div class="product-detail-price"> <span class="price"> <ins> <span class="amount"> <bdi> <span>$</span>140.00 </bdi> </span> </ins> <del> <span class="amount"> <bdi> <span>$</span>140.00 </bdi> </span> </del> </span> </div> <div class="product-quantity-btn"> <div class="product-quantity"> <div class="product-quantity"> <input type="number" value="1" min="1" max="10" step="1"> </div> </div> <div class="product-cart-wishlist d-flex align-items-center justify-content-between"> <button class="theme-btn position-relative overflow-hidden d-flex align-items-center"> <i class="icon-basket"></i> Add to Cart </button> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center" 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> </div> </div> <div class="size-guide"> <h4> <a href="#" data-bs-toggle="modal" data-bs-target="#guide-popup"> <img src="assets/images/resources/size.png" alt="size"> Size Guide </a> </h4> <p>Please look at the size guide before completing your order, as sizes vary from brand to brand.</p> </div> <div class="payment-options"> <img src="assets/images/resources/bank-card2.png" alt="Pay Options"> </div> </div> </div> <div class="col-lg-6 col-md-12 col-sm-12"> <div class="product-detail-images"> <div class="product-detail-for-horizontal"> <div class="product-detail-big-image"> <a href="#"> <img src="assets/images/resources/product-detail5.jpg" alt="Product"> </a> </div> <div class="product-detail-big-image"> <a href="#"> <img src="assets/images/resources/product-detail5.jpg" alt="Product"> </a> </div> <div class="product-detail-big-image"> <a href="#"> <img src="assets/images/resources/product-detail5.jpg" alt="Product"> </a> </div> <div class="product-detail-big-image"> <a href="#"> <img src="assets/images/resources/product-detail5.jpg" alt="Product"> </a> </div> <div class="product-detail-big-image"> <a href="#"> <img src="assets/images/resources/product-detail5.jpg" alt="Product"> </a> </div> <div class="product-detail-big-image"> <a href="#"> <img src="assets/images/resources/product-detail5.jpg" alt="Product"> </a> </div> </div> <div class="product-detail-nav-horizontal"> <div class="product-detail-mini-image"> <img src="assets/images/resources/product-detail1.jpg" alt="product-img"> </div> <div class="product-detail-mini-image"> <img src="assets/images/resources/product-detail2.jpg" alt="product-img"> </div> <div class="product-detail-mini-image"> <img src="assets/images/resources/product-detail3.jpg" alt="product-img"> </div> <div class="product-detail-mini-image"> <img src="assets/images/resources/product-detail1.jpg" alt="product-img"> </div> <div class="product-detail-mini-image"> <img src="assets/images/resources/product-detail2.jpg" alt="product-img"> </div> <div class="product-detail-mini-image"> <img src="assets/images/resources/product-detail3.jpg" alt="product-img"> </div> </div> </div> </div> </div> </div> <div class="product-detail-tab style-two d-flex flex-wrap align-items-start"> <ul class="nav nav-tabs" id="myTab" role="tablist"> <li class="nav-item position-relative" role="presentation"> <button class="nav-link text-start position-relative active" id="description-tab" data-bs-toggle="tab" data-bs-target="#description" type="button" role="tab" aria-controls="description" aria-selected="true">Description</button> </li> <li class="nav-item position-relative" role="presentation"> <button class="nav-link text-start position-relative" id="additional-tab" data-bs-toggle="tab" data-bs-target="#additional" type="button" role="tab" aria-controls="additional" aria-selected="false">Additional Information</button> </li> <li class="nav-item position-relative" role="presentation"> <button class="nav-link text-start position-relative" id="shipping-tab" data-bs-toggle="tab" data-bs-target="#shipping" type="button" role="tab" aria-controls="shipping" aria-selected="false">Shipping & Return</button> </li> <li class="nav-item position-relative" role="presentation"> <button class="nav-link text-start position-relative" id="reviews-tab" data-bs-toggle="tab" data-bs-target="#reviews" type="button" role="tab" aria-controls="reviews" aria-selected="false">Reviews</button> </li> </ul> <div class="tab-content" id="myTabContent"> <div class="tab-pane fade show active" id="description" role="tabpanel" aria-labelledby="description-tab"> <div class="product-description"> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et niam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culp at nulla pariatur. Excepteur sint occaecat cupidatat non prolaborum</p> <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et niam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo con</p> <ul class="detail-list"> <li class="position-relative">Cami top, slim fitting</li> <li class="position-relative">Lace trim, adjustable shoulder straps</li> <li class="position-relative">Good stretch, unlined</li> <li class="position-relative">88% nylon 12% elastane</li> <li class="position-relative">Cold machine wash </li> </ul> </div> </div> <div class="tab-pane fade" id="additional" role="tabpanel" aria-labelledby="additional-tab"> <div class="product-table"> <table> <tbody> <tr> <th class="label">Fabric:</th> <td>50% Polyester, 50% Cotton, Fleece</td> </tr> <tr> <th class="label">Bottom:</th> <td>Quarter Zipper</td> </tr> <tr> <th class="label">Size:</th> <td>Navy, Dark,BLack</td> </tr> </tbody> </table> </div> </div> <div class="tab-pane fade" id="shipping" role="tabpanel" aria-labelledby="shipping-tab"> <div class="ship-return-wrapper"> <div class="free-shipping">FREE SHIPPING when you spend <span class="position-relative">over $50 USD!</span> </div> <div class="shipping-content"> <h3>From USA:</h3> <p>Return within 30 days for an exchange, refund or gift card. Easy, sustainable returns available for select orders at a nearby Happy Returns bar or opt to print our label and ship.</p> </div> <div class="shipping-content"> <h3>Free Exchange:</h3> <p>Select an item for exchange via our returns portal to avoid paying the return shipping cost!</p> </div> <div class="shipping-content"> <h3>Refund:</h3> <p>Select a refund via our returns portal and $6.95 will be deducted from your refund for return processing fees.</p> </div> </div> </div> <div class="tab-pane fade" id="reviews" role="tabpanel" aria-labelledby="reviews-tab"> <div class="product-tab-rating"> <div class="row"> <div class="col-lg-12 col-md-12 col-sm-12"> <div class="review-client-wrapper"> <h3>Reviews</h3> <ol class="commentlist"> <li> <div class="comment"> <img src="assets/images/resources/author-img4.jpg" alt="Avatar"> <div class="comment-detail"> <div class="author-name d-flex align-items-center justify-content-between"> <h4 class="text-uppercase">Ella J. </h4> <time datetime="2023-03-02T10:35:47+00:00">10/18/23</time> </div> <div class="star-rating"> <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> </div> <div class="description"> <p>This shirt looks beautiful and the color was the same as the picture! it pairs well with these two skirts i bought and the shirt itself fits perfectly! i can definitely mix&match these with many different clothes! </p> </div> </div> </div> </li> <li> <div class="comment"> <img src="assets/images/resources/author-img5.jpg" alt="Avatar"> <div class="comment-detail"> <div class="author-name d-flex align-items-center justify-content-between"> <h4 class="text-uppercase">Ella J. </h4> <time datetime="2023-03-02T10:35:47+00:00">10/18/23</time> </div> <div class="star-rating"> <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> </div> <div class="description"> <p>this shoulder black top are absolutely stunning and stylish. It add a touch of elegance and allure to any outfit.</p> </div> </div> </div> </li> <li> <div class="comment"> <img src="assets/images/resources/author-img6.jpg" alt="Avatar"> <div class="comment-detail"> <div class="author-name d-flex align-items-center justify-content-between"> <h4 class="text-uppercase">Ella J. </h4> <time datetime="2023-03-02T10:35:47+00:00">10/18/23</time> </div> <div class="star-rating"> <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> </div> <div class="description"> <p>this shoulder black top are absolutely stunning and stylish. It add a touch of elegance and allure to any outfit.</p> </div> </div> </div> </li> </ol> <div class="review-more text-center"> <a href="#" class="load-more theme-btn style-stroke position-relative overflow-hidden">Load More Reviews</a> </div> <div class="review-form-wrapper"> <h3>WRITE A REVIEW</h3> <div class="review-form-rating"> <label class="text-uppercase">Rating:</label> <span> <i class="icon-star icon-star2"></i> <i class="icon-star icon-star2"></i> <i class="icon-star icon-star2"></i> <i class="icon-star icon-star2"></i> <i class="icon-star icon-star2"></i> </span> </div> <form class="d-flex align-items-center flex-wrap"> <div class="form-input-half"> <div class="contact-input"> <input type="tel" name="text" placeholder="Phone No" class="input-field"> </div> </div> <div class="form-input-half"> <div class="contact-input"> <input type="tel" name="text" placeholder="Phone No" class="input-field"> </div> </div> <div class="contact-message"> <textarea placeholder="Review"></textarea> </div> <button type="submit" class="theme-btn position-relative overflow-hidden">Submit Now</button> </form> </div> </div> </div> </div> </div> </div> </div> </div> </div> </div> </section> <!-- Section Product --> <section> <div class="product-wrapper pd-t-120 pd-b-130"> <div class="container"> <div class="sec-tl text-center"> <span class="text-uppercase">Just for you</span> <h2>Recent <span class="position-relative">Trends</span> </h2> </div> <div class="row product-slider products"> <div class="col-lg-12 col-md-12 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="100"> <div class="product-box product-style-one"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-9.jpg" alt="Product"> </a> <div class="offer position-absolute"> <span class="onsale discount-label d-inline-flex align-items-center justify-content-center">- <span>30</span>% </span> </div> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist"> <i class="icon-like"></i> </a> </li> <li class="product-quickview"> <a href="#" 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="left" data-bs-title="Quick View"> <svg class="icon icon-view"> <use xlink:href="#icon-view"></use> </svg> </a> </li> <li class="product-compare"> <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-title="Compare"> <svg class="icon icon-compare"> <use xlink:href="#icon-compare"></use> </svg> </a> </li> </ul> </div> <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn"> <i class="icon-basket"></i> </a> </div> <div class="product-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title"> <a href="product-detail.html">Plain Knitted Midi Skirt</a> </h2> <div class="variable-product-color"> <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a> </div> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span>$</span>140</bdi> </span> </ins> <del> <span class="amount"> <bdi><span>$</span>160</bdi> </span> </del> </span> </div> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star"></i> </span> <span class="count">12</span> </div> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="200"> <div class="product-box product-style-one"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-10.jpg" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist"> <i class="icon-like"></i> </a> </li> <li class="product-quickview"> <a href="#" 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="left" data-bs-title="Quick View"> <svg class="icon icon-view"> <use xlink:href="#icon-view"></use> </svg> </a> </li> <li class="product-compare"> <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-title="Compare"> <svg class="icon icon-compare"> <use xlink:href="#icon-compare"></use> </svg> </a> </li> </ul> </div> <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn"> <i class="icon-basket"></i> </a> </div> <div class="product-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title"> <a href="product-detail.html">Neon Windbreaker Jacket</a> </h2> <div class="variable-product-color"> <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a> </div> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span>$</span>120</bdi> </span> </ins> <del> <span class="amount"> <bdi><span>$</span>110</bdi> </span> </del> </span> </div> <div class="star-rating d-flex align-items-center overflow-hidden"> <span> <i class="icon-star"></i> </span> <span class="count">15</span> </div> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="300"> <div class="product-box product-style-one"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-11.jpg" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist"> <i class="icon-like"></i> </a> </li> <li class="product-quickview"> <a href="#" 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="left" data-bs-title="Quick View"> <svg class="icon icon-view"> <use xlink:href="#icon-view"></use> </svg> </a> </li> <li class="product-compare"> <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-title="Compare"> <svg class="icon icon-compare"> <use xlink:href="#icon-compare"></use> </svg> </a> </li> </ul> </div> <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn"> <i class="icon-basket"></i> </a> </div> <div class="product-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title"> <a href="product-detail.html">Ribbed Knit Crop Top</a> </h2> <div class="variable-product-color"> <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a> </div> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span>$</span>155</bdi> </span> </ins> <del> <span class="amount"> <bdi><span>$</span>135</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">11</span> </div> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="400"> <div class="product-box product-style-one"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-12.jpg" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist"> <i class="icon-like"></i> </a> </li> <li class="product-quickview"> <a href="#" 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="left" data-bs-title="Quick View"> <svg class="icon icon-view"> <use xlink:href="#icon-view"></use> </svg> </a> </li> <li class="product-compare"> <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-title="Compare"> <svg class="icon icon-compare"> <use xlink:href="#icon-compare"></use> </svg> </a> </li> </ul> </div> <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn"> <i class="icon-basket"></i> </a> </div> <div class="product-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title"> <a href="product-detail.html">Tie-Dye Cropped Hoodie</a> </h2> <div class="variable-product-color"> <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a> </div> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span>$</span>179</bdi> </span> </ins> <del> <span class="amount"> <bdi><span>$</span>150</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">18</span> </div> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="500"> <div class="product-box product-style-one"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-13.jpg" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist"> <i class="icon-like"></i> </a> </li> <li class="product-quickview"> <a href="#" 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="left" data-bs-title="Quick View"> <svg class="icon icon-view"> <use xlink:href="#icon-view"></use> </svg> </a> </li> <li class="product-compare"> <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-title="Compare"> <svg class="icon icon-compare"> <use xlink:href="#icon-compare"></use> </svg> </a> </li> </ul> </div> <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn"> <i class="icon-basket"></i> </a> </div> <div class="product-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title"> <a href="product-detail.html">Striped Ribbed Tank Top</a> </h2> <div class="variable-product-color"> <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a> </div> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span>$</span>167</bdi> </span> </ins> <del> <span class="amount"> <bdi><span>$</span>152</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">13</span> </div> </div> </div> </div> </div> <div class="col-lg-12 col-md-12 col-sm-12" data-aos="fade-in-up" data-aos-duration="1000" data-aos-delay="600"> <div class="product-box product-style-one"> <div class="product-image position-relative overflow-hidden"> <a href="product-detail.html"> <img src="assets/images/resources/product-img1-40.jpg" alt="Product"> </a> <div class="action-buttons social-icons position-absolute"> <ul> <li class="product-wishlist"> <a href="wishlist.html" class="d-inline-flex align-items-center justify-content-center position-relative overflow-hidden" data-toggle="tooltip" data-bs-placement="left" data-bs-custom-class="product-actions-tooltip" data-bs-title="Add to wishlist"> <i class="icon-like"></i> </a> </li> <li class="product-quickview"> <a href="#" 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="left" data-bs-title="Quick View"> <svg class="icon icon-view"> <use xlink:href="#icon-view"></use> </svg> </a> </li> <li class="product-compare"> <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-title="Compare"> <svg class="icon icon-compare"> <use xlink:href="#icon-compare"></use> </svg> </a> </li> </ul> </div> <div class="swatches variable-product-sizes position-absolute d-flex align-items-center justify-content-center"> <span class="swatch-label" title="S" data-term="Small"> <a href="#" class="d-flex align-items-center justify-content-center">S</a> </span> <span class="swatch-label" title="M" data-term="Medium"> <a href="#" class="d-flex align-items-center justify-content-center">M</a> </span> <span class="swatch-label" title="XL" data-term="Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XL</a> </span> <span class="swatch-label" title="XXL" data-term="Extra Extra Large"> <a href="#" class="d-flex align-items-center justify-content-center">XXL</a> </span> </div> <a href="cart.html" class="product-cart add_to_cart_button position-absolute text-center theme-btn"> <i class="icon-basket"></i> </a> </div> <div class="product-content"> <p class="brand-name">BRAND: <a href="product-list2.html">LIONESS</a> </p> <h2 class="product-title"> <a href="product-detail.html">Sequin Bomber Jacket</a> </h2> <div class="variable-product-color"> <a href="javascript:void(0);" class="switch-color enabled d-inline-flex align-items-center justify-content-between position-relative">#dd383c</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#ff9662</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#96ba37</a> <a href="javascript:void(0);" class="switch-color d-inline-flex align-items-center justify-content-between position-relative">#c962ff</a> </div> <div class="product-price-wrapper d-flex align-items-center justify-content-between"> <div class="product-price"> <span class="price"> <ins> <span class="amount"> <bdi><span>$</span>99</bdi> </span> </ins> <del> <span class="amount"> <bdi><span>$</span>88</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">05</span> </div> </div> </div> </div> </div> </div> </div> </div> </section> <?php include"footer.php"?> <!-- Guide Popup --> <div class="guide-wrapper modal fade" id="guide-popup"> <div class="modal-dialog modal-dialog-centered guide-modal modal-dialog-scrollable"> <div class="modal-content"> <div class="modal-body"> <button type="button" class="btn-close position-absolute" data-bs-dismiss="modal" aria-label="Close"></button> <div class="guide-head text-center"> <h3>Size Guide</h3> </div> <div class="guide-body"> <h4>Clothes Sizing Guide</h4> <p>This guide will help you find the perfect fit for your jewelry. Remember, sizing can vary between brands, so it's always a good idea to refer to the specific size chart provided by the seller if available.</p> <h4>Shirt</h4> <p>Shirt should fit comfortably on your finger without feeling too loose or constricting. To measure your finger size, you can:</p> <p>Use a ring sizer tool: These are available online or at most jewelry stores. Wrap the sizer tool around your finger until it fits snugly, then note the size indicated. Measure a ring that already fits you: Wrap a piece of paper or string around the base of your finger and mark the spot where it meets. Measure the distance between the marks in millimeters (mm) and use a ring size chart to find your corresponding size.</p> <p>**Shirt Size Chart (Reference Only):**</p> <table class="guide-table"> <thead> <tr> <th>Size</th> <th>Millimeters(mm)</th> </tr> </thead> <tbody> <tr> <td>8</td> <td>15.0</td> </tr> <tr> <td>9</td> <td>16.0</td> </tr> <tr> <td>10</td> <td>17.0</td> </tr> <tr> <td>11</td> <td>18.0</td> </tr> <tr> <td>12</td> <td>19.0</td> </tr> <tr> <td>13</td> <td>20.0</td> </tr> <tr> <td>14</td> <td>21.0</td> </tr> <tr> <td>15</td> <td>22.0</td> </tr> </tbody> </table> <h4>Shirt</h4> <p>Shirt length can dramatically affect the look and feel of your outfit. Here's a guide to common necklace lengths:</p> <ul> <li>Shirt: 14-16 inches (35.5 - 40.6 cm) - Sits closely around the neck.</li> <li>Paint: 17-19 inches (43.2 - 48.3 cm) - Falls just below the collarbone.</li> <li>Hoodies: 20-24 inches (50.8 - 61.0 cm) - Rests on the bust line.</li> <li>Bag: 26-28 inches (66.0 - 71.1 cm) - Reaches the sternum.</li> <li>Long: 30 inches or more (76.2 cm+) - Can fall to the waist or even hip.</li> <li>Consider your neck size and desired style when choosing a necklace length.</li> </ul> <h4>Shirt</h4> <p>Use a ring sizer tool: These are available online or at most jewelry stores. Wrap the sizer tool around your finger until it fits snugly, then note the size indicated. Measure a ring that already fits you: Wrap a piece of paper or string around the base of your finger and mark the spot where it meets. Measure the distance between the marks in millimeters (mm) and use a ring size chart to find your corresponding size.</p> <p>**Shirt Size Chart (Reference Only):**</p> <table class="guide-table"> <thead> <tr> <th>Size</th> <th>Millimeters(mm)</th> </tr> </thead> <tbody> <tr> <td>8</td> <td>15.0</td> </tr> <tr> <td>9</td> <td>16.0</td> </tr> <tr> <td>10</td> <td>17.0</td> </tr> <tr> <td>11</td> <td>18.0</td> </tr> <tr> <td>12</td> <td>19.0</td> </tr> </tbody> </table> <h4>Shirt</h4> <p>Use a ring sizer tool: These are available online or at most jewelry stores. Wrap the sizer tool around your finger until it fits snugly, then note the size indicated. Measure a ring that already fits you: Wrap a piece of paper or string around the base of your finger and mark the spot where it meets. Measure the distance between the marks in millimeters (mm) and use a ring size chart to find your corresponding size.</p> </div> </div> </div> </div> </div>