/eh/2025-01-08/173633966714069467/picture.png)
/eh/2024-12-24/173503345348979036/Favorite-Icon.png){kind=icon}
/eh/2025-07-08/1751962110204480194/picture.png)
/eh/2025-06-21/1750485478958537574/countryInfoIcon.png)
/eh/2025-06-21/1750485741321434291/Hi-Sign-in-My-Nihao.png)
/eh/2025-06-21/1750485837193896318/cart.png)
/eh/2025-06-21/1750485968202533847/cart.png)
/eh/2025-04-17/1744862476612819675/hot-img.png)
/eh/2025-11-07/1762504524550532584/header-icon.jpg){kind=icon}
/eh/2025-07-07/1751875582852206790/header-icon.png){kind=icon}
/eh/2025-07-07/1751875587886277738/header-icon.png){kind=icon}
download picture
description
(Previous version) Highrise Luxe - All BlackHere's the HTML representation of the product description with a "Buy Now" button and styled appropriately, assuming the product is "barefoot shoes": Product Description< title> <style> . rounded green button { border radius: 12px; background color: #4CAF50; color: white; font size: 18px; font weight: bold; padding: 15px 60px; cursor: pointer; box shadow: 0 4px 12px rgba(0, 0, 0,</div>
<div class="flex flex-col items-center text-sm">
<div class="mb-3 flex w-full items-center justify-between">
<div class="flex-2 flex">
<!--[-->
<!--]--></div>
<div class="flex-1 flex items-center justify-end">
<!---->
<!--[-->
<!--]-->
<div></div>
</div>
</div>
<div class="w-full overflow-auto">
<table class="w-full">
<tbody class="border-l border-solid border-custom-e9">
<!--[-->
<!--]--></tbody>
</table>
</div>
</div>
<!---->
<!----></div>
<!--[-->
<!---->
<!---->
<!---->
<!--[-->
<!---->
<!--]-->
<!--]-->
<!--]-->
<div class="flex flex-col items-start cursor-pointer" data-v-b315cef3="">
<div class="flex flex-col mt-1 mb-2" data-v-b315cef3="">
<div class="flex flex-row items-center my-1" data-v-b315cef3="">
<img src="https://img.nihaojewelry.com/cn3/nihao-web-pc/assets/bag-d919510f.png" class="h-4 w-4 me-1" alt="Shopping security" data-v-b315cef3="">
<p class="text-[#2B991B] font-bold" data-v-b315cef3="">Shopping security</p></div>
<span class="text-black" data-v-b315cef3="">Each payment you make on thelockerguy is secured with strict SSL encryption and PCI DSS data protection protocols</span></div>
</div>
<div class="mt-5">
<!--[-->
<button aria-hidden="true" style="position:fixed;top:1;left:1;width:1;height:0;padding:0;margin:-1;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;" type="button"></button>
<!--[-->
<div role="tablist" aria-orientation="horizontal" class="flex rounded-t-lg border-b border-solid border-custom-e bg-white px-6 text-base font-semibold leading-12">
<div track-key="image_display_exposure" class="mx-8 cursor-pointer px-0 capitalize border-b-3 border-solid border-primary bg-white text-primary focus:outline-none" id="headlessui-tabs-tab-179677" role="tab" aria-selected="true" tabindex="0">product description</div>
<div class="mx-8 cursor-pointer px-0" id="headlessui-tabs-tab-179678" role="tab" aria-selected="false" tabindex="-1">
<span class="capitalize">Why choose thelockerguy wholesale?</span></div>
</div>
<div class="rounded-b-lg bg-white">
<div id="headlessui-tabs-panel-179679" role="tabpanel" tabindex="0" data-headlessui-state="selected" class="relative">
<div class="flex flex-wrap px-3 pt-6 h-auto pb-5">
<div class="basic_image mb-3 w-full rounded-md"><img src="https://cdn.shopify.com/s/files/1/1597/3547/files/feelgrounds_highrise-luxe_all-black_1_e3a4bf6e-188d-4654-aedb-f7300938aecc.jpg?v=1745993340" alt="(Previous version) Highrise Luxe - All Black" class="h-full w-full object-cover"/></div><div class="basic_image mb-3 w-full rounded-md"><img src="https://cdn.shopify.com/s/files/1/1597/3547/files/highrise-luxe_all-black_5_0636ff24-982c-4f09-8a1a-b6154e838a99.jpg?v=1745993340" alt="(Previous version) Highrise Luxe - All Black" class="h-full w-full object-cover"/></div>
<!--]--></div>
<div class="absolute inset-x-0 bottom-10 h-10 bg-gradient-to-t from-white to-transparent pointer-events-none" style="display:none;"></div>
<div class="w-full h-10 flex-center rounded cursor-pointer" style="display:none;">Show More
<svg class="rotate-90" width="20" height="20" viewBox="0 0 48 48" fill="none">
<path d="M19 12L31 24L19 36" stroke="#666" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path></svg>
</div>
</div>
<span style="position:fixed;top:1;left:1;width:1;height:0;padding:0;margin:-1;overflow:hidden;clip:rect(0, 0, 0, 0);white-space:nowrap;border-width:0;" id="headlessui-tabs-panel-179680" role="tabpanel" tabindex="-1"></span>
</div>
<!--]-->
<!--]--></div>
</div>
<div class="col-span-4">
<div class="sku-right-class top-2 rounded-lg !max-h-none" style="max-height:Infinitypx;">
<div class="px-2 py-0">
<div>
<!---->
<!---->
<div class="mt-1 flex flex-row">
<!---->
<!----></div>
<div class="line-clamp-3 text-lg font-semibold leading-tight">
<h1 class="text-base text-black">
<!---->
<!---->(Previous version) Highrise Luxe - All Black</h1></div>
<div class="mt-1 flex flex-nowrap text-[13px] 2xl:text-sm" style="display:none;">
<!--[-->
<!--]--></div>
<div class="flex flex-row items-center mt-2 cursor-pointer">
<div class="bg-[#FBE7AE] flex flex-row items-center justify-center mx-1"></div>
</div>
</div>
<!---->
<div class="mt-2 flex justify-between text-[10px] 2xl:text-xs">
<div class="flex items-center">
<div class="text-[#848484]">
<span>Item no</span>
<span>:</span>
<span>24636366416</span></div>
<!---->
<div class="ml-4">
<div class="mx-2 w-px bg-custom-e"></div>
<div>
<span class="capitalize">sold recently</span>
<span>:</span>
<span class="cursor-pointer text-primary">
<a href="https://zerodette.fr/shop/sold?id=top9045821012600"><span>Login</span>
<span>>></span></span></a>
</div>
</div>
<!----></div>
</div>
<!---->
<!---->
<div class="mt-1 flex flex-wrap items-center text-black">
<div class="font-semibold text-[22px]">
<span>US$ 67.00</span></div>
<!---->
<!----></div>
<div id="pay-but-container" class="h-[23px] select-none" data-pp-amount="14">
<div class="">Pay in 4 interest-free payments of $16.75 Learn more</div></div>
<div class="flex flex-row">
<!---->
<!----></div>
<div class="text-xs text-[#848484] mb-[15px] mt-1">
<div class="leading-[17px]">Min. order:
<span class="text-black font-semibold">1</span>piece</div>
<div class="mt-[2px] leading-[17px]" style="display:none;">Estimated shipment:
<span class="text-red-600 font-semibold">null</span></div>
</div>
<!-- EP shipping estimate: {{{shipping_estimate_fragment}}} -->
<style>
#ep-shipping-estimate.shipping_time__text.shipping_time {
box-sizing: border-box;
display: block;
margin: 0;
padding: 16px 18px;
border: 1px solid #e0e0e0;
background: #fff;
font-size: 14px;
line-height: 1.4;
color: #1c1f1f;
}
#ep-shipping-estimate .heading {
display: flex;
align-items: center;
justify-content: space-between;
flex-wrap: wrap;
gap: 8px;
margin: 0 0 14px;
padding: 0;
border: none;
font-size: 15px;
font-weight: 600;
}
#ep-shipping-estimate .countryBox {
position: relative;
font-size: 14px;
font-weight: 400;
}
#ep-shipping-estimate .country { margin-right: 4px; }
#ep-shipping-estimate .countryBox .btn {
margin: 0;
padding: 0;
border: none;
background: none;
font: inherit;
color: inherit;
text-decoration: underline;
cursor: pointer;
}
#ep-shipping-estimate .countryBox ul {
display: none;
position: absolute;
right: 0;
top: 100%;
z-index: 20;
list-style: none;
margin: 6px 0 0;
padding: 6px 0;
min-width: 88px;
background: #fff;
border: 1px solid #e0e0e0;
box-shadow: 0 4px 12px rgba(0, 0, 0, 0.08);
}
#ep-shipping-estimate .countryBox ul.is-open { display: block; }
#ep-shipping-estimate .countryBox li {
padding: 6px 14px;
cursor: pointer;
}
#ep-shipping-estimate .countryBox li:hover,
#ep-shipping-estimate .countryBox li.on { background: #f5f5f5; }
#ep-shipping-estimate .standard {
display: flex;
align-items: flex-start;
gap: 12px;
}
#ep-shipping-estimate .standard .ico {
flex: 0 0 30px;
width: 30px;
height: 30px;
color: #1c1f1f;
}
#ep-shipping-estimate .standard .ico svg {
display: block;
width: 30px;
height: 30px;
}
#ep-shipping-estimate .ships_within {
margin: 0;
font-size: 14px;
font-weight: 400;
}
@media (max-width: 640px) {
#ep-shipping-estimate.shipping_time__text.shipping_time { padding: 12px 14px; }
#ep-shipping-estimate .heading { font-size: 14px; margin-bottom: 10px; }
#ep-shipping-estimate .ships_within { font-size: 13px; }
}
</style>
<div id="ep-shipping-estimate" class="shipping_time__text shipping_time ep-shipping-fragment" data-sku-extended-shipping="24636366416" data-ep-shipping-root>
<h2 class="heading">
Shipping Estimate
<div class="countryBox">
<span class="country">USA</span>
<button type="button" class="btn">Change</button>
<ul>
<li class="on" data-country="USA" data-d1="2" data-d2="7">USA</li>
<li data-country="CAN" data-d1="7" data-d2="20">CAN</li>
</ul>
</div>
</h2>
<div class="standard">
<div class="ico" aria-hidden="true">
<svg viewBox="0 0 24 24" width="30" height="30" fill="currentColor"><path d="M3 6h11v2h2.5L19 12.5V18h-2v-1.5H7V18H5V8H3V6zm2 8h10v-2H7v2zm12-4.8L14.8 8H13v6h4.2l-2-2.8zM7 19.5a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3zm10 0a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3z"/></svg>
</div>
<p class="ships_within">Ships within 48 hours · Estimated delivery <span class="s_time-1">Jul 12</span> - <span class="s_time-2">Jul 17</span></p>
</div>
</div>
<script>
(function () {
if (window.__epShippingFragmentInit) return;
window.__epShippingFragmentInit = true;
var DAY = 86400000;
function fmt(d) {
return d.toLocaleDateString('en-US', { month: 'short', day: 'numeric' });
}
function setDates(root, d1, d2) {
var now = Date.now();
var s1 = root.querySelector('.s_time-1');
var s2 = root.querySelector('.s_time-2');
if (s1) s1.textContent = fmt(new Date(now + d1 * DAY));
if (s2) s2.textContent = fmt(new Date(now + d2 * DAY));
}
function closeMenu(box) {
var ul = box && box.querySelector('ul');
if (ul) ul.classList.remove('is-open');
}
document.addEventListener('click', function (e) {
var root = e.target.closest('[data-ep-shipping-root]');
if (!root) return;
var box = root.querySelector('.countryBox');
if (!box) return;
var ul = box.querySelector('ul');
if (e.target.closest('.countryBox .btn')) {
e.preventDefault();
if (ul) ul.classList.toggle('is-open');
return;
}
var li = e.target.closest('.countryBox li');
if (li && ul) {
e.preventDefault();
ul.querySelectorAll('li').forEach(function (el) { el.classList.remove('on'); });
li.classList.add('on');
var c = box.querySelector('.country');
if (c) c.textContent = li.getAttribute('data-country') || li.textContent.trim();
setDates(root, parseInt(li.getAttribute('data-d1') || '2', 10), parseInt(li.getAttribute('data-d2') || '7', 10));
closeMenu(box);
return;
}
if (!e.target.closest('.countryBox')) closeMenu(box);
});
})();
</script>
<!-- v2: {{{tier_price_coupons_fragment}}}；67.00 60.30 46.90 40.20 -->
<style>
#ep-tier-coupons.ep-tier-price-coupons-fragment { box-sizing: border-box; width: 100%; }
#ep-tier-coupons *, #ep-tier-coupons *::before, #ep-tier-coupons *::after { box-sizing: border-box; }
#ep-tier-coupons .ep-shipping-banner {
display: flex;
align-items: center;
min-height: 2.75rem;
margin: 0 0 0.5rem;
padding: 0.625rem 0.5rem;
background: #56ba24;
color: #fff;
font-size: 0.875rem;
font-weight: 500;
line-height: 1.25;
text-transform: uppercase;
}
#ep-tier-coupons .ep-tier-bar {
display: flex;
margin-top: 0.25rem;
padding: 0.375rem 0.75rem;
background: #fafafa;
overflow-x: auto;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
#ep-tier-coupons .ep-tier-bar__col { flex: 1 1 0; min-width: 4.5rem; padding: 0 0.125rem; }
#ep-tier-coupons .ep-tier-bar__price { margin: 0; color: #000; font-size: 0.875rem; line-height: 1.3; white-space: nowrap; }
#ep-tier-coupons .ep-tier-bar__qty { margin: 0.125rem 0 0; color: #848484; font-size: 0.75rem; line-height: 1.2; }
#ep-tier-coupons .ep-coupon-row { display: flex; gap: 0.75rem; margin: 0.5rem 1px 0.25rem; }
#ep-tier-coupons .ep-coupon-card {
flex: 1 1 0;
min-width: 0;
border-radius: 0.25rem;
overflow: hidden;
cursor: pointer;
}
#ep-tier-coupons .ep-coupon-top {
display: flex;
align-items: flex-end;
justify-content: space-between;
min-height: 2.75rem;
padding: 0.625rem 0.625rem 0;
background: #edbd49;
color: #fff;
}
#ep-tier-coupons .ep-coupon-amount,
#ep-tier-coupons .ep-coupon-percent { display: flex; align-items: flex-end; line-height: 1; }
#ep-tier-coupons .ep-coupon-amount__currency {
margin-right: 0.125rem;
padding-bottom: 0.3125rem;
font-size: 0.75rem;
}
#ep-tier-coupons .ep-coupon-amount__value,
#ep-tier-coupons .ep-coupon-percent__num { font-size: 2.25rem; line-height: 1; }
#ep-tier-coupons .ep-coupon-percent__sym { margin-left: 0.125rem; align-self: flex-end; }
#ep-tier-coupons .ep-coupon-cta {
display: flex;
align-items: center;
justify-content: center;
height: 1.25rem;
margin-bottom: 0.3125rem;
padding: 0 0.5rem;
border-radius: 9999px;
background: #fff;
color: #896100;
font-size: 0.625rem;
white-space: nowrap;
}
#ep-tier-coupons .ep-coupon-tear {
height: 0.5rem;
margin: 0;
background-color: #ffecbe;
background-image: radial-gradient(circle at 50% 50%, #edbd49 0.25rem, transparent 0.26rem);
background-repeat: repeat-x;
background-size: 0.75rem 0.5rem;
background-position: center;
}
#ep-tier-coupons .ep-coupon-foot {
min-height: 2.25rem;
margin: 0;
padding: 0.375rem 0.625rem;
background: #ffecbe;
color: #896100;
font-size: 0.625rem;
line-height: 0.75rem;
word-break: break-word;
}
@media (max-width: 640px) {
#ep-tier-coupons .ep-shipping-banner { min-height: 2.5rem; padding: 0.5rem 0.375rem; font-size: 0.75rem; }
#ep-tier-coupons .ep-tier-bar { padding: 0.375rem 0.5rem; }
#ep-tier-coupons .ep-tier-bar__col { min-width: 4rem; }
#ep-tier-coupons .ep-tier-bar__price { font-size: 0.8125rem; }
#ep-tier-coupons .ep-tier-bar__qty { font-size: 0.6875rem; }
#ep-tier-coupons .ep-coupon-row { flex-direction: column; gap: 0.5rem; }
#ep-tier-coupons .ep-coupon-amount__value,
#ep-tier-coupons .ep-coupon-percent__num { font-size: 1.75rem; }
}
@media (min-width: 641px) and (max-width: 1023px) {
#ep-tier-coupons .ep-coupon-row { gap: 0.5rem; }
#ep-tier-coupons .ep-coupon-foot { font-size: 0.5625rem; }
}
</style>
<div id="ep-tier-coupons" class="ep-tier-price-coupons-fragment" data-ep-tier-price-coupons>
<p class="ep-shipping-banner" role="note">Enjoy 20% off shipping</p>
<div class="ep-tier-bar" id="fashionItem1">
<div class="ep-tier-bar__col">
<p class="ep-tier-bar__price">US$ 67.00</p>
<p class="ep-tier-bar__qty">1-11</p>
</div>
<div class="ep-tier-bar__col">
<p class="ep-tier-bar__price">US$ 60.30</p>
<p class="ep-tier-bar__qty">12-35</p>
</div>
<div class="ep-tier-bar__col">
<p class="ep-tier-bar__price">US$ 46.90</p>
<p class="ep-tier-bar__qty">36-59</p>
</div>
<div class="ep-tier-bar__col">
<p class="ep-tier-bar__price">US$ 40.20</p>
<p class="ep-tier-bar__qty">60+</p>
</div>
</div>
<div class="ep-coupon-row">
<div class="ep-coupon-card">
<div class="ep-coupon-top">
<p class="ep-coupon-amount"><span class="ep-coupon-amount__currency">US$</span><span class="ep-coupon-amount__value">40</span></p>
<span class="ep-coupon-cta">Get now</span>
</div>
<div class="ep-coupon-tear" aria-hidden="true"></div>
<p class="ep-coupon-foot">Sign up to your membership to get coupons up to</p>
</div>
<div class="ep-coupon-card">
<div class="ep-coupon-top">
<p class="ep-coupon-percent"><span class="ep-coupon-percent__num">15</span><span class="ep-coupon-percent__sym">%</span></p>
<span class="ep-coupon-cta">Get now</span>
</div>
<div class="ep-coupon-tear" aria-hidden="true"></div>
<p class="ep-coupon-foot">Opportunity to enjoy order discount up to 15% off</p>
</div>
</div>
</div>
</div>
<div class="">
<div class="mb-1.5 text-sm font-normal text-red-600" style="">Please add the products</div>
<div class="flex-center">
<button class="border-none focus:outline-none cursor-pointer heratPop mx-2 flex-center" title="add to wishlist"></button>
<button type="button" class="cursor-pointer cursor-pointer ms-2 h-10 w-full select-none rounded bg-primary text-lg text-white transition-[background-color] duration-300 flex-center hover:opacity-80 active:bg-primary">
<!---->
<span class="i-icon i-icon-shopping me-1">
<svg width="20" height="20" viewBox="0 0 48 48" fill="none">
<path d="M39 32H13L8 12H44L39 32Z" fill="none"></path>
<path d="M3 6H6.5L8 12M8 12L13 32H39L44 12H8Z" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></path>
<circle cx="13" cy="39" r="3" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></circle>
<circle cx="39" cy="39" r="3" stroke="currentColor" stroke-width="4" stroke-linecap="round" stroke-linejoin="round"></circle>
</svg>
</span>
<span class="mx-2 leading-none">Add to Cart</span></button>
</div>
<!----></div>
</div>
<!-- EP shipping notes: {{{shipping_notes_fragment}}} -->
<style>
#ep-shipping-notes.product-form__text {
box-sizing: border-box;
border-top: 1px solid #e0e0e0;
margin: 12px 0 0;
padding: 14px 0 0;
font-size: 14px;
line-height: 1.5;
color: #1c1f1f;
}
#ep-shipping-notes summary {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
cursor: pointer;
user-select: none;
list-style: none;
}
#ep-shipping-notes summary::-webkit-details-marker { display: none; }
#ep-shipping-notes summary::after {
content: "+";
font-size: 18px;
font-weight: 400;
line-height: 1;
}
#ep-shipping-notes[open] summary::after { content: "−"; }
#ep-shipping-notes .ep-shipping-notes__body {
margin-top: 10px;
}
#ep-shipping-notes .ep-shipping-notes__body ul,
#ep-shipping-notes .ep-shipping-notes__body ol {
margin: 0 0 6px;
padding-left: 1.25rem;
}
#ep-shipping-notes .ep-shipping-notes__body ul { list-style: disc; }
#ep-shipping-notes .ep-shipping-notes__body ol { list-style: circle; }
#ep-shipping-notes .ep-shipping-notes__body li { margin-bottom: 4px; line-height: 1.35; }
@media (max-width: 640px) {
#ep-shipping-notes.product-form__text { padding-top: 12px; margin-top: 10px; font-size: 13px; }
#ep-shipping-notes summary { font-size: 14px; }
}
</style>
<details id="ep-shipping-notes" class="product-form__text ep-shipping-notes-fragment">
<summary>Shipping Notes</summary>
<div class="ep-shipping-notes__body product-form-text">
<ul>
<li>Free Standard Shipping on $100+ Orders to the USA.</li>
<li>Except Preorder products are shipped in 48 hours.</li>
<li>Delivery to the USA:</li>
</ul>
<ol>
<li>Standard Shipping : 3-10 business days</li>
</ol>
<ul>
<li>If time is of the essence, please consider selecting expedited delivery for faster service.</li>
</ul>
</div>
</details>
<!-- EP exchange/return notes: {{{exchange_or_return_notes_fragment}}} -->
<style>
#ep-exchange-return-notes.product-form__text {
box-sizing: border-box;
border-top: 1px solid #e0e0e0;
margin: 12px 0 0;
padding: 14px 0 0;
font-size: 14px;
line-height: 1.5;
color: #1c1f1f;
}
#ep-exchange-return-notes summary.heading {
display: flex;
align-items: center;
justify-content: space-between;
gap: 12px;
font-size: 15px;
font-weight: 600;
line-height: 1.3;
cursor: pointer;
user-select: none;
list-style: none;
}
#ep-exchange-return-notes summary.heading::-webkit-details-marker { display: none; }
#ep-exchange-return-notes summary.heading::after {
content: "+";
font-size: 18px;
font-weight: 400;
line-height: 1;
flex-shrink: 0;
}
#ep-exchange-return-notes[open] summary.heading::after { content: "−"; }
#ep-exchange-return-notes .product-form-text {
display: block;
margin-top: 10px;
}
#ep-exchange-return-notes .product-form-text ul {
list-style: disc;
margin: 0;
padding-left: 1.25rem;
}
#ep-exchange-return-notes .product-form-text li {
margin-bottom: 4px;
line-height: 1.35;
}
@media (max-width: 640px) {
#ep-exchange-return-notes.product-form__text { padding-top: 12px; margin-top: 10px; font-size: 13px; }
#ep-exchange-return-notes summary.heading { font-size: 14px; }
}
</style>
<details id="ep-exchange-return-notes" class="product-form__text ep-exchange-return-notes-fragment">
<summary class="heading">Exchange/Return Notes</summary>
<div class="product-form-text">
<ul>
<li>We offer a <strong>30-day </strong>return/exchange service after receiving.</li>
<li><strong>Final sale items</strong> are not eligible for returns or exchanges.</li>
<li>To process your return/exchange, <strong>please contact us</strong> at customerservice@zerodette.fr</li>
<li>Please click here for more details>>> <a href="https://zerodette.fr/pages/return-policy" title="Return & Exchange Policy">Return & Exchange Policy</a></li>
</ul>
</div>
</details>
</div>
<!---->
<!---->
<!--[-->
<!---->
<!---->
<!---->
<!--]-->
<!---->
<!--[-->
<!---->
<!---->
<!---->
<!---->
<!--]--></div>
</div>
<!---->
<!-- EP discover niche (v5 等): {{{discover_niche_fragment}}}；showcase_0~4 + -->
<section id="ep-discover-niche" class="ep-discover-niche-fragment" aria-label="Discover niche categories">
<style>
#ep-discover-niche.ep-discover-niche-fragment {
box-sizing: border-box;
width: 100%;
margin: 20px 0;
padding: 16px 20px 20px;
background: #fff;
border-radius: 8px;
color: #111;
}
#ep-discover-niche *, #ep-discover-niche *::before, #ep-discover-niche *::after { box-sizing: border-box; }
#ep-discover-niche .ep-discover-niche-fragment__title {
margin: 0 0 4px;
font-size: 18px;
font-weight: 600;
line-height: 1.35;
}
#ep-discover-niche .ep-discover-niche-fragment__subtitle {
margin: 0 0 16px;
font-size: 14px;
font-weight: 500;
color: #848484;
}
#ep-discover-niche .ep-discover-niche-fragment__track {
display: flex;
flex-wrap: nowrap;
gap: 20px;
overflow-x: auto;
padding: 4px 2px 8px;
scroll-snap-type: x proximity;
-webkit-overflow-scrolling: touch;
scrollbar-width: thin;
}
#ep-discover-niche .ep-discover-niche-fragment__card {
flex: 0 0 calc((100% - 80px) / 5);
min-width: 0;
scroll-snap-align: start;
border-radius: 8px;
background: #fff;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
@media (hover: hover) and (pointer: fine) {
#ep-discover-niche .ep-discover-niche-fragment__card:hover {
transform: translateY(-6px);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}
#ep-discover-niche .ep-discover-niche-fragment__card:hover .ep-discover-niche-fragment__image {
transform: scale(1.06);
}
}
#ep-discover-niche .ep-discover-niche-fragment__media {
position: relative;
overflow: hidden;
border-radius: 8px 8px 0 0;
background: #f7f7f7;
}
#ep-discover-niche .ep-discover-niche-fragment__badge {
position: absolute;
top: 0;
left: 0;
z-index: 1;
padding: 2px 8px;
background: #a257cc;
color: #fff;
font-size: 13px;
line-height: 20px;
}
#ep-discover-niche .ep-discover-niche-fragment__image-link {
display: block;
text-decoration: none;
}
#ep-discover-niche .ep-discover-niche-fragment__image {
display: block;
width: 100%;
aspect-ratio: 1 / 1.15;
object-fit: cover;
transition: transform 0.3s ease;
}
#ep-discover-niche .ep-discover-niche-fragment__body { padding: 8px 10px 10px; }
#ep-discover-niche .ep-discover-niche-fragment__name {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
min-height: 34px;
margin: 0 0 6px;
font-size: 12px;
line-height: 1.35;
color: #111;
text-decoration: none;
}
#ep-discover-niche .ep-discover-niche-fragment__name:hover { color: #a257cc; }
#ep-discover-niche .ep-discover-niche-fragment__price {
margin: 0 0 4px;
font-size: 16px;
font-weight: 600;
color: #ee2a2e;
}
#ep-discover-niche .ep-discover-niche-fragment__sold { margin: 0; font-size: 12px; }
#ep-discover-niche .ep-discover-niche-fragment__sold a { color: #a257cc; text-decoration: underline; }
@media (max-width: 1200px) {
#ep-discover-niche .ep-discover-niche-fragment__card {
flex: 0 0 calc((100% - 40px) / 3);
min-width: 200px;
}
}
@media (max-width: 768px) {
#ep-discover-niche.ep-discover-niche-fragment { padding: 14px 16px 18px; }
#ep-discover-niche .ep-discover-niche-fragment__card { flex: 0 0 72%; min-width: 220px; }
}
</style>
<h2 class="ep-discover-niche-fragment__title">Discover Niche Categories That Outsell </h2>
<p class="ep-discover-niche-fragment__subtitle">Top-Converting Item to Boost Your Average Order</p>
<div class="ep-discover-niche-fragment__track">
<article class="ep-discover-niche-fragment__card">
<div class="ep-discover-niche-fragment__media">
<span class="ep-discover-niche-fragment__badge">Best in 7 days</span>
<a class="ep-discover-niche-fragment__image-link" href="/?e=89866119465"><img class="ep-discover-niche-fragment__image" src="https://cdn.shopify.com/s/files/1/1597/3547/files/feelgrounds_pathway_sage-leaf_1_0be6ffae-cd48-42ef-b472-c4e7520fa7a3.jpg?v=1745954836" alt="Sage Leaf Pathway" loading="lazy"/></a>
</div>
<div class="ep-discover-niche-fragment__body">
<a class="ep-discover-niche-fragment__name" href="/?e=89866119465">Sage Leaf Pathway</a>
<p class="ep-discover-niche-fragment__price">US$ 89.00</p>
<p class="ep-discover-niche-fragment__sold">Sold : <a href="#">Login>></a></p>
</div>
</article>
<article class="ep-discover-niche-fragment__card">
<div class="ep-discover-niche-fragment__media">
<span class="ep-discover-niche-fragment__badge">Best in 7 days</span>
<a class="ep-discover-niche-fragment__image-link" href="/?e=4788917163"><img class="ep-discover-niche-fragment__image" src="https://cdn.shopify.com/s/files/1/1597/3547/files/feelgrounds_chukka_gum-black_1.jpg?v=1746134803" alt="Black Gum Chukka Boots" loading="lazy"/></a>
</div>
<div class="ep-discover-niche-fragment__body">
<a class="ep-discover-niche-fragment__name" href="/?e=4788917163">Black Gum Chukka Boots</a>
<p class="ep-discover-niche-fragment__price">US$ 149.00</p>
<p class="ep-discover-niche-fragment__sold">Sold : <a href="#">Login>></a></p>
</div>
</article>
<article class="ep-discover-niche-fragment__card">
<div class="ep-discover-niche-fragment__media">
<span class="ep-discover-niche-fragment__badge">Best in 7 days</span>
<a class="ep-discover-niche-fragment__image-link" href="/?e=54800517007"><img class="ep-discover-niche-fragment__image" src="https://cdn.shopify.com/s/files/1/0822/4214/2519/files/7c0d81833388fec3dd3203baa49fe31bL_424ae594-c96a-4540-aead-e4bdff4f0f79.jpg?v=1779052140" alt="BikeMaster 520x116 BMXR X-Ring Chain" loading="lazy"/></a>
</div>
<div class="ep-discover-niche-fragment__body">
<a class="ep-discover-niche-fragment__name" href="/?e=54800517007">BikeMaster 520x116 BMXR X-Ring Chain</a>
<p class="ep-discover-niche-fragment__price">US$ 101.99</p>
<p class="ep-discover-niche-fragment__sold">Sold : <a href="#">Login>></a></p>
</div>
</article>
<article class="ep-discover-niche-fragment__card">
<div class="ep-discover-niche-fragment__media">
<span class="ep-discover-niche-fragment__badge">Best in 7 days</span>
<a class="ep-discover-niche-fragment__image-link" href="/?e=79697787198"><img class="ep-discover-niche-fragment__image" src="https://cdn.shopify.com/s/files/1/0822/4214/2519/files/7c0d81833388fec3dd3203baa49fe31bL_7c805e45-17d3-42b4-adec-14d272dc998c.jpg?v=1779052138" alt="BikeMaster 530x106 BMOR O-Ring Chain" loading="lazy"/></a>
</div>
<div class="ep-discover-niche-fragment__body">
<a class="ep-discover-niche-fragment__name" href="/?e=79697787198">BikeMaster 530x106 BMOR O-Ring Chain</a>
<p class="ep-discover-niche-fragment__price">US$ 109.99</p>
<p class="ep-discover-niche-fragment__sold">Sold : <a href="#">Login>></a></p>
</div>
</article>
<article class="ep-discover-niche-fragment__card">
<div class="ep-discover-niche-fragment__media">
<span class="ep-discover-niche-fragment__badge">Best in 7 days</span>
<a class="ep-discover-niche-fragment__image-link" href="/?e=31409500811"><img class="ep-discover-niche-fragment__image" src="https://cdn.shopify.com/s/files/1/1597/3547/files/L0075BL_529b5cad-6cd8-49a2-b721-89397de8e8aa.jpg?v=1745772334" alt="Breeze I - Barefoot Shoes" loading="lazy"/></a>
</div>
<div class="ep-discover-niche-fragment__body">
<a class="ep-discover-niche-fragment__name" href="/?e=31409500811">Breeze I - Barefoot Shoes</a>
<p class="ep-discover-niche-fragment__price">US$ 64.99</p>
<p class="ep-discover-niche-fragment__sold">Sold : <a href="#">Login>></a></p>
</div>
</article>
</div>
</section>
<!-- EP recommand products (v2/v7): {{{recommand_products_fragment}}}；showcase_5~10（v7 为 product_id 顺位固定 6 条） -->
<section id="ep-recommand" class="ep-recommand-products-fragment" aria-label="Recommand products">
<style>
#ep-recommand {
box-sizing: border-box;
width: 100%;
margin: 20px 0;
padding: 0 20px 24px;
background: #fff;
border-radius: 8px;
color: #111;
}
#ep-recommand *, #ep-recommand *::before, #ep-recommand *::after { box-sizing: border-box; }
#ep-recommand .ep-rc__title {
margin: 0;
padding: 20px 0;
font-size: 20px;
font-weight: 600;
line-height: 1.2;
text-transform: capitalize;
}
#ep-recommand .ep-rc__grid {
display: grid;
grid-template-columns: repeat(5, minmax(0, 1fr));
gap: 20px;
}
#ep-recommand .ep-rc__card {
border-radius: 8px;
overflow: hidden;
background: #fff;
transition: transform 0.25s ease, box-shadow 0.25s ease;
}
@media (hover: hover) and (pointer: fine) {
#ep-recommand .ep-rc__card:hover {
transform: translateY(-6px);
box-shadow: 0 10px 24px rgba(0, 0, 0, 0.1);
}
#ep-recommand .ep-rc__card:hover .ep-rc__img { transform: scale(1.06); }
}
#ep-recommand .ep-rc__img {
display: block;
aspect-ratio: 1;
overflow: hidden;
background: #f7f7f7;
border-radius: 8px 8px 0 0;
}
#ep-recommand .ep-rc__img img {
width: 100%;
height: 100%;
object-fit: cover;
display: block;
transition: transform 0.3s ease;
}
#ep-recommand .ep-rc__body { padding: 8px 10px 10px; }
#ep-recommand .ep-rc__name {
display: -webkit-box;
-webkit-box-orient: vertical;
-webkit-line-clamp: 2;
overflow: hidden;
min-height: 34px;
margin: 0 0 6px;
font-size: 12px;
line-height: 1.35;
color: #111;
text-decoration: none;
}
#ep-recommand .ep-rc__name:hover { color: #a257cc; }
#ep-recommand .ep-rc__price { margin: 0 0 4px; font-size: 16px; font-weight: 600; }
#ep-recommand .ep-rc__meta { margin: 0 0 6px; font-size: 12px; }
#ep-recommand .ep-rc__rating {
display: flex;
flex-wrap: wrap;
align-items: center;
gap: 4px;
margin: 0 0 6px;
font-size: 12px;
}
#ep-recommand .ep-rc__stars { color: #f5a623; letter-spacing: 1px; font-size: 11px; }
#ep-recommand .ep-rc__sold { margin: 0; font-size: 12px; }
#ep-recommand .ep-rc__sold a { color: #a257cc; text-decoration: underline; }
@media (min-width: 1536px) { #ep-recommand .ep-rc__grid { grid-template-columns: repeat(6, minmax(0, 1fr)); } }
@media (max-width: 1100px) { #ep-recommand .ep-rc__grid { grid-template-columns: repeat(3, minmax(0, 1fr)); } }
@media (max-width: 768px) {
#ep-recommand { padding: 0 16px 20px; }
#ep-recommand .ep-rc__grid { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 14px; }
}
</style>
<h2 class="ep-rc__title">recommand products</h2>
<div class="ep-rc__grid">
<article class="ep-rc__card">
<a class="ep-rc__img" href="/?e=53707150112"><img src="https://cdn.shopify.com/s/files/1/0597/7187/9501/files/800ee8e3-1773-42e1-ac1e-2a265bf94803.jpg?v=1773348459" alt="Garner - 2 Door Stand With Drawers Media Console - Gloss White" loading="lazy"/></a>
<div class="ep-rc__body">
<a class="ep-rc__name" href="/?e=53707150112">Garner - 2 Door Stand With Drawers Media Console - Gloss White</a>
<p class="ep-rc__price">US$ 297.40</p>
<p class="ep-rc__meta">Min. order: 1 piece</p>
<p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.2 (193 reviews)</p>
<p class="ep-rc__sold">Sold : <a href="#">Login>></a></p>
</div>
</article>
<article class="ep-rc__card">
<a class="ep-rc__img" href="/?e=70652500505"><img src="https://cdn.shopify.com/s/files/1/0933/2778/6281/files/313613-24W-BW_1-ECOM-scaled_f18a32c8-502f-4396-9510-740e277c3cf1.jpg?v=1760818148" alt="Odyssey 24" White Bathroom Vanity with Countertop" loading="lazy"/></a>
<div class="ep-rc__body">
<a class="ep-rc__name" href="/?e=70652500505">Odyssey 24" White Bathroom Vanity with Countertop</a>
<p class="ep-rc__price">US$ 577.12</p>
<p class="ep-rc__meta">Min. order: 1 piece</p>
<p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.8 (270 reviews)</p>
<p class="ep-rc__sold">Sold : <a href="#">Login>></a></p>
</div>
</article>
<article class="ep-rc__card">
<a class="ep-rc__img" href="/?e=39767068868"><img src="https://cdn.shopify.com/s/files/1/0597/7187/9501/files/e3338720-7db2-4471-b957-6aa18431d941.jpg?v=1773348409" alt="Mason - 5 Drawer Chest With Fluted Design - Black" loading="lazy"/></a>
<div class="ep-rc__body">
<a class="ep-rc__name" href="/?e=39767068868">Mason - 5 Drawer Chest With Fluted Design - Black</a>
<p class="ep-rc__price">US$ 635.04</p>
<p class="ep-rc__meta">Min. order: 1 piece</p>
<p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.8 (291 reviews)</p>
<p class="ep-rc__sold">Sold : <a href="#">Login>></a></p>
</div>
</article>
<article class="ep-rc__card">
<a class="ep-rc__img" href="/?e=43871028627"><img src="https://cdn.shopify.com/s/files/1/0597/7187/9501/files/43ed23de-628a-4ee9-8f58-cd0792858837.jpg?v=1773348464" alt="Montesano - Rectangular Dining Table - Natural" loading="lazy"/></a>
<div class="ep-rc__body">
<a class="ep-rc__name" href="/?e=43871028627">Montesano - Rectangular Dining Table - Natural</a>
<p class="ep-rc__price">US$ 768.26</p>
<p class="ep-rc__meta">Min. order: 1 piece</p>
<p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.1 (10 reviews)</p>
<p class="ep-rc__sold">Sold : <a href="#">Login>></a></p>
</div>
</article>
<article class="ep-rc__card">
<a class="ep-rc__img" href="/?e=25199245881"><img src="https://cdn.shopify.com/s/files/1/0933/2778/6281/files/313VTR-72CCW_1-ECOM_WB_1ed6696b-4e79-4aa0-99ad-dcb67a43105f.jpg?v=1760819217" alt="Vitri 72" Single Sink Wall Hung Bathroom Vanity Cabinet" loading="lazy"/></a>
<div class="ep-rc__body">
<a class="ep-rc__name" href="/?e=25199245881">Vitri 72" Single Sink Wall Hung Bathroom Vanity Cabinet</a>
<p class="ep-rc__price">US$ 1466.25</p>
<p class="ep-rc__meta">Min. order: 1 piece</p>
<p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.5 (217 reviews)</p>
<p class="ep-rc__sold">Sold : <a href="#">Login>></a></p>
</div>
</article>
<article class="ep-rc__card">
<a class="ep-rc__img" href="/?e=59358225685"><img src="https://cdn.shopify.com/s/files/1/0451/9811/4965/products/Plates_5.jpg?v=1596694712" alt="Purple Haze Glass Plates - Set of 3" loading="lazy"/></a>
<div class="ep-rc__body">
<a class="ep-rc__name" href="/?e=59358225685">Purple Haze Glass Plates - Set of 3</a>
<p class="ep-rc__price">US$ 1099.50</p>
<p class="ep-rc__meta">Min. order: 1 piece</p>
<p class="ep-rc__rating"><span class="ep-rc__stars" aria-hidden="true">★★★★★</span> 4.1 (35 reviews)</p>
<p class="ep-rc__sold">Sold : <a href="#">Login>></a></p>
</div>
</article>
</div>
</section>
<div class="px-5 mb-2 bg-white p-5 rounded-md my-10">
<h2 class="mr-1 text-black font-semibold whitespace-nowrap capitalize text-lg">Related Searches</h2>
<div class="flex flex-wrap mt-2"><!--[-->
<a href="#" class="flex items-center border-gray-200 border-[1px] h-8 rounded-full me-5 my-0.5 mb-2 px-3 hover:bg-black hover:text-white transition-all duration-300 cursor-pointer text-sm" title="Womens Sport Shorts" ></a><!--]-->
<a href="#" class="flex items-center border-gray-200 border-[1px] h-8 rounded-full me-5 my-0.5 mb-2 px-3 hover:bg-black hover:text-white transition-all duration-300 cursor-pointer text-sm" title="Womens Sport Shorts" ></a><!--]-->
<a href="#" class="flex items-center border-gray-200 border-[1px] h-8 rounded-full me-5 my-0.5 mb-2 px-3 hover:bg-black hover:text-white transition-all duration-300 cursor-pointer text-sm" title="Womens Sport Shorts" ></a><!--]-->
<a href="#" class="flex items-center border-gray-200 border-[1px] h-8 rounded-full me-5 my-0.5 mb-2 px-3 hover:bg-black hover:text-white transition-all duration-300 cursor-pointer text-sm" title="Womens Sport Shorts" ></a><!--]-->
<a href="#" class="flex items-center border-gray-200 border-[1px] h-8 rounded-full me-5 my-0.5 mb-2 px-3 hover:bg-black hover:text-white transition-all duration-300 cursor-pointer text-sm" title="Womens Sport Shorts" ></a><!--]-->
</div>
</div>
<!--]--></div>
<footer>
<!--[-->
<div>
<!---->
<div class="bg-white pt-7.5">
<div class="container">
<div class="m-6.5 grid grid-cols-5">
<div class="col-span-3 grid grid-cols-3">
<!--[-->
<div>
<div class="text-lg">Guide</div>
<div class="mt-1.5 text-sm leading-8 text-custom-9">
<!--[-->
<!--[-->
<a href="https://zerodette.fr/how-to-register" target="_blank" class="hover:text-primary flex items-center">
<!---->How to Register</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/how-to-order" target="_blank" class="hover:text-primary flex items-center">
<!---->How to Order</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/price" target="_blank" class="hover:text-primary flex items-center">
<!---->Price</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/discount-and-coupons" target="_blank" class="hover:text-primary flex items-center">
<!---->Discount and Coupons</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/credit" target="_blank" class="hover:text-primary flex items-center">
<!---->Credit</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/payment" target="_blank" class="hover:text-primary flex items-center">
<!---->Payment</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/shipping" target="_blank" class="hover:text-primary flex items-center">
<!---->Shipping</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/customs" target="_blank" class="hover:text-primary flex items-center">
<!---->Customs</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/productSearch/pictureSearch?id=9045521010600" target="_blank" class="hover:text-primary flex items-center">
<!---->Order Tracking</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/return-and-refund" target="_blank" class="hover:text-primary flex items-center">
<!---->Return and refund</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/intellectual-property-rights" target="_blank" class="hover:text-primary flex items-center">
<!---->Intellectual Property Rights</a>
<!--]-->
<!--]--></div>
</div>
<div>
<div class="text-lg">thelockerguy</div>
<div class="mt-1.5 text-sm leading-8 text-custom-9">
<!--[-->
<!--[-->
<a href="https://zerodette.fr/about-us" target="_blank" class="hover:text-primary flex items-center">
<!---->About thelockerguy</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/blog" target="_blank" class="hover:text-primary flex items-center">
<!---->Blog</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/testimonials" target="_blank" class="hover:text-primary flex items-center">
<!---->Buyer's Show</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/beginnersGuide" target="_blank" class="hover:text-primary flex items-center">
<!---->Beginners Guide</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/privacy-policy" target="_blank" class="hover:text-primary flex items-center">
<!---->Privacy Policy</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/terms-and-conditions" target="_blank" class="hover:text-primary flex items-center">
<!---->Terms and Conditions</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/cookie-and-similar-technologies-policy" target="_blank" class="hover:text-primary flex items-center">
<!---->Cookie Policy</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/vip-discount" target="_blank" class="hover:text-primary flex items-center">
<!---->VIP Discount</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/categories" target="_blank" class="hover:text-primary flex items-center">
<!---->All Categories</a>
<!--]-->
<!--]--></div>
</div>
<div>
<div class="text-lg">Support (Customer Care)</div>
<div class="mt-1.5 text-sm leading-8 text-custom-9">
<!--[-->
<!--[-->
<a href="https://zerodette.fr/contacts" target="_blank" class="hover:text-primary flex items-center">
<!---->Contact US</a>
<!--]-->
<!--[-->
<a href="https://zerodette.fr/faqs" target="_blank" class="hover:text-primary flex items-center">
<!---->FAQ</a>
<!--]-->
<!--[-->
<a href="https://api.whatsapp.com/send?phone=86195179366" target="_blank" class="hover:text-primary flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 me-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.625 12a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375M21 12c0 4.556-4.03 8.25-9 8.25a9.764 9.764 0 0 1-2.555-.337A5.972 5.972 0 0 1 5.41 20.97a5.969 5.969 0 0 1-.474-.065 4.48 4.48 0 0 0 .978-2.025c.09-.457-.133-.901-.467-1.226C3.93 16.178 3 14.189 3 12c0-4.556 4.03-8.25 9-8.25s9 3.694 9 8.25Z"></path>
</svg>Whatsapp</a>
<!--]-->
<!--[-->
<!--[-->
<a href="mailto:info@zerodette.fr" target="_blank" class="hover:text-primary flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 me-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M21.75 6.75v10.5a2.25 2.25 0 0 1-2.25 2.25h-15a2.25 2.25 0 0 1-2.25-2.25V6.75m19.5 0A2.25 2.25 0 0 0 19.5 4.5h-15a2.25 2.25 0 0 0-2.25 2.25m19.5 0v.243a2.25 2.25 0 0 1-1.07 1.916l-7.5 4.615a2.25 2.25 0 0 1-2.36 0L3.32 8.91a2.25 2.25 0 0 1-1.07-1.916V6.75"></path>
</svg>info@zerodette.fr</a>
<!--]-->
<a href="#" target="_blank" class="hover:text-primary flex items-center">
<!---->Address: 1258 Market Street, Suite 210，San Francisco, CA 94103，United States</a>
<!--[-->
<div class="cursor-pointer hover:text-primary flex items-center">
<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 24 24" stroke-width="1.5" stroke="currentColor" aria-hidden="true" data-slot="icon" class="w-4 h-4 me-1">
<path stroke-linecap="round" stroke-linejoin="round" d="M8.625 9.75a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H8.25m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0H12m4.125 0a.375.375 0 1 1-.75 0 .375.375 0 0 1 .75 0Zm0 0h-.375m-13.5 3.01c0 1.6 1.123 2.994 2.707 3.227 1.087.16 2.185.283 3.293.369V21l4.184-4.183a1.14 1.14 0 0 1 .778-.332 48.294 48.294 0 0 0 5.83-.498c1.585-.233 2.708-1.626 2.708-3.228V6.741c0-1.602-1.123-2.995-2.707-3.228A48.394 48.394 0 0 0 12 3c-2.392 0-4.744.175-7.043.513C3.373 3.746 2.25 5.14 2.25 6.741v6.018Z"></path>
</svg>Live Chat</div>
<!--]-->
<!--]--></div>
</div>
<!--]--></div>
<div class="col-span-2 grid grid-cols-2">
<div>
<div class="text-lg">Join Our Community</div>
<div class="mt-5 flex">
<!--[-->
<a href="https://www.facebook.com/zerodette.fr/" >
<div class="basic_image me-5 w-7.5">
<img src="https://img.nihaojewelry.com/filters:format(webp)/eh/2022-09-01/1662023343198214761/community-icon.png" alt="community icon" style="" class="h-full w-full object-cover"></div>
</a>
<a href="https://www.pinterest.com/zerodette.fr/" >
<div class="basic_image me-5 w-7.5">
<img src="https://img.nihaojewelry.com/filters:format(webp)/eh/2022-09-01/1662023348256521177/community-icon.png" alt="community icon" style="" class="h-full w-full object-cover"></div>
</a>
<a href="https://www.instagram.com/zerodette.fr/" >
<div class="basic_image me-5 w-7.5">
<img src="https://img.nihaojewelry.com/filters:format(webp)/eh/2022-09-01/1662023352969502566/community-icon.png" alt="community icon" style="" class="h-full w-full object-cover"></div>
</a>
<a href="https://www.youtube.com/@zerodette.fr" >
<div class="basic_image me-5 w-7.5">
<img src="https://img.nihaojewelry.com/filters:format(webp)/eh/2022-09-01/1662023358450535989/community-icon.png" alt="community icon" style="" class="h-full w-full object-cover"></div>
</a>
<a href="https://www.tiktok.com/@zerodette.fr" >
<div class="basic_image me-5 w-7.5">
<img src="https://img.nihaojewelry.com/filters:format(webp)/eh/2022-09-01/1662023362988938040/community-icon.png" alt="community icon" style="" class="h-full w-full object-cover"></div>
</a>
<!--]--></div>
<div class="mt-9 w-64">
<div class="trustpilot-widget" data-locale="en-UN" data-template-id="5419b6a8b0d04a076446a9ad" data-businessunit-id="591bf1460000ff0005a29c0b" data-style-height="24px" data-style-width="100%" data-theme="light">
<a href="https://www.trustpilot.com/review/zerodette.fr" target="_blank" ></a>
</div>
</div>
</div>
<div>
<div class="text-lg">Our Mobile Apps</div></div>
<div class="col-span-2 mt-5">
<div class="text-xl not-italic font-semibold">Sign up for thelockerguy news</div>
<div class="mt-4 flex h-13">
<div class="flex-1">
<input placeholder="You Email Address" class="form-input h-full w-full rounded-l-lg border-custom-c focus:border-primary focus:ring-0 focus:ring-primary" value=""></div>
<button class="h-full w-32 rounded-r-lg bg-primary text-base capitalize text-white">subscribe</button></div>
<div class="text-base not-italic font-normal text-other-21 mt-1">Subscribe to Our Newsletter & Get Exclusive Offers</div>
<div class="mt-5 flex h-13">
<div class="n-select whats-app-input w-48 h-[52px] rounded-l-lg">
<!--[-->
<div class="n-base-selection" style="--n-bezier:cubic-bezier(.4, 0, .2, 1);--n-border:1px solid rgb(224, 224, 230);--n-border-active:1px solid #18a058;--n-border-focus:1px solid #36ad6a;--n-border-hover:1px solid #36ad6a;--n-border-radius:3px;--n-box-shadow-active:0 0 0 2px rgba(24, 160, 88, 0.2);--n-box-shadow-focus:0 0 0 2px rgba(24, 160, 88, 0.2);--n-box-shadow-hover:none;--n-caret-color:#18a058;--n-color:rgba(255, 255, 255, 1);--n-color-active:rgba(255, 255, 255, 1);--n-color-disabled:rgb(250, 250, 252);--n-font-size:14px;--n-height:34px;--n-padding-single:0 26px 0 12px;--n-padding-multiple:3px 26px 0 12px;--n-placeholder-color:rgba(194, 194, 194, 1);--n-placeholder-color-disabled:rgba(209, 209, 209, 1);--n-text-color:rgb(51, 54, 57);--n-text-color-disabled:rgba(194, 194, 194, 1);--n-arrow-color:rgba(194, 194, 194, 1);--n-arrow-color-disabled:rgba(209, 209, 209, 1);--n-loading-color:#18a058;--n-color-active-warning:rgba(255, 255, 255, 1);--n-box-shadow-focus-warning:0 0 0 2px rgba(240, 160, 32, 0.2);--n-box-shadow-active-warning:0 0 0 2px rgba(240, 160, 32, 0.2);--n-box-shadow-hover-warning:none;--n-border-warning:1px solid #f0a020;--n-border-focus-warning:1px solid #fcb040;--n-border-hover-warning:1px solid #fcb040;--n-border-active-warning:1px solid #f0a020;--n-color-active-error:rgba(255, 255, 255, 1);--n-box-shadow-focus-error:0 0 0 2px rgba(208, 48, 80, 0.2);--n-box-shadow-active-error:0 0 0 2px rgba(208, 48, 80, 0.2);--n-box-shadow-hover-error:none;--n-border-error:1px solid #d03050;--n-border-focus-error:1px solid #de576d;--n-border-hover-error:1px solid #de576d;--n-border-active-error:1px solid #d03050;--n-clear-size:16px;--n-clear-color:rgba(194, 194, 194, 1);--n-clear-color-hover:rgba(146, 146, 146, 1);--n-clear-color-pressed:rgba(175, 175, 175, 1);--n-arrow-size:16px;">
<div class="n-base-selection-label">
<input class="n-base-selection-input" value="" placeholder="" tabindex="-1">
<!---->
<div class="n-base-selection-placeholder n-base-selection-overlay">
<div class="n-base-selection-overlay__wrapper">Country Code</div></div>
</div>
<div class="n-base-selection__border"></div>
<div class="n-base-selection__state-border"></div>
</div>
<!---->
<!--]--></div>
<input placeholder="WhatsApp Account" class="form-input h-full w-full border-custom-c focus:border-primary focus:ring-0 focus:ring-primary flex-1" value="">
<button class="h-full w-32 rounded-r-lg bg-primary text-base capitalize text-white">subscribe</button></div>
<div class="font-normal mt-1 text-base text-[#A4A4A4]">
<span>By clicking the SUBSCRIBE button, you are agreeing to our</span>
<a class="underline decoration-[#A929FF] text-[#A929FF] cursor-pointer" target="_blank" href="https://zerodette.fr/privacy-policy">Privacy & Cookie Policy.</a>
<span>If you want to unsubsribe the marketing email, please proceed to our</span>
<a class="underline decoration-[#A929FF] text-[#A929FF] cursor-pointer" target="_blank" href="https://zerodette.fr/cookie-and-similar-technologies-policy">privacy center.</a></div>
</div>
</div>
</div>
<div class="mt-7 flex">
<div class="flex-1 ps-15">
<div class="flex justify-between"></div>
</div>
</div>
</div>
</div>
<div class="h-20 flex-center flex-col bg-[#2E0441]">
<div class="w-240 text-center text-white">© 2014-2026
<a href="https://zerodette.fr/">thelockerguy wholesale store.</a>All Rights Reserved.
<a href="https://zerodette.fr/intellectual-property-rights">INTELLECTUAL PROPERTY RIGHTS</a></div>
<div class="flex-center text-[#c2c2c2] text-xs">
<!--[-->
<!--]--></div>
</div>
</div>
<!--]--></footer>
<!--[-->
<!---->
<!---->
<!--]--></div>
<!--]-->
<!--]-->
<!--[-->
<!--]-->
<!--]-->
<!--]-->
<!---->
<!--]--></div>
</body>
</html>