Categories
Page: Product Pages (Optimized for Conversions)
Snippet Code
<style>
.h-[70px].w-[70px].relative.rounded-full.overflow-hidden.shadow-sm.ring-[2px].ring-ringColor.ring-offset-[3px] {
border: 3px solid #f2cfbb;
}
.h-[70px].w-[70px].relative.rounded-full.overflow-hidden.shadow-sm.ring-[2px].ring-lighteningRed.ring-offset-[3px].bg-[#FFEFEF] {
border: 3px solid #d2365e;
}
.mt-0 {
margin-top: 0;
}
.px-[16px] {
padding-left: 16px;
padding-right: 16px;
}
.mb-[16px] {
margin-bottom: 16px;
}
.text-center {
text-align: center;
}
.Fw700Fs20Hex111714 {
font-weight: 700;
color: rgb(17 23 20 / var(--tw-text-opacity));
font-family: var(--font-lato);
--tw-text-opacity: 1;
}
.!leading-[20px] {
line-height: 20px !important;
}
.Fw400Fs14HexA0A2A1 {
font-family: var(--font-lato);
font-weight: 400;
--tw-text-opacity: 1;
color: rgb(111 113 112 / var(--tw-text-opacity));
}
.justify-center {
justify-content: center;
}
.flex {
display: flex;
}
.mb-0 {
margin-bottom: 0;
}
.py-[6px] {
padding-top: 6px;
}
.overflow-x-scroll {
overflow-x: scroll;
}
.gap-[20px] {
gap: 25px;
}
.flex-row {
flex-direction: row;
}
a {
color: inherit;
text-decoration: inherit;
}
.ring-offset-[3px] {
--tw-ring-offset-width: 3px;
}
.ring-ringColor {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(242 207 187 / var(--tw-ring-opacity));
}
.ring-[2px] {
--tw-ring-offset-shadow: var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);
--tw-ring-shadow: var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);
box-shadow: var(--tw-ring-offset-shadow), var(--tw-ring-shadow), var(--tw-shadow, 0 0 #0000);
}
.shadow-sm {
--tw-shadow: 0 1px 2px 0 rgba(0, 0, 0, .05);
--tw-shadow-colored: 0 1px 2px 0;
}
.rounded-full {
border-radius: 9999px;
}
.overflow-hidden {
overflow: hidden;
}
.w-[70px] {
width: 80px;
}
.h-[70px] {
height: 80px;
}
.relative {
position: relative;
}
img {
max-width: 100%;
display: block;
}
.pt-[8px] {
padding-top: 8px;
}
.whitespace-nowrap {
white-space: nowrap;
}
.self-center {
align-self: center;
}
.text-content-3 {
--tw-text-opacity: 1;
color: rgb(64 69 67 / var(--tw-text-opacity));
}
.leading-[14px] {
line-height: 14px;
}
.text-[12px] {
font-size: 12px;
}
.ring-lighteningRed {
--tw-ring-opacity: 1;
--tw-ring-color: rgb(210 54 94 / var(--tw-ring-opacity));
}
.bg-[#FFEFEF] {
--tw-bg-opacity: 1;
background-color: rgb(255 239 239 / var(--tw-bg-opacity));
}
.py-[4px] {
padding-top: 4px;
padding-bottom: 4px;
}
.bg-lighteningRed/50 {
background-color: rgba(210, 54, 94, .5);
}
.w-full {
width: 100%;
}
.bottom-0 {
bottom: 0;
}
.absolute {
position: absolute;
}
.text-white {
--tw-text-opacity: 1;
color: rgb(255 255 255 / var(--tw-text-opacity));
}
.leading-[12px] {
line-height: 12px;
}
.uppercase {
text-transform: uppercase;
}
.font-bold {
font-weight: 700;
}
/* .whitespace-break-spaces {
white-space: break-spaces;
} */
@media (min-width: 1024px) {
.desktop:!leading-[32px] {
line-height: 32px !important;
}
.desktop:!text-[28px] {
font-size: 28px !important;
}
.desktop:mt-[8px] {
margin-top: 8px;
}
.desktop:!text-[16px] {
font-size: 16px !important;
}
.desktop:pb-[20px] {
padding-bottom: 20px;
}
.desktop:px-[6px] {
padding-left: 6px;
padding-right: 6px;
}
.desktop:w-[960px] {
width: 970px;
}
.desktop:mx-auto {
margin-left: auto;
margin-right: auto;
}
.tablet:justify-between {
justify-content: space-between;
}
}
@media (max-width: 768px) {
p.Fw700Fs20Hex111714.desktop:!text-[28px].desktop:!leading-[32px] {
font-size: 20px;
font-weight: 500;
}
p.Fw400Fs14HexA0A2A1.!leading-[20px].desktop:!text-[16px] {
font-size: 14px;
}
.h-[70px].w-[70px].relative.rounded-full.overflow-hidden.shadow-sm.ring-[2px].ring-ringColor.ring-offset-[3px] {
width: 70px;
height: 70px;
}
.h-[70px].w-[70px].relative.rounded-full.overflow-hidden.shadow-sm.ring-[2px].ring-lighteningRed.ring-offset-[3px].bg-[#FFEFEF] {
width: 70px;
height: 70px;
}
.gap-[20px] {
gap: 15px;
}
}
@supports (animation-timeline:view(inline)) and (animation-range:entry, exit) {
.scroll-scale {
animation-name: scale, scale;
animation-fill-mode: both;
animation-timing-function: ease-in-out;
animation-direction: normal, reverse;
animation-timeline: view(inline);
animation-range: entry, exit;
}
}
</style>
<div class="mt-0" id="">
<div class="px-[16px] mb-[16px]">
<div class="text-center">
<p class="Fw700Fs20Hex111714 desktop:!text-[28px] desktop:!leading-[32px] ">Explore our other Categories</p>
</div>
<div class="text-center desktop:mt-[8px]">
<p class="Fw400Fs14HexA0A2A1 !leading-[20px] desktop:!text-[16px]">We hope you'll like them</p>
</div>
</div>
<div class="flex justify-center mb-0">
<div
class="flex flex-row gap-[20px] desktop:w-[960px] px-[16px] py-[6px] overflow-x-scroll w-full nav-scrollbar tablet:justify-between desktop:mx-auto desktop:px-[6px] desktop:pb-[20px]">
<a class="scroll-scale" href="/?ref_sec=circle_nav%7Cf_btm">
<div style="background-color:#EDF5EB"
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-ringColor ring-offset-[3px]">
<img alt="Home" loading="lazy" decoding="async" data-nimg="fill"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="20vw"
srcset="https://nathabit.in/_nat/images/Nat_Habit_Logo_02_38e063c788.jpg?format=auto&width=128&quality=75 128w, https://nathabit.in/_nat/images/Nat_Habit_Logo_02_38e063c788.jpg?format=auto&width=256&quality=75 256w, https://nathabit.in/_nat/images/Nat_Habit_Logo_02_38e063c788.jpg?format=auto&width=384&quality=75 384w, https://nathabit.in/_nat/images/Nat_Habit_Logo_02_38e063c788.jpg?format=auto&width=640&quality=75 640w, https://nathabit.in/_nat/images/Nat_Habit_Logo_02_38e063c788.jpg?format=auto&width=750&quality=75 750w, https://nathabit.in/_nat/images/Nat_Habit_Logo_02_38e063c788.jpg?format=auto&width=828&quality=75 828w, https://nathabit.in/_nat/images/Nat_Habit_Logo_02_38e063c788.jpg?format=auto&width=1080&quality=75 1080w, https://nathabit.in/_nat/images/Nat_Habit_Logo_02_38e063c788.jpg?format=auto&width=1200&quality=75 1200w, https://nathabit.in/_nat/images/Nat_Habit_Logo_02_38e063c788.jpg?format=auto&width=1920&quality=75 1920w"
src="https://nathabit.in/_nat/images/Nat_Habit_Logo_02_38e063c788.jpg?format=auto&width=1920&quality=75">
</div>
<div class="self-center text-center whitespace-nowrap pt-[8px]">
<p class="text-content-3 text-[12px] leading-[14px]">Home</p>
</div>
</a><a class="scroll-scale" href="/flash-deals?ref_sec=circle_nav%7Cf_btm">
<div
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-lighteningRed ring-offset-[3px] bg-[#FFEFEF]">
<img alt="Flash Deals" loading="lazy" decoding="async" data-nimg="fill" sizes="20vw"
srcset="https://nathabit.in/_nat/images/flash_deal_icon_069073d4ba.jpg?format=auto&width=128&quality=75 128w, https://nathabit.in/_nat/images/flash_deal_icon_069073d4ba.jpg?format=auto&width=256&quality=75 256w, https://nathabit.in/_nat/images/flash_deal_icon_069073d4ba.jpg?format=auto&width=384&quality=75 384w, https://nathabit.in/_nat/images/flash_deal_icon_069073d4ba.jpg?format=auto&width=640&quality=75 640w, https://nathabit.in/_nat/images/flash_deal_icon_069073d4ba.jpg?format=auto&width=750&quality=75 750w, https://nathabit.in/_nat/images/flash_deal_icon_069073d4ba.jpg?format=auto&width=828&quality=75 828w, https://nathabit.in/_nat/images/flash_deal_icon_069073d4ba.jpg?format=auto&width=1080&quality=75 1080w, https://nathabit.in/_nat/images/flash_deal_icon_069073d4ba.jpg?format=auto&width=1200&quality=75 1200w, https://nathabit.in/_nat/images/flash_deal_icon_069073d4ba.jpg?format=auto&width=1920&quality=75 1920w"
src="https://nathabit.in/_nat/images/flash_deal_icon_069073d4ba.jpg?format=auto&width=1920&quality=75"
style="position: absolute; height: 100%; width: 100%; inset: 0px; color: transparent;">
<div class="absolute bottom-0 w-full bg-lighteningRed/50 px-[16px] py-[4px]">
<p class="text-[12px] leading-[12px] font-bold uppercase text-white whitespace-break-spaces text-center">60%
OFF</p>
</div>
</div>
<div class="flex items-center justify-center self-center pt-[8px]">
<p class="text-[12px] leading-[14px] text-content-3 whitespace-nowrap">Flash Deals</p>
</div>
</a><a class="scroll-scale" href="/nat-awards?ref_sec=circle_nav%7Cf_btm">
<div style="background-color:#EDF5EB"
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-ringColor ring-offset-[3px]">
<img alt="Trending 🔥" loading="lazy" decoding="async" data-nimg="fill"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="20vw"
srcset="https://nathabit.in/_nat/images/year_end_campaign_collection_e41b7e5e66.jpg?format=auto&width=128&quality=75 128w, https://nathabit.in/_nat/images/year_end_campaign_collection_e41b7e5e66.jpg?format=auto&width=256&quality=75 256w, https://nathabit.in/_nat/images/year_end_campaign_collection_e41b7e5e66.jpg?format=auto&width=384&quality=75 384w, https://nathabit.in/_nat/images/year_end_campaign_collection_e41b7e5e66.jpg?format=auto&width=640&quality=75 640w, https://nathabit.in/_nat/images/year_end_campaign_collection_e41b7e5e66.jpg?format=auto&width=750&quality=75 750w, https://nathabit.in/_nat/images/year_end_campaign_collection_e41b7e5e66.jpg?format=auto&width=828&quality=75 828w, https://nathabit.in/_nat/images/year_end_campaign_collection_e41b7e5e66.jpg?format=auto&width=1080&quality=75 1080w, https://nathabit.in/_nat/images/year_end_campaign_collection_e41b7e5e66.jpg?format=auto&width=1200&quality=75 1200w, https://nathabit.in/_nat/images/year_end_campaign_collection_e41b7e5e66.jpg?format=auto&width=1920&quality=75 1920w"
src="https://nathabit.in/_nat/images/year_end_campaign_collection_e41b7e5e66.jpg?format=auto&width=1920&quality=75">
</div>
<div class="self-center text-center whitespace-nowrap pt-[8px]">
<p class="text-content-3 text-[12px] leading-[14px]">Trending 🔥</p>
</div>
</a><a class="scroll-scale" href="/summer-care?ref_sec=circle_nav%7Cf_btm">
<div style="background-color:#f5e8e6"
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-ringColor ring-offset-[3px]">
<img alt="Summer Care" loading="lazy" decoding="async" data-nimg="fill"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="20vw"
srcset="https://nathabit.in/_nat/images/Summer_f49d8a2668.jpg?format=auto&width=128&quality=75 128w, https://nathabit.in/_nat/images/Summer_f49d8a2668.jpg?format=auto&width=256&quality=75 256w, https://nathabit.in/_nat/images/Summer_f49d8a2668.jpg?format=auto&width=384&quality=75 384w, https://nathabit.in/_nat/images/Summer_f49d8a2668.jpg?format=auto&width=640&quality=75 640w, https://nathabit.in/_nat/images/Summer_f49d8a2668.jpg?format=auto&width=750&quality=75 750w, https://nathabit.in/_nat/images/Summer_f49d8a2668.jpg?format=auto&width=828&quality=75 828w, https://nathabit.in/_nat/images/Summer_f49d8a2668.jpg?format=auto&width=1080&quality=75 1080w, https://nathabit.in/_nat/images/Summer_f49d8a2668.jpg?format=auto&width=1200&quality=75 1200w, https://nathabit.in/_nat/images/Summer_f49d8a2668.jpg?format=auto&width=1920&quality=75 1920w"
src="https://nathabit.in/_nat/images/Summer_f49d8a2668.jpg?format=auto&width=1920&quality=75">
</div>
<div class="self-center text-center whitespace-nowrap pt-[8px]">
<p class="text-content-3 text-[12px] leading-[14px]">Summer Care</p>
</div>
</a><a class="scroll-scale" href="/hair-care?ref_sec=circle_nav%7Cf_btm">
<div style="background-color:#FCF4FE"
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-ringColor ring-offset-[3px]">
<img alt="Hair" loading="lazy" decoding="async" data-nimg="fill"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="20vw"
srcset="https://nathabit.in/_nat/images/Hair_1_1dcfbe7cca.jpg?format=auto&width=128&quality=75 128w, https://nathabit.in/_nat/images/Hair_1_1dcfbe7cca.jpg?format=auto&width=256&quality=75 256w, https://nathabit.in/_nat/images/Hair_1_1dcfbe7cca.jpg?format=auto&width=384&quality=75 384w, https://nathabit.in/_nat/images/Hair_1_1dcfbe7cca.jpg?format=auto&width=640&quality=75 640w, https://nathabit.in/_nat/images/Hair_1_1dcfbe7cca.jpg?format=auto&width=750&quality=75 750w, https://nathabit.in/_nat/images/Hair_1_1dcfbe7cca.jpg?format=auto&width=828&quality=75 828w, https://nathabit.in/_nat/images/Hair_1_1dcfbe7cca.jpg?format=auto&width=1080&quality=75 1080w, https://nathabit.in/_nat/images/Hair_1_1dcfbe7cca.jpg?format=auto&width=1200&quality=75 1200w, https://nathabit.in/_nat/images/Hair_1_1dcfbe7cca.jpg?format=auto&width=1920&quality=75 1920w"
src="https://nathabit.in/_nat/images/Hair_1_1dcfbe7cca.jpg?format=auto&width=1920&quality=75">
</div>
<div class="self-center text-center whitespace-nowrap pt-[8px]">
<p class="text-content-3 text-[12px] leading-[14px]">Hair</p>
</div>
</a><a class="scroll-scale" href="/body-care?ref_sec=circle_nav%7Cf_btm">
<div style="background-color:#EDF5EB"
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-ringColor ring-offset-[3px]">
<img alt="Body" loading="lazy" decoding="async" data-nimg="fill"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="20vw"
srcset="https://nathabit.in/_nat/images/Body_30ba582654.jpg?format=auto&width=128&quality=75 128w, https://nathabit.in/_nat/images/Body_30ba582654.jpg?format=auto&width=256&quality=75 256w, https://nathabit.in/_nat/images/Body_30ba582654.jpg?format=auto&width=384&quality=75 384w, https://nathabit.in/_nat/images/Body_30ba582654.jpg?format=auto&width=640&quality=75 640w, https://nathabit.in/_nat/images/Body_30ba582654.jpg?format=auto&width=750&quality=75 750w, https://nathabit.in/_nat/images/Body_30ba582654.jpg?format=auto&width=828&quality=75 828w, https://nathabit.in/_nat/images/Body_30ba582654.jpg?format=auto&width=1080&quality=75 1080w, https://nathabit.in/_nat/images/Body_30ba582654.jpg?format=auto&width=1200&quality=75 1200w, https://nathabit.in/_nat/images/Body_30ba582654.jpg?format=auto&width=1920&quality=75 1920w"
src="https://nathabit.in/_nat/images/Body_30ba582654.jpg?format=auto&width=1920&quality=75">
</div>
<div class="self-center text-center whitespace-nowrap pt-[8px]">
<p class="text-content-3 text-[12px] leading-[14px]">Body</p>
</div>
</a><a href="/pages/face-scan?ref_sec=circle_nav%7Cf_btm">
<div style="background-color:#F2F8F9"
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-ringColor ring-offset-[3px]">
<img alt="Analyse Skin" loading="lazy" decoding="async" data-nimg="fill" class="object-cover"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="20vw"
srcset="https://assets.nathabit.in/_nat/images/face_scan_featured_cb6b4b3d6e.png?format=auto&width=128&quality=75 128w, https://assets.nathabit.in/_nat/images/face_scan_featured_cb6b4b3d6e.png?format=auto&width=256&quality=75 256w, https://assets.nathabit.in/_nat/images/face_scan_featured_cb6b4b3d6e.png?format=auto&width=384&quality=75 384w, https://assets.nathabit.in/_nat/images/face_scan_featured_cb6b4b3d6e.png?format=auto&width=640&quality=75 640w, https://assets.nathabit.in/_nat/images/face_scan_featured_cb6b4b3d6e.png?format=auto&width=750&quality=75 750w, https://assets.nathabit.in/_nat/images/face_scan_featured_cb6b4b3d6e.png?format=auto&width=828&quality=75 828w, https://assets.nathabit.in/_nat/images/face_scan_featured_cb6b4b3d6e.png?format=auto&width=1080&quality=75 1080w, https://assets.nathabit.in/_nat/images/face_scan_featured_cb6b4b3d6e.png?format=auto&width=1200&quality=75 1200w, https://assets.nathabit.in/_nat/images/face_scan_featured_cb6b4b3d6e.png?format=auto&width=1920&quality=75 1920w"
src="https://assets.nathabit.in/_nat/images/face_scan_featured_cb6b4b3d6e.png?format=auto&width=1920&quality=75">
</div>
<div class="self-center text-center whitespace-nowrap pt-[8px]">
<p class="text-content-3 text-[12px] leading-[14px]">Analyse Skin</p>
</div>
</a><a class="scroll-scale" href="/eyes-and-lips?ref_sec=circle_nav%7Cf_btm">
<div style="background-color:#F2F8F9"
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-ringColor ring-offset-[3px]">
<img alt="Eyes & Lips" loading="lazy" decoding="async" data-nimg="fill"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="20vw"
srcset="https://nathabit.in/_nat/images/Eyes_and_lips_2b8c523e9e.jpg?format=auto&width=128&quality=75 128w, https://nathabit.in/_nat/images/Eyes_and_lips_2b8c523e9e.jpg?format=auto&width=256&quality=75 256w, https://nathabit.in/_nat/images/Eyes_and_lips_2b8c523e9e.jpg?format=auto&width=384&quality=75 384w, https://nathabit.in/_nat/images/Eyes_and_lips_2b8c523e9e.jpg?format=auto&width=640&quality=75 640w, https://nathabit.in/_nat/images/Eyes_and_lips_2b8c523e9e.jpg?format=auto&width=750&quality=75 750w, https://nathabit.in/_nat/images/Eyes_and_lips_2b8c523e9e.jpg?format=auto&width=828&quality=75 828w, https://nathabit.in/_nat/images/Eyes_and_lips_2b8c523e9e.jpg?format=auto&width=1080&quality=75 1080w, https://nathabit.in/_nat/images/Eyes_and_lips_2b8c523e9e.jpg?format=auto&width=1200&quality=75 1200w, https://nathabit.in/_nat/images/Eyes_and_lips_2b8c523e9e.jpg?format=auto&width=1920&quality=75 1920w"
src="https://nathabit.in/_nat/images/Eyes_and_lips_2b8c523e9e.jpg?format=auto&width=1920&quality=75">
</div>
<div class="self-center text-center whitespace-nowrap pt-[8px]">
<p class="text-content-3 text-[12px] leading-[14px]">Eyes & Lips</p>
</div>
</a><a class="scroll-scale" href="/hand-and-feet?ref_sec=circle_nav%7Cf_btm">
<div style="background-color:#f5e8e6"
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-ringColor ring-offset-[3px]">
<img alt="Hands & Feet" loading="lazy" decoding="async" data-nimg="fill"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="20vw"
srcset="https://nathabit.in/_nat/images/Hands_and_feet_f504a5d817.jpg?format=auto&width=128&quality=75 128w, https://nathabit.in/_nat/images/Hands_and_feet_f504a5d817.jpg?format=auto&width=256&quality=75 256w, https://nathabit.in/_nat/images/Hands_and_feet_f504a5d817.jpg?format=auto&width=384&quality=75 384w, https://nathabit.in/_nat/images/Hands_and_feet_f504a5d817.jpg?format=auto&width=640&quality=75 640w, https://nathabit.in/_nat/images/Hands_and_feet_f504a5d817.jpg?format=auto&width=750&quality=75 750w, https://nathabit.in/_nat/images/Hands_and_feet_f504a5d817.jpg?format=auto&width=828&quality=75 828w, https://nathabit.in/_nat/images/Hands_and_feet_f504a5d817.jpg?format=auto&width=1080&quality=75 1080w, https://nathabit.in/_nat/images/Hands_and_feet_f504a5d817.jpg?format=auto&width=1200&quality=75 1200w, https://nathabit.in/_nat/images/Hands_and_feet_f504a5d817.jpg?format=auto&width=1920&quality=75 1920w"
src="https://nathabit.in/_nat/images/Hands_and_feet_f504a5d817.jpg?format=auto&width=1920&quality=75">
</div>
<div class="self-center text-center whitespace-nowrap pt-[8px]">
<p class="text-content-3 text-[12px] leading-[14px]">Hands & Feet</p>
</div>
</a><a class="scroll-scale" href="/baby-care?ref_sec=circle_nav%7Cf_btm">
<div style="background-color:#EDF5EB"
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-ringColor ring-offset-[3px]">
<img alt="Baby" loading="lazy" decoding="async" data-nimg="fill"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="20vw"
srcset="https://nathabit.in/_nat/images/Baby_ef8f7cb49e.jpg?format=auto&width=128&quality=75 128w, https://nathabit.in/_nat/images/Baby_ef8f7cb49e.jpg?format=auto&width=256&quality=75 256w, https://nathabit.in/_nat/images/Baby_ef8f7cb49e.jpg?format=auto&width=384&quality=75 384w, https://nathabit.in/_nat/images/Baby_ef8f7cb49e.jpg?format=auto&width=640&quality=75 640w, https://nathabit.in/_nat/images/Baby_ef8f7cb49e.jpg?format=auto&width=750&quality=75 750w, https://nathabit.in/_nat/images/Baby_ef8f7cb49e.jpg?format=auto&width=828&quality=75 828w, https://nathabit.in/_nat/images/Baby_ef8f7cb49e.jpg?format=auto&width=1080&quality=75 1080w, https://nathabit.in/_nat/images/Baby_ef8f7cb49e.jpg?format=auto&width=1200&quality=75 1200w, https://nathabit.in/_nat/images/Baby_ef8f7cb49e.jpg?format=auto&width=1920&quality=75 1920w"
src="https://nathabit.in/_nat/images/Baby_ef8f7cb49e.jpg?format=auto&width=1920&quality=75">
</div>
<div class="self-center text-center whitespace-nowrap pt-[8px]">
<p class="text-content-3 text-[12px] leading-[14px]">Baby</p>
</div>
</a><a class="scroll-scale" href="/men-care?ref_sec=circle_nav%7Cf_btm">
<div style="background-color:#EDF5EB"
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-ringColor ring-offset-[3px]">
<img alt="Men" loading="lazy" decoding="async" data-nimg="fill"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="20vw"
srcset="https://nathabit.in/_nat/images/Men_69c2bd1646.jpg?format=auto&width=128&quality=75 128w, https://nathabit.in/_nat/images/Men_69c2bd1646.jpg?format=auto&width=256&quality=75 256w, https://nathabit.in/_nat/images/Men_69c2bd1646.jpg?format=auto&width=384&quality=75 384w, https://nathabit.in/_nat/images/Men_69c2bd1646.jpg?format=auto&width=640&quality=75 640w, https://nathabit.in/_nat/images/Men_69c2bd1646.jpg?format=auto&width=750&quality=75 750w, https://nathabit.in/_nat/images/Men_69c2bd1646.jpg?format=auto&width=828&quality=75 828w, https://nathabit.in/_nat/images/Men_69c2bd1646.jpg?format=auto&width=1080&quality=75 1080w, https://nathabit.in/_nat/images/Men_69c2bd1646.jpg?format=auto&width=1200&quality=75 1200w, https://nathabit.in/_nat/images/Men_69c2bd1646.jpg?format=auto&width=1920&quality=75 1920w"
src="https://nathabit.in/_nat/images/Men_69c2bd1646.jpg?format=auto&width=1920&quality=75">
</div>
<div class="self-center text-center whitespace-nowrap pt-[8px]">
<p class="text-content-3 text-[12px] leading-[14px]">Men</p>
</div>
</a><a class="scroll-scale" href="/hairfall?ref_sec=circle_nav%7Cf_btm">
<div style="background-color:#f5e8e6"
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-ringColor ring-offset-[3px]">
<img alt="Hair Fall" loading="lazy" decoding="async" data-nimg="fill"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="20vw"
srcset="https://nathabit.in/_nat/images/hairfall_d449695f8d.jpg?format=auto&width=128&quality=75 128w, https://nathabit.in/_nat/images/hairfall_d449695f8d.jpg?format=auto&width=256&quality=75 256w, https://nathabit.in/_nat/images/hairfall_d449695f8d.jpg?format=auto&width=384&quality=75 384w, https://nathabit.in/_nat/images/hairfall_d449695f8d.jpg?format=auto&width=640&quality=75 640w, https://nathabit.in/_nat/images/hairfall_d449695f8d.jpg?format=auto&width=750&quality=75 750w, https://nathabit.in/_nat/images/hairfall_d449695f8d.jpg?format=auto&width=828&quality=75 828w, https://nathabit.in/_nat/images/hairfall_d449695f8d.jpg?format=auto&width=1080&quality=75 1080w, https://nathabit.in/_nat/images/hairfall_d449695f8d.jpg?format=auto&width=1200&quality=75 1200w, https://nathabit.in/_nat/images/hairfall_d449695f8d.jpg?format=auto&width=1920&quality=75 1920w"
src="https://nathabit.in/_nat/images/hairfall_d449695f8d.jpg?format=auto&width=1920&quality=75">
</div>
<div class="self-center text-center whitespace-nowrap pt-[8px]">
<p class="text-content-3 text-[12px] leading-[14px]">Hair Fall</p>
</div>
</a><a class="scroll-scale" href="/gift?ref_sec=circle_nav%7Cf_btm">
<div style="background-color:#f5e8e6"
class="h-[70px] w-[70px] relative rounded-full overflow-hidden shadow-sm ring-[2px] ring-ringColor ring-offset-[3px]">
<img alt="Gifting ✨" loading="lazy" decoding="async" data-nimg="fill"
style="position:absolute;height:100%;width:100%;left:0;top:0;right:0;bottom:0;color:transparent"
sizes="20vw"
srcset="https://nathabit.in/_nat/images/Gifting_41c0e7338d.jpg?format=auto&width=128&quality=75 128w, https://nathabit.in/_nat/images/Gifting_41c0e7338d.jpg?format=auto&width=256&quality=75 256w, https://nathabit.in/_nat/images/Gifting_41c0e7338d.jpg?format=auto&width=384&quality=75 384w, https://nathabit.in/_nat/images/Gifting_41c0e7338d.jpg?format=auto&width=640&quality=75 640w, https://nathabit.in/_nat/images/Gifting_41c0e7338d.jpg?format=auto&width=750&quality=75 750w, https://nathabit.in/_nat/images/Gifting_41c0e7338d.jpg?format=auto&width=828&quality=75 828w, https://nathabit.in/_nat/images/Gifting_41c0e7338d.jpg?format=auto&width=1080&quality=75 1080w, https://nathabit.in/_nat/images/Gifting_41c0e7338d.jpg?format=auto&width=1200&quality=75 1200w, https://nathabit.in/_nat/images/Gifting_41c0e7338d.jpg?format=auto&width=1920&quality=75 1920w"
src="https://nathabit.in/_nat/images/Gifting_41c0e7338d.jpg?format=auto&width=1920&quality=75">
</div>
<div class="self-center text-center whitespace-nowrap pt-[8px]">
<p class="text-content-3 text-[12px] leading-[14px]">Gifting ✨</p>
</div>
</a>
</div>
</div>
</div>Instructions
Heyy Guys 
Watch the video below to learn how to Import these Codes into your Shopify Ecommerce Store!