Domů Procházet Nápověda
Registrovat se Přihlásit se
ShofiqulShuvo
/
TheMallBd
1
0
Rozštěpit 0
Soubory Úkoly 0 Pull Requesty 0 Wiki
Strom: f58d0f8a84
Větve Značky
TheMallBd
/
index.html

index.html 109 KB
Historie Surový

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192939495969798991001011021031041051061071081091101111121131141151161171181191201211221231241251261271281291301311321331341351361371381391401411421431441451461471481491501511521531541551561571581591601611621631641651661671681691701711721731741751761771781791801811821831841851861871881891901911921931941951961971981992002012022032042052062072082092102112122132142152162172182192202212222232242252262272282292302312322332342352362372382392402412422432442452462472482492502512522532542552562572582592602612622632642652662672682692702712722732742752762772782792802812822832842852862872882892902912922932942952962972982993003013023033043053063073083093103113123133143153163173183193203213223233243253263273283293303313323333343353363373383393403413423433443453463473483493503513523533543553563573583593603613623633643653663673683693703713723733743753763773783793803813823833843853863873883893903913923933943953963973983994004014024034044054064074084094104114124134144154164174184194204214224234244254264274284294304314324334344354364374384394404414424434444454464474484494504514524534544554564574584594604614624634644654664674684694704714724734744754764774784794804814824834844854864874884894904914924934944954964974984995005015025035045055065075085095105115125135145155165175185195205215225235245255265275285295305315325335345355365375385395405415425435445455465475485495505515525535545555565575585595605615625635645655665675685695705715725735745755765775785795805815825835845855865875885895905915925935945955965975985996006016026036046056066076086096106116126136146156166176186196206216226236246256266276286296306316326336346356366376386396406416426436446456466476486496506516526536546556566576586596606616626636646656666676686696706716726736746756766776786796806816826836846856866876886896906916926936946956966976986997007017027037047057067077087097107117127137147157167177187197207217227237247257267277287297307317327337347357367377387397407417427437447457467477487497507517527537547557567577587597607617627637647657667677687697707717727737747757767777787797807817827837847857867877887897907917927937947957967977987998008018028038048058068078088098108118128138148158168178188198208218228238248258268278288298308318328338348358368378388398408418428438448458468478488498508518528538548558568578588598608618628638648658668678688698708718728738748758768778788798808818828838848858868878888898908918928938948958968978988999009019029039049059069079089099109119129139149159169179189199209219229239249259269279289299309319329339349359369379389399409419429439449459469479489499509519529539549559569579589599609619629639649659669679689699709719729739749759769779789799809819829839849859869879889899909919929939949959969979989991000100110021003100410051006100710081009101010111012101310141015101610171018101910201021102210231024102510261027102810291030103110321033103410351036103710381039104010411042104310441045104610471048104910501051105210531054105510561057105810591060106110621063106410651066106710681069107010711072107310741075107610771078107910801081108210831084108510861087108810891090109110921093109410951096109710981099110011011102110311041105110611071108110911101111111211131114111511161117111811191120112111221123112411251126112711281129113011311132113311341135113611371138113911401141114211431144114511461147114811491150115111521153115411551156115711581159116011611162116311641165116611671168116911701171117211731174117511761177117811791180118111821183118411851186118711881189119011911192119311941195119611971198119912001201120212031204120512061207120812091210121112121213121412151216121712181219122012211222122312241225122612271228122912301231123212331234123512361237123812391240124112421243124412451246124712481249125012511252125312541255125612571258125912601261126212631264126512661267126812691270127112721273127412751276127712781279128012811282128312841285128612871288128912901291129212931294129512961297129812991300130113021303130413051306130713081309131013111312131313141315131613171318131913201321132213231324132513261327132813291330133113321333133413351336133713381339134013411342134313441345134613471348134913501351135213531354135513561357135813591360136113621363136413651366136713681369137013711372137313741375137613771378137913801381138213831384138513861387138813891390139113921393139413951396139713981399140014011402140314041405140614071408140914101411141214131414141514161417141814191420142114221423142414251426142714281429143014311432143314341435143614371438143914401441144214431444144514461447144814491450145114521453145414551456145714581459146014611462146314641465146614671468146914701471147214731474147514761477147814791480148114821483148414851486148714881489149014911492149314941495149614971498149915001501150215031504150515061507150815091510151115121513151415151516151715181519152015211522152315241525152615271528152915301531153215331534153515361537153815391540154115421543154415451546154715481549155015511552155315541555155615571558155915601561156215631564156515661567156815691570157115721573157415751576157715781579158015811582158315841585158615871588158915901591159215931594159515961597159815991600160116021603160416051606160716081609161016111612161316141615161616171618161916201621162216231624162516261627162816291630163116321633163416351636163716381639164016411642164316441645164616471648164916501651165216531654165516561657165816591660166116621663166416651666166716681669167016711672167316741675167616771678167916801681168216831684168516861687168816891690169116921693169416951696169716981699170017011702170317041705170617071708170917101711171217131714171517161717171817191720172117221723172417251726172717281729173017311732173317341735173617371738173917401741174217431744174517461747174817491750175117521753175417551756175717581759176017611762176317641765176617671768176917701771177217731774177517761777177817791780178117821783178417851786178717881789179017911792179317941795179617971798179918001801180218031804180518061807180818091810181118121813181418151816181718181819182018211822182318241825182618271828182918301831183218331834183518361837183818391840184118421843184418451846184718481849185018511852185318541855185618571858185918601861186218631864186518661867186818691870187118721873187418751876187718781879188018811882188318841885188618871888188918901891189218931894189518961897189818991900190119021903190419051906190719081909191019111912191319141915191619171918191919201921192219231924192519261927192819291930193119321933193419351936193719381939194019411942194319441945194619471948194919501951195219531954195519561957195819591960196119621963196419651966196719681969197019711972197319741975197619771978197919801981198219831984198519861987198819891990199119921993199419951996199719981999200020012002200320042005200620072008200920102011201220132014201520162017201820192020202120222023202420252026202720282029203020312032203320342035203620372038203920402041204220432044204520462047204820492050205120522053205420552056205720582059206020612062206320642065206620672068206920702071207220732074207520762077207820792080208120822083208420852086208720882089209020912092209320942095209620972098 
  1. <!DOCTYPE html>
    2. 

  2. <html lang="en">
    3. 

  3. <head>
    4. 

  4.     <meta charset="UTF-8">
    5. 

  5.     <meta http-equiv="X-UA-Compatible" content="IE=edge">
    6. 

  6.     <meta name="viewport" content="width=device-width, initial-scale=1.0">
    7. 

  7. 

  8. 

  9.     <!-- fonts -->
    10. 

  10.     <link rel="preconnect" href="https://fonts.googleapis.com">
    11. 

  11.     <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
    12. 

  12.     <link href="https://fonts.googleapis.com/css2?family=Josefin+Sans:wght@100;200;300;400;500;600;700&display=swap" rel="stylesheet">
    13. 

  13. 

  14. 

  15.     <!-- bootstrap css -->
    16. 

  16.     <link rel="stylesheet" href="./css/bootstrap.min.css">
    17. 

  17. 

  18.      <!-- swiper slider css -->
    19. 

  19.      <link rel="stylesheet" href="./css/swiper-bundle.min.css">
    20. 

  20. 

  21.      <!-- lightbox css -->
    22. 

  22.      <link rel="stylesheet" href="./css/simple-lightbox.css">
    23. 

  23. 

  24. 

  25.     <!-- custom css -->
    26. 

  26.     <link rel="stylesheet" href="./css/style.css">
    27. 

  27. 

  28. 

  29.     <title>Home</title>
    30. 

  30. </head>
    31. 

  31. <body>
    32. 

  32.     
    33. 

  33.     <!-- nav header -->
    34. 

  34.     
    35. 

  35. 

  36. 

  37.     <!-- hero sectiion -->
    38. 

  38.     <section id="hero">
    39. 

  39. 

  40.         <div class="banner-carousel">
    41. 

  41.               <div class="swiper bannerSlider">
    42. 

  42.                 <div class="swiper-wrapper">
    43. 

  43.                     <div class="swiper-slide">
    44. 

  44.                         <img src="./images/home_page/home-banner.png" alt="">
    45. 

  45.                     </div>
    46. 

  46.                     <div class="swiper-slide">
    47. 

  47.                         <img src="./images/home_page/home-banner.png" alt="">
    48. 

  48.                     </div>
    49. 

  49.                     <div class="swiper-slide">
    50. 

  50.                         <img src="./images/home_page/home-banner.png" alt="">
    51. 

  51.                     </div>
    52. 

  52.                     <div class="swiper-slide">
    53. 

  53.                         <img src="./images/home_page/home-banner.png" alt="">
    54. 

  54.                     </div>
    55. 

  55.                     <div class="swiper-slide">
    56. 

  56.                         <img src="./images/home_page/home-banner.png" alt="">
    57. 

  57.                     </div>
    58. 

  58.                 </div>
    59. 

  59.               </div>
    60. 

  60.         </div>
    61. 

  61. 

  62.     </section>
    63. 

  63. 

  64. 

  65.     <!-- home category slider -->
    66. 

  66.     <section id="home-category" class="mt-3 py-3">
    67. 

  67.         <div class="container">
    68. 

  68.             <div class="position-relative">
    69. 

  69.                 <div class="swiper categorySlider">
    70. 

  70.                     <div class="swiper-wrapper">
    71. 

  71.                         <div class="swiper-slide">
    72. 

  72.                           <a href="#">
    73. 

  73.                               <img src="./images/home_page/people-1.png" alt="">
    74. 

  74.                           </a>
    75. 

  75.                         </div>
    76. 

  76.                         <div class="swiper-slide">
    77. 

  77.                           <a href="#">
    78. 

  78.                               <img src="./images/home_page/people-2.png" alt="">
    79. 

  79.                           </a>
    80. 

  80.                         </div>
    81. 

  81.                         <div class="swiper-slide">
    82. 

  82.                           <a href="#">
    83. 

  83.                               <img src="./images/home_page/people-3.png" alt="">
    84. 

  84.                           </a>
    85. 

  85.                         </div>
    86. 

  86.                         <div class="swiper-slide">
    87. 

  87.                           <a href="#">
    88. 

  88.                               <img src="./images/home_page/people-4.png" alt="">
    89. 

  89.                           </a>
    90. 

  90.                         </div>
    91. 

  91.                         <div class="swiper-slide">
    92. 

  92.                           <a href="#">
    93. 

  93.                               <img src="./images/home_page/people-5.png" alt="">
    94. 

  94.                           </a>
    95. 

  95.                         </div>
    96. 

  96.                         <div class="swiper-slide">
    97. 

  97.                           <a href="#">
    98. 

  98.                               <img src="./images/home_page/people-6.png" alt="">
    99. 

  99.                           </a>
    100. 

  100.                         </div>
    101. 

  101.                         <div class="swiper-slide">
    102. 

  102.                           <a href="#">
    103. 

  103.                               <img src="./images/home_page/people-1.png" alt="">
    104. 

  104.                           </a>
    105. 

  105.                         </div>
    106. 

  106.                         <div class="swiper-slide">
    107. 

  107.                           <a href="#">
    108. 

  108.                               <img src="./images/home_page/people-2.png" alt="">
    109. 

  109.                           </a>
    110. 

  110.                         </div>
    111. 

  111.                         <div class="swiper-slide">
    112. 

  112.                           <a href="#">
    113. 

  113.                               <img src="./images/home_page/people-3.png" alt="">
    114. 

  114.                           </a>
    115. 

  115.                         </div>
    116. 

  116.                         <div class="swiper-slide">
    117. 

  117.                           <a href="#">
    118. 

  118.                               <img src="./images/home_page/people-4.png" alt="">
    119. 

  119.                           </a>
    120. 

  120.                         </div>
    121. 

  121.                         <div class="swiper-slide">
    122. 

  122.                           <a href="#">
    123. 

  123.                               <img src="./images/home_page/people-5.png" alt="">
    124. 

  124.                           </a>
    125. 

  125.                         </div>
    126. 

  126.                         <div class="swiper-slide">
    127. 

  127.                           <a href="#">
    128. 

  128.                               <img src="./images/home_page/people-6.png" alt="">
    129. 

  129.                           </a>
    130. 

  130.                         </div>
    131. 

  131.                     </div>
    132. 

  132.                 </div>
    133. 

  133.                 <div class="swiper-button-next"></div>
    134. 

  134.                 <div class="swiper-button-prev"></div>
    135. 

  135.             </div>
    136. 

  136.         </div>
    137. 

  137.     </section>
    138. 

  138. 

  139. 

  140.     <!-- skin care -->
    141. 

  141.     <section id="skin-care" class="mt-5 py-3">
    142. 

  142.         <div class="container text-center">
    143. 

  143. 

  144.             <!-- title -->
    145. 

  145.             <div class="section-title fw-normal">
    146. 

  146.                 START YOUR SKINCARE JOURNEY
    147. 

  147.             </div>
    148. 

  148.             <!-- subtitle -->
    149. 

  149.             <p class="mt-3 text-gray fs-4">
    150. 

  150.                 Skincare is an evolving personal journey and we're here
    151. 

  151.                 <br>
    152. 

  152.                 to guide you along the way.
    153. 

  153.             </p>
    154. 

  154. 

  155. 

  156.             <!-- shop tabs -->
    157. 

  157.             <ul id="shop-tabs" class="nav nav-pills mb-3 mt-5 d-flexs justify-content-evenly  align-items-start" id="pills-tab" role="tablist">
    158. 

  158. 

  159.                 <!-- SHOP BY BEST SELLERS -->
    160. 

  160.                 <li class="ms-0  nav-item" role="presentation">
    161. 

  161.                   <button class="tabs-btn px-2 pb-2 pb-lg-3  text-gray fw-semibold active" id="shop-by-best-sellers-tab" data-bs-toggle="pill" data-bs-target="#shop-by-best-sellers" type="button" role="tab" aria-controls="shop-by-best-sellers" aria-selected="true">SHOP BY BEST SELLERS
    162. 

  162.                 </button>
    163. 

  163.                 </li>
    164. 

  164. 

  165.                 <!-- SHOP BY SKIN TYPE -->
    166. 

  166.                 <li class="ms-0 ms-md-3  nav-item" role="presentation">
    167. 

  167.                   <button class="tabs-btn px-2 pb-2 pb-lg-3  text-gray fw-semibold " id="shop-by-skin-type-tab" data-bs-toggle="pill" data-bs-target="#shop-by-skin" type="button" role="tab" aria-controls="shop-by-skin" aria-selected="false">
    168. 

  168.                     SHOP BY SKIN TYPE
    169. 

  169.                     </button>
    170. 

  170.                 </li>
    171. 

  171. 

  172.                 <!-- SHOP BY BRAND -->
    173. 

  173.                 <li class="ms-0 ms-md-3  nav-item" role="presentation">
    174. 

  174.                   <button class="tabs-btn px-2 pb-2 pb-lg-3  text-gray fw-semibold " id="shop-by-band-tab" data-bs-toggle="pill" data-bs-target="#shop-by-band" type="button" role="tab" aria-controls="shop-by-band" aria-selected="false">
    175. 

  175.                     SHOP BY BRAND
    176. 

  176.                     </button>
    177. 

  177.                 </li>
    178. 

  178.               </ul>
    179. 

  179.               
    180. 

  180.               <!-- tab content -->
    181. 

  181.               <div class="tab-content mt-5" id="pills-tabContent">
    182. 

  182. 

  183.                 <!-- SHOP BY BEST SELLERS -->
    184. 

  184.                 <div class="tab-pane fade show active" id="shop-by-best-sellers" role="tabpanel" aria-labelledby="shop-by-best-sellers-tab">
    185. 

  185. 

  186.                     <!-- product list container -->
    187. 

  187.                     <div class="d-flex flex-wrap">
    188. 

  188. 

  189.                         <div class="product-single p-1 p-md-2 ">
    190. 

  190.                             <div class=" product rounded-1 px-3 py-3 text-start">
    191. 

  191.     
    192. 

  192.                                 <!-- product image -->
    193. 

  193.                                 <a href="./product-details.html">
    194. 

  194.                                     <div class="image-container text-center">
    195. 

  195.                                         <img class="h-100" src="./images/product_details/product image.png" alt="">
    196. 

  196.                                     </div>
    197. 

  197.                                 </a>
    198. 

  198.         
    199. 

  199.                                 <!-- product brand and ratting -->
    200. 

  200.                                 <div class="my-2 d-flex flex-wrap align-items-center ">
    201. 

  201.         
    202. 

  202.                                     <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    203. 

  203.                                     
    204. 

  204.                                     <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    205. 

  205.                                         <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    206. 

  206.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    207. 

  207.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    208. 

  208.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    209. 

  209.                                         <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    210. 

  210.                                         <div class="rating-count ms-1 ms-md-2">(15)</div>
    211. 

  211.                                     </div>
    212. 

  212.                                 </div>
    213. 

  213.         
    214. 

  214.                                 <!-- product name -->
    215. 

  215.                                 <a href="./product-details.html" class="title text-gray  ">
    216. 

  216.                                     Clear Kind to skin refreshing
    217. 

  217.                                     shampoo
    218. 

  218.                                 </a>
    219. 

  219.                                 
    220. 

  220.                                 <!-- offer -->
    221. 

  221.                                 <p class="offer pt-2 pt-xl-3 text-deep-red">
    222. 

  222.                                     Buy 2 Get 1 free
    223. 

  223.                                 </p>
    224. 

  224.         
    225. 

  225.                                 <!-- product price -->
    226. 

  226.                                 <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    227. 

  227.                                     <span class="text-decoration-line-through text-light-gray">৳600</span>
    228. 

  228.                                     <span class="ms-3 fw-semibold">৳510 </span>
    229. 

  229.                                 </div>
    230. 

  230.         
    231. 

  231.                                 <!-- product price in app -->
    232. 

  232.                                 <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    233. 

  233.                                     <span class="fw-semibold">App Price : </span>
    234. 

  234.                                     <span class="ms-3 fw-semibold">৳ 484 </span>
    235. 

  235.                                 </div>
    236. 

  236.         
    237. 

  237.                                 <!-- add to cart -->
    238. 

  238.                                 <div class="text-center pt-2 pt-lg-3">
    239. 

  239.                                     <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    240. 

  240.                                         <span>
    241. 

  241.                                             <img src="./images/icon/Cart_white.svg" alt="">
    242. 

  242.                                         </span>
    243. 

  243.                                         <span class="add-cart-text ms-2">Add to Cart</span>
    244. 

  244.                                     </button>
    245. 

  245.                                 </div>
    246. 

  246.                             </div>
    247. 

  247.                         </div>
    248. 

  248. 

  249.                         <div class="product-single p-1 p-md-2 ">
    250. 

  250.                             <div class=" product rounded-1 px-3 py-3 text-start">
    251. 

  251.     
    252. 

  252.                                 <!-- product image -->
    253. 

  253.                                 <a href="./product-details.html">
    254. 

  254.                                     <div class="image-container text-center">
    255. 

  255.                                         <img class="h-100" src="./images/product_details/product image.png" alt="">
    256. 

  256.                                     </div>
    257. 

  257.                                 </a>
    258. 

  258.         
    259. 

  259.                                 <!-- product brand and ratting -->
    260. 

  260.                                 <div class="my-2 d-flex flex-wrap align-items-center ">
    261. 

  261.         
    262. 

  262.                                     <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    263. 

  263.                                     
    264. 

  264.                                     <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    265. 

  265.                                         <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    266. 

  266.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    267. 

  267.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    268. 

  268.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    269. 

  269.                                         <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    270. 

  270.                                         <div class="rating-count ms-1 ms-md-2">(15)</div>
    271. 

  271.                                     </div>
    272. 

  272.                                 </div>
    273. 

  273.         
    274. 

  274.                                 <!-- product name -->
    275. 

  275.                                 <a href="./product-details.html" class="title text-gray  ">
    276. 

  276.                                     Clear Kind to skin refreshing
    277. 

  277.                                     shampoo
    278. 

  278.                                 </a>
    279. 

  279.                                 
    280. 

  280.                                 <!-- offer -->
    281. 

  281.                                 <p class="offer pt-2 pt-xl-3 text-deep-red">
    282. 

  282.                                     Buy 2 Get 1 free
    283. 

  283.                                 </p>
    284. 

  284.         
    285. 

  285.                                 <!-- product price -->
    286. 

  286.                                 <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    287. 

  287.                                     <span class="text-decoration-line-through text-light-gray">৳600</span>
    288. 

  288.                                     <span class="ms-3 fw-semibold">৳510 </span>
    289. 

  289.                                 </div>
    290. 

  290.         
    291. 

  291.                                 <!-- product price in app -->
    292. 

  292.                                 <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    293. 

  293.                                     <span class="fw-semibold">App Price : </span>
    294. 

  294.                                     <span class="ms-3 fw-semibold">৳ 484 </span>
    295. 

  295.                                 </div>
    296. 

  296.         
    297. 

  297.                                 <!-- add to cart -->
    298. 

  298.                                 <div class="text-center pt-2 pt-lg-3">
    299. 

  299.                                     <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    300. 

  300.                                         <span>
    301. 

  301.                                             <img src="./images/icon/Cart_white.svg" alt="">
    302. 

  302.                                         </span>
    303. 

  303.                                         <span class="add-cart-text ms-2">Add to Cart</span>
    304. 

  304.                                     </button>
    305. 

  305.                                 </div>
    306. 

  306.                             </div>
    307. 

  307.                         </div>
    308. 

  308. 

  309.                         <div class="product-single p-1 p-md-2 ">
    310. 

  310.                             <div class=" product rounded-1 px-3 py-3 text-start">
    311. 

  311.     
    312. 

  312.                                 <!-- product image -->
    313. 

  313.                                 <a href="./product-details.html">
    314. 

  314.                                     <div class="image-container text-center">
    315. 

  315.                                         <img class="h-100" src="./images/product_details/product image.png" alt="">
    316. 

  316.                                     </div>
    317. 

  317.                                 </a>
    318. 

  318.         
    319. 

  319.                                 <!-- product brand and ratting -->
    320. 

  320.                                 <div class="my-2 d-flex flex-wrap align-items-center ">
    321. 

  321.         
    322. 

  322.                                     <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    323. 

  323.                                     
    324. 

  324.                                     <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    325. 

  325.                                         <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    326. 

  326.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    327. 

  327.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    328. 

  328.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    329. 

  329.                                         <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    330. 

  330.                                         <div class="rating-count ms-1 ms-md-2">(15)</div>
    331. 

  331.                                     </div>
    332. 

  332.                                 </div>
    333. 

  333.         
    334. 

  334.                                 <!-- product name -->
    335. 

  335.                                 <a href="./product-details.html" class="title text-gray  ">
    336. 

  336.                                     Clear Kind to skin refreshing
    337. 

  337.                                     shampoo
    338. 

  338.                                 </a>
    339. 

  339.                                 
    340. 

  340.                                 <!-- offer -->
    341. 

  341.                                 <p class="offer pt-2 pt-xl-3 text-deep-red">
    342. 

  342.                                     Buy 2 Get 1 free
    343. 

  343.                                 </p>
    344. 

  344.         
    345. 

  345.                                 <!-- product price -->
    346. 

  346.                                 <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    347. 

  347.                                     <span class="text-decoration-line-through text-light-gray">৳600</span>
    348. 

  348.                                     <span class="ms-3 fw-semibold">৳510 </span>
    349. 

  349.                                 </div>
    350. 

  350.         
    351. 

  351.                                 <!-- product price in app -->
    352. 

  352.                                 <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    353. 

  353.                                     <span class="fw-semibold">App Price : </span>
    354. 

  354.                                     <span class="ms-3 fw-semibold">৳ 484 </span>
    355. 

  355.                                 </div>
    356. 

  356.         
    357. 

  357.                                 <!-- add to cart -->
    358. 

  358.                                 <div class="text-center pt-2 pt-lg-3">
    359. 

  359.                                     <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    360. 

  360.                                         <span>
    361. 

  361.                                             <img src="./images/icon/Cart_white.svg" alt="">
    362. 

  362.                                         </span>
    363. 

  363.                                         <span class="add-cart-text ms-2">Add to Cart</span>
    364. 

  364.                                     </button>
    365. 

  365.                                 </div>
    366. 

  366.                             </div>
    367. 

  367.                         </div>
    368. 

  368. 

  369.                         <div class="product-single p-1 p-md-2 ">
    370. 

  370.                             <div class=" product rounded-1 px-3 py-3 text-start">
    371. 

  371.     
    372. 

  372.                                 <!-- product image -->
    373. 

  373.                                 <a href="./product-details.html">
    374. 

  374.                                     <div class="image-container text-center">
    375. 

  375.                                         <img class="h-100" src="./images/product_details/product image.png" alt="">
    376. 

  376.                                     </div>
    377. 

  377.                                 </a>
    378. 

  378.         
    379. 

  379.                                 <!-- product brand and ratting -->
    380. 

  380.                                 <div class="my-2 d-flex flex-wrap align-items-center ">
    381. 

  381.         
    382. 

  382.                                     <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    383. 

  383.                                     
    384. 

  384.                                     <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    385. 

  385.                                         <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    386. 

  386.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    387. 

  387.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    388. 

  388.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    389. 

  389.                                         <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    390. 

  390.                                         <div class="rating-count ms-1 ms-md-2">(15)</div>
    391. 

  391.                                     </div>
    392. 

  392.                                 </div>
    393. 

  393.         
    394. 

  394.                                 <!-- product name -->
    395. 

  395.                                 <a href="./product-details.html" class="title text-gray  ">
    396. 

  396.                                     Clear Kind to skin refreshing
    397. 

  397.                                     shampoo
    398. 

  398.                                 </a>
    399. 

  399.                                 
    400. 

  400.                                 <!-- offer -->
    401. 

  401.                                 <p class="offer pt-2 pt-xl-3 text-deep-red">
    402. 

  402.                                     Buy 2 Get 1 free
    403. 

  403.                                 </p>
    404. 

  404.         
    405. 

  405.                                 <!-- product price -->
    406. 

  406.                                 <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    407. 

  407.                                     <span class="text-decoration-line-through text-light-gray">৳600</span>
    408. 

  408.                                     <span class="ms-3 fw-semibold">৳510 </span>
    409. 

  409.                                 </div>
    410. 

  410.         
    411. 

  411.                                 <!-- product price in app -->
    412. 

  412.                                 <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    413. 

  413.                                     <span class="fw-semibold">App Price : </span>
    414. 

  414.                                     <span class="ms-3 fw-semibold">৳ 484 </span>
    415. 

  415.                                 </div>
    416. 

  416.         
    417. 

  417.                                 <!-- add to cart -->
    418. 

  418.                                 <div class="text-center pt-2 pt-lg-3">
    419. 

  419.                                     <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    420. 

  420.                                         <span>
    421. 

  421.                                             <img src="./images/icon/Cart_white.svg" alt="">
    422. 

  422.                                         </span>
    423. 

  423.                                         <span class="add-cart-text ms-2">Add to Cart</span>
    424. 

  424.                                     </button>
    425. 

  425.                                 </div>
    426. 

  426.                             </div>
    427. 

  427.                         </div>
    428. 

  428. 

  429.                         <div class="product-single p-1 p-md-2 d-none d-xl-block">
    430. 

  430.                             <div class=" product rounded-1 px-3 py-3 text-start">
    431. 

  431.     
    432. 

  432.                                 <!-- product image -->
    433. 

  433.                                 <a href="./product-details.html">
    434. 

  434.                                     <div class="image-container text-center">
    435. 

  435.                                         <img class="h-100" src="./images/product_details/product image.png" alt="">
    436. 

  436.                                     </div>
    437. 

  437.                                 </a>
    438. 

  438.         
    439. 

  439.                                 <!-- product brand and ratting -->
    440. 

  440.                                 <div class="my-2 d-flex flex-wrap align-items-center ">
    441. 

  441.         
    442. 

  442.                                     <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    443. 

  443.                                     
    444. 

  444.                                     <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    445. 

  445.                                         <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    446. 

  446.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    447. 

  447.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    448. 

  448.                                         <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    449. 

  449.                                         <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    450. 

  450.                                         <div class="rating-count ms-1 ms-md-2">(15)</div>
    451. 

  451.                                     </div>
    452. 

  452.                                 </div>
    453. 

  453.         
    454. 

  454.                                 <!-- product name -->
    455. 

  455.                                 <a href="./product-details.html" class="title text-gray  ">
    456. 

  456.                                     Clear Kind to skin refreshing
    457. 

  457.                                     shampoo
    458. 

  458.                                 </a>
    459. 

  459.                                 
    460. 

  460.                                 <!-- offer -->
    461. 

  461.                                 <p class="offer pt-2 pt-xl-3 text-deep-red">
    462. 

  462.                                     Buy 2 Get 1 free
    463. 

  463.                                 </p>
    464. 

  464.         
    465. 

  465.                                 <!-- product price -->
    466. 

  466.                                 <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    467. 

  467.                                     <span class="text-decoration-line-through text-light-gray">৳600</span>
    468. 

  468.                                     <span class="ms-3 fw-semibold">৳510 </span>
    469. 

  469.                                 </div>
    470. 

  470.         
    471. 

  471.                                 <!-- product price in app -->
    472. 

  472.                                 <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    473. 

  473.                                     <span class="fw-semibold">App Price : </span>
    474. 

  474.                                     <span class="ms-3 fw-semibold">৳ 484 </span>
    475. 

  475.                                 </div>
    476. 

  476.         
    477. 

  477.                                 <!-- add to cart -->
    478. 

  478.                                 <div class="text-center pt-2 pt-lg-3">
    479. 

  479.                                     <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    480. 

  480.                                         <span>
    481. 

  481.                                             <img src="./images/icon/Cart_white.svg" alt="">
    482. 

  482.                                         </span>
    483. 

  483.                                         <span class="add-cart-text ms-2">Add to Cart</span>
    484. 

  484.                                     </button>
    485. 

  485.                                 </div>
    486. 

  486.                             </div>
    487. 

  487.                         </div>
    488. 

  488. 

  489.                     </div>
    490. 

  490. 

  491. 

  492.                 </div>
    493. 

  493. 

  494.                 <!-- SHOP BY SKIN TYPE -->
    495. 

  495.                 <div class="tab-pane fade" id="shop-by-skin" role="tabpanel" aria-labelledby="shop-by-skin-type-tab">
    496. 

  496.                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Odit suscipit fuga illum ducimus nobis recusandae fugit facere nisi explicabo, modi eius quibusdam animi illo similique aliquid nulla qui quidem. Provident inventore nulla ad, itaque aspernatur odit sapiente officiis saepe maiores fugit, eveniet officia eos veniam! Nulla maxime ut culpa? Rem.
    497. 

  497.                 </div>
    498. 

  498. 

  499.                 <!-- SHOP BY BRAND -->
    500. 

  500.                 <div class="tab-pane fade" id="shop-by-band" role="tabpanel" aria-labelledby="shop-by-band-tab">
    501. 

  501.                     Lorem ipsum dolor sit amet consectetur adipisicing elit. Quibusdam delectus quidem veritatis eligendi. Sequi eum ullam iste praesentium, eius consectetur vitae nihil itaque rem a necessitatibus quidem quam officiis provident error quaerat dolore id iure. Dolore, quis. Ipsam est maxime dolorem, provident libero magnam saepe ullam culpa eum, earum nobis.
    502. 

  502.                 </div>
    503. 

  503.               </div>
    504. 

  504. 

  505. 

  506.         </div>
    507. 

  507.     </section>
    508. 

  508. 

  509. 

  510. 

  511.     <!-- discover more -->
    512. 

  512.     <section id="discover-more" class="my-3">
    513. 

  513.         <div class="container">
    514. 

  514.             <div class="row align-items-center p-1 p-lg-3 border border-1">
    515. 

  515.                 <div class="col-12 col-lg-5">
    516. 

  516.                     <img class="w-100" src="./images/home_page/looking-for-product.png" alt="">
    517. 

  517.                 </div>
    518. 

  518.                 <div class="col-12 col-lg-7 mt-3 mt-lg-0 px-3">
    519. 

  519.                     <div class="title">
    520. 

  520.                         LOOKING FOR PRODUCTS TO PROTECT YOUR SKIN FROM THE SUN THIS SUMMER?
    521. 

  521.                     </div>
    522. 

  522.                     <div class="mt-2 border-image"></div>
    523. 

  523.                     <p class="details mt-3 text-light-gray">
    524. 

  524.                         We've got beauty, all wrapped up. Check out our recommended absolute must haves this winter to take the best care of your
    525. 

  525.                     </p>
    526. 

  526.                     <div class="mt-5 text-center pb-4 ">
    527. 

  527.                         <a href="#" class="discover-more btn-black px-4 py-3 px-lg-5 py-lg-3 ">
    528. 

  528.                             DISCOVER MORE
    529. 

  529.                         </a>
    530. 

  530.                     </div>
    531. 

  531.             </div>
    532. 

  532.         </div>
    533. 

  533.     </section>
    534. 

  534. 

  535. 

  536.     <!-- new arrivals -->
    537. 

  537.     <section id="new-arrivals" class="my-5 ">
    538. 

  538.         <div class="container mt-5 position-relative">
    539. 

  539.             <div class="d-flex align-items-start justify-content-center justify-content-lg-end">
    540. 

  540.                 <div class="flex-fill">
    541. 

  541.                     <div class="text-center section-title fw-semibold">NEW ARRIVALS</div>
    542. 

  542.                     <div class="mt-2 mx-auto border-image"></div>
    543. 

  543.                 </div>
    544. 

  544.                 <div class="view-more ">
    545. 

  545.                     <a href="#" class="view-all btn-black-outline fw-semibold ">VIEW ALL</a>
    546. 

  546.                 </div>
    547. 

  547.             </div>
    548. 

  548. 

  549.             <div class="d-flex flex-wrap mt-5 pb-5 pb-lg-0">
    550. 

  550. 

  551.                 <div class="product-single p-1 p-md-2 ">
    552. 

  552.                     <div class=" product rounded-1 px-3 py-3 text-start">
    553. 

  553. 

  554.                         <!-- product image -->
    555. 

  555.                         <a href="./product-details.html">
    556. 

  556.                             <div class="image-container text-center">
    557. 

  557.                                 <img class="h-100" src="./images/product_details/product image.png" alt="">
    558. 

  558.                             </div>
    559. 

  559.                         </a>
    560. 

  560. 

  561.                         <!-- product brand and ratting -->
    562. 

  562.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    563. 

  563. 

  564.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    565. 

  565.                             
    566. 

  566.                             <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    567. 

  567.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    568. 

  568.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    569. 

  569.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    570. 

  570.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    571. 

  571.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    572. 

  572.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    573. 

  573.                             </div>
    574. 

  574.                         </div>
    575. 

  575. 

  576.                         <!-- product name -->
    577. 

  577.                         <a href="./product-details.html" class="title text-gray  ">
    578. 

  578.                             Clear Kind to skin refreshing
    579. 

  579.                             shampoo
    580. 

  580.                         </a>
    581. 

  581.                         
    582. 

  582.                         <!-- offer -->
    583. 

  583.                         <p class="offer pt-2 pt-xl-3 text-deep-red">
    584. 

  584.                             Buy 2 Get 1 free
    585. 

  585.                         </p>
    586. 

  586. 

  587.                         <!-- product price -->
    588. 

  588.                         <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    589. 

  589.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    590. 

  590.                             <span class="ms-3 fw-semibold">৳510 </span>
    591. 

  591.                         </div>
    592. 

  592. 

  593.                         <!-- product price in app -->
    594. 

  594.                         <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    595. 

  595.                             <span class="fw-semibold">App Price : </span>
    596. 

  596.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    597. 

  597.                         </div>
    598. 

  598. 

  599.                         <!-- add to cart -->
    600. 

  600.                         <div class="text-center pt-2 pt-lg-3">
    601. 

  601.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    602. 

  602.                                 <span>
    603. 

  603.                                     <img src="./images/icon/Cart_white.svg" alt="">
    604. 

  604.                                 </span>
    605. 

  605.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    606. 

  606.                             </button>
    607. 

  607.                         </div>
    608. 

  608.                     </div>
    609. 

  609.                 </div>
    610. 

  610. 

  611.                 <div class="product-single p-1 p-md-2 ">
    612. 

  612.                     <div class=" product rounded-1 px-3 py-3 text-start">
    613. 

  613. 

  614.                         <!-- product image -->
    615. 

  615.                         <a href="./product-details.html">
    616. 

  616.                             <div class="image-container text-center">
    617. 

  617.                                 <img class="h-100" src="./images/product_details/product image.png" alt="">
    618. 

  618.                             </div>
    619. 

  619.                         </a>
    620. 

  620. 

  621.                         <!-- product brand and ratting -->
    622. 

  622.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    623. 

  623. 

  624.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    625. 

  625.                             
    626. 

  626.                             <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    627. 

  627.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    628. 

  628.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    629. 

  629.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    630. 

  630.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    631. 

  631.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    632. 

  632.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    633. 

  633.                             </div>
    634. 

  634.                         </div>
    635. 

  635. 

  636.                         <!-- product name -->
    637. 

  637.                         <a href="./product-details.html" class="title text-gray  ">
    638. 

  638.                             Clear Kind to skin refreshing
    639. 

  639.                             shampoo
    640. 

  640.                         </a>
    641. 

  641.                         
    642. 

  642.                         <!-- offer -->
    643. 

  643.                         <p class="offer pt-2 pt-xl-3 text-deep-red">
    644. 

  644.                             Buy 2 Get 1 free
    645. 

  645.                         </p>
    646. 

  646. 

  647.                         <!-- product price -->
    648. 

  648.                         <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    649. 

  649.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    650. 

  650.                             <span class="ms-3 fw-semibold">৳510 </span>
    651. 

  651.                         </div>
    652. 

  652. 

  653.                         <!-- product price in app -->
    654. 

  654.                         <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    655. 

  655.                             <span class="fw-semibold">App Price : </span>
    656. 

  656.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    657. 

  657.                         </div>
    658. 

  658. 

  659.                         <!-- add to cart -->
    660. 

  660.                         <div class="text-center pt-2 pt-lg-3">
    661. 

  661.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    662. 

  662.                                 <span>
    663. 

  663.                                     <img src="./images/icon/Cart_white.svg" alt="">
    664. 

  664.                                 </span>
    665. 

  665.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    666. 

  666.                             </button>
    667. 

  667.                         </div>
    668. 

  668.                     </div>
    669. 

  669.                 </div>
    670. 

  670. 

  671.                 <div class="product-single p-1 p-md-2 ">
    672. 

  672.                     <div class=" product rounded-1 px-3 py-3 text-start">
    673. 

  673. 

  674.                         <!-- product image -->
    675. 

  675.                         <a href="./product-details.html">
    676. 

  676.                             <div class="image-container text-center">
    677. 

  677.                                 <img class="h-100" src="./images/product_details/product image.png" alt="">
    678. 

  678.                             </div>
    679. 

  679.                         </a>
    680. 

  680. 

  681.                         <!-- product brand and ratting -->
    682. 

  682.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    683. 

  683. 

  684.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    685. 

  685.                             
    686. 

  686.                             <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    687. 

  687.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    688. 

  688.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    689. 

  689.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    690. 

  690.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    691. 

  691.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    692. 

  692.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    693. 

  693.                             </div>
    694. 

  694.                         </div>
    695. 

  695. 

  696.                         <!-- product name -->
    697. 

  697.                         <a href="./product-details.html" class="title text-gray  ">
    698. 

  698.                             Clear Kind to skin refreshing
    699. 

  699.                             shampoo
    700. 

  700.                         </a>
    701. 

  701.                         
    702. 

  702.                         <!-- offer -->
    703. 

  703.                         <p class="offer pt-2 pt-xl-3 text-deep-red">
    704. 

  704.                             Buy 2 Get 1 free
    705. 

  705.                         </p>
    706. 

  706. 

  707.                         <!-- product price -->
    708. 

  708.                         <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    709. 

  709.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    710. 

  710.                             <span class="ms-3 fw-semibold">৳510 </span>
    711. 

  711.                         </div>
    712. 

  712. 

  713.                         <!-- product price in app -->
    714. 

  714.                         <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    715. 

  715.                             <span class="fw-semibold">App Price : </span>
    716. 

  716.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    717. 

  717.                         </div>
    718. 

  718. 

  719.                         <!-- add to cart -->
    720. 

  720.                         <div class="text-center pt-2 pt-lg-3">
    721. 

  721.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    722. 

  722.                                 <span>
    723. 

  723.                                     <img src="./images/icon/Cart_white.svg" alt="">
    724. 

  724.                                 </span>
    725. 

  725.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    726. 

  726.                             </button>
    727. 

  727.                         </div>
    728. 

  728.                     </div>
    729. 

  729.                 </div>
    730. 

  730. 

  731.                 <div class="product-single p-1 p-md-2 ">
    732. 

  732.                     <div class=" product rounded-1 px-3 py-3 text-start">
    733. 

  733. 

  734.                         <!-- product image -->
    735. 

  735.                         <a href="./product-details.html">
    736. 

  736.                             <div class="image-container text-center">
    737. 

  737.                                 <img class="h-100" src="./images/product_details/product image.png" alt="">
    738. 

  738.                             </div>
    739. 

  739.                         </a>
    740. 

  740. 

  741.                         <!-- product brand and ratting -->
    742. 

  742.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    743. 

  743. 

  744.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    745. 

  745.                             
    746. 

  746.                             <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    747. 

  747.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    748. 

  748.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    749. 

  749.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    750. 

  750.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    751. 

  751.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    752. 

  752.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    753. 

  753.                             </div>
    754. 

  754.                         </div>
    755. 

  755. 

  756.                         <!-- product name -->
    757. 

  757.                         <a href="./product-details.html" class="title text-gray  ">
    758. 

  758.                             Clear Kind to skin refreshing
    759. 

  759.                             shampoo
    760. 

  760.                         </a>
    761. 

  761.                         
    762. 

  762.                         <!-- offer -->
    763. 

  763.                         <p class="offer pt-2 pt-xl-3 text-deep-red">
    764. 

  764.                             Buy 2 Get 1 free
    765. 

  765.                         </p>
    766. 

  766. 

  767.                         <!-- product price -->
    768. 

  768.                         <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    769. 

  769.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    770. 

  770.                             <span class="ms-3 fw-semibold">৳510 </span>
    771. 

  771.                         </div>
    772. 

  772. 

  773.                         <!-- product price in app -->
    774. 

  774.                         <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    775. 

  775.                             <span class="fw-semibold">App Price : </span>
    776. 

  776.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    777. 

  777.                         </div>
    778. 

  778. 

  779.                         <!-- add to cart -->
    780. 

  780.                         <div class="text-center pt-2 pt-lg-3">
    781. 

  781.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    782. 

  782.                                 <span>
    783. 

  783.                                     <img src="./images/icon/Cart_white.svg" alt="">
    784. 

  784.                                 </span>
    785. 

  785.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    786. 

  786.                             </button>
    787. 

  787.                         </div>
    788. 

  788.                     </div>
    789. 

  789.                 </div>
    790. 

  790. 

  791.                 <div class="product-single p-1 p-md-2 d-none d-xl-block">
    792. 

  792.                     <div class=" product rounded-1 px-3 py-3 text-start">
    793. 

  793. 

  794.                         <!-- product image -->
    795. 

  795.                         <a href="./product-details.html">
    796. 

  796.                             <div class="image-container text-center">
    797. 

  797.                                 <img class="h-100" src="./images/product_details/product image.png" alt="">
    798. 

  798.                             </div>
    799. 

  799.                         </a>
    800. 

  800. 

  801.                         <!-- product brand and ratting -->
    802. 

  802.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    803. 

  803. 

  804.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    805. 

  805.                             
    806. 

  806.                             <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    807. 

  807.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    808. 

  808.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    809. 

  809.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    810. 

  810.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    811. 

  811.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    812. 

  812.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    813. 

  813.                             </div>
    814. 

  814.                         </div>
    815. 

  815. 

  816.                         <!-- product name -->
    817. 

  817.                         <a href="./product-details.html" class="title text-gray  ">
    818. 

  818.                             Clear Kind to skin refreshing
    819. 

  819.                             shampoo
    820. 

  820.                         </a>
    821. 

  821.                         
    822. 

  822.                         <!-- offer -->
    823. 

  823.                         <p class="offer pt-2 pt-xl-3 text-deep-red">
    824. 

  824.                             Buy 2 Get 1 free
    825. 

  825.                         </p>
    826. 

  826. 

  827.                         <!-- product price -->
    828. 

  828.                         <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    829. 

  829.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    830. 

  830.                             <span class="ms-3 fw-semibold">৳510 </span>
    831. 

  831.                         </div>
    832. 

  832. 

  833.                         <!-- product price in app -->
    834. 

  834.                         <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    835. 

  835.                             <span class="fw-semibold">App Price : </span>
    836. 

  836.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    837. 

  837.                         </div>
    838. 

  838. 

  839.                         <!-- add to cart -->
    840. 

  840.                         <div class="text-center pt-2 pt-lg-3">
    841. 

  841.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    842. 

  842.                                 <span>
    843. 

  843.                                     <img src="./images/icon/Cart_white.svg" alt="">
    844. 

  844.                                 </span>
    845. 

  845.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    846. 

  846.                             </button>
    847. 

  847.                         </div>
    848. 

  848.                     </div>
    849. 

  849.                 </div>
    850. 

  850. 

  851.             </div>
    852. 

  852. 

  853.         </div>
    854. 

  854.     </section>
    855. 

  855. 

  856. 

  857.     <!-- whats happening -->
    858. 

  858.     <section id="whats-happening" class="mt-5 ">
    859. 

  859.         <div class="container">
    860. 

  860.             <div class="section-title  fw-semibold text-center mt-5">
    861. 

  861.                 HERE’S WHATS HAPPENING LIVE
    862. 

  862.             </div>
    863. 

  863.             <div class="mt-2 mx-auto border-image"></div>
    864. 

  864.             <p class="mt-3 section-subtitle text-gray text-center ">
    865. 

  865.                 Our experts and professionals are here to provide you with hot tips and knowledge to keep you on top Of your beauty and self care game.
    866. 

  866.             </p>
    867. 

  867. 

  868. 

  869.             <div class="mt-2 mt-lg-5 row justify-content-between">
    870. 

  870. 

  871.                 <div class="col-12 col-lg-6 mt-4 mt-lg-0">
    872. 

  872. 

  873.                     <div class="border border-1 border-light-gray p-3 d-flex">
    874. 

  874.                         <div class="row align-items-center justify-content-center">
    875. 

  875.                             <div class="col-12 col-md-4">
    876. 

  876.                                 <div class="picture w-100">
    877. 

  877.                                     <img class="w-100" src="./images/home_page/whats-happening-1.png" alt="">
    878. 

  878.                                 </div>
    879. 

  879.                             </div>
    880. 

  880.                             <div class="col-12 col-md-8">
    881. 

  881.                                 <div class="content px-4 py-2">
    882. 

  882.                                     <div class="fs-3 fw-semibold text-center">FACEBOOK LIVE</div>
    883. 

  883.                                     <div class="mt-2 mx-auto border-image"></div>
    884. 

  884.                                     <p class="mt-2  text-center text-gray">
    885. 

  885.                                         Join our facebook live for exclusive tips and beauty secrets along with the chance to win exciting prizes and discount vouchers.
    886. 

  886.                                     </p>
    887. 

  887.                                     <div class="mt-5 text-center">
    888. 

  888.                                         <a href="#" class="discover-more btn-black px-3 py-2 px-lg-4 py-lg-3">
    889. 

  889.                                             DISCOVER MORE
    890. 

  890.                                         </a>
    891. 

  891.                                     </div>
    892. 

  892.                                 </div>
    893. 

  893.                             </div>
    894. 

  894.                         </div>
    895. 

  895.                     </div>
    896. 

  896. 

  897.                 </div>
    898. 

  898. 

  899.                 <div class="col-12 col-lg-6  mt-4 mt-lg-0">
    900. 

  900. 

  901.                     <div class="border border-1 border-light-gray p-3 d-flex">
    902. 

  902.                         <div class="row align-items-center justify-content-center">
    903. 

  903.                             <div class="col-12 col-md-4">
    904. 

  904.                                 <div class="picture w-100">     
    905. 

  905.                                     <img class="w-100" src="./images/home_page/whats-happening-2.png" alt="">
    906. 

  906.                                 </div>
    907. 

  907.                             </div>
    908. 

  908.                             <div class="col-12 col-md-8">
    909. 

  909.                                 <div class="content px-4 py-2">
    910. 

  910.                                     <div class="fs-3 fw-semibold text-center">WINTER SALE</div>
    911. 

  911.                                     <div class="mt-2 mx-auto border-image"></div>
    912. 

  912.                                     <p class="mt-2  text-center text-gray">
    913. 

  913.                                         Join our facebook live for exclusive tips and beauty secrets along with the chance to win exciting prizes and discount vouchers.
    914. 

  914.                                     </p>
    915. 

  915.                                     <div class="mt-5 text-center">
    916. 

  916.                                         <a href="#" class="discover-more btn-black px-3 py-2 px-lg-4 py-lg-3">
    917. 

  917.                                             DISCOVER MORE
    918. 

  918.                                         </a>
    919. 

  919.                                     </div>
    920. 

  920.                                 </div>
    921. 

  921.                             </div>
    922. 

  922.                         </div>
    923. 

  923.                     </div>
    924. 

  924. 

  925.                 </div>
    926. 

  926.             </div>
    927. 

  927. 

  928.         </div>
    929. 

  929.     </section>
    930. 

  930. 

  931.     <!-- REWARD BAZAAR -->
    932. 

  932.     <section id="REWARD-BAZAAR" class="my-5 ">
    933. 

  933.         <div class="container mt-5 pb-5 pb-lg-0 position-relative">
    934. 

  934.             <div class="d-flex align-items-start justify-content-center justify-content-lg-end">
    935. 

  935.                 <div class="flex-fill">
    936. 

  936.                     <div class="text-center section-title fw-semibold">REWARD BAZAAR</div>
    937. 

  937.                     <div class="mt-2 mx-auto border-image"></div>
    938. 

  938.                 </div>
    939. 

  939.                 <div class="view-more">
    940. 

  940.                     <a href="#" class="view-all btn-black-outline fw-semibold ">VIEW ALL</a>
    941. 

  941.                 </div>
    942. 

  942.             </div>
    943. 

  943. 

  944.             <div class="d-flex flex-wrap mt-5">
    945. 

  945. 

  946.                 <div class="product-single p-1 p-md-2 ">
    947. 

  947.                     <div class=" product rounded-1 px-3 py-3 text-start">
    948. 

  948. 

  949.                         <a href="./product-details.html">
    950. 

  950.                             <div class="image-container text-center">
    951. 

  951.                                 <img class="h-100" src="./images/product_details/product image.png" alt="">
    952. 

  952.                             </div>
    953. 

  953.                         </a>
    954. 

  954. 

  955.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    956. 

  956. 

  957.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    958. 

  958.                             
    959. 

  959.                             <div class="ms-1 ms-md-2 rating d-flex align-items-start">
    960. 

  960.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    961. 

  961.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    962. 

  962.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    963. 

  963.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    964. 

  964.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    965. 

  965.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    966. 

  966.                             </div>
    967. 

  967.                         </div>
    968. 

  968. 

  969.                         <a href="./product-details.html" class="title text-gray fs-6 ">
    970. 

  970.                             Clear Kind to skin refreshing
    971. 

  971.                             shampoo
    972. 

  972.                         </a>
    973. 

  973. 

  974.                         <p class="mt-3 text-deep-red small">
    975. 

  975.                             Buy 2 Get 1 free
    976. 

  976.                         </p>
    977. 

  977. 

  978.                         <!-- product price -->
    979. 

  979.                         <div class="mt-3 price fs-6 text-center ">
    980. 

  980.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    981. 

  981.                             <span class="ms-3 fw-semibold">৳510 </span>
    982. 

  982.                         </div>
    983. 

  983. 

  984.                         <!-- product price in app -->
    985. 

  985.                         <div class="mt-3 app-price  text-center fs-6 text-deep-red">
    986. 

  986.                             <span class="fw-semibold">App Price : </span>
    987. 

  987.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    988. 

  988.                         </div>
    989. 

  989. 

  990.                         <div class="text-center mt-3">
    991. 

  991.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    992. 

  992.                                 <span>
    993. 

  993.                                     <img src="./images/icon/Cart_white.svg" alt="">
    994. 

  994.                                 </span>
    995. 

  995.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    996. 

  996.                             </button>
    997. 

  997.                         </div>
    998. 

  998.                     </div>
    999. 

  999.                 </div>
    1000. 

  1000. 

  1001.                 <div class="product-single p-1 p-md-2 ">
    1002. 

  1002.                     <div class=" product rounded-1 px-3 py-3 text-start">
    1003. 

  1003. 

  1004.                         <a href="./product-details.html">
    1005. 

  1005.                             <div class="image-container text-center">
    1006. 

  1006.                                 <img class="h-100" src="./images/product_details/product image.png" alt="">
    1007. 

  1007.                             </div>
    1008. 

  1008.                         </a>
    1009. 

  1009. 

  1010.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    1011. 

  1011. 

  1012.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    1013. 

  1013.                             
    1014. 

  1014.                             <div class="ms-1 ms-md-2 rating d-flex align-items-start">
    1015. 

  1015.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    1016. 

  1016.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1017. 

  1017.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1018. 

  1018.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1019. 

  1019.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    1020. 

  1020.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    1021. 

  1021.                             </div>
    1022. 

  1022.                         </div>
    1023. 

  1023. 

  1024.                         <a href="./product-details.html" class="title text-gray fs-6 ">
    1025. 

  1025.                             Clear Kind to skin refreshing
    1026. 

  1026.                             shampoo
    1027. 

  1027.                         </a>
    1028. 

  1028. 

  1029.                         <p class="mt-3 text-deep-red small">
    1030. 

  1030.                             Buy 2 Get 1 free
    1031. 

  1031.                         </p>
    1032. 

  1032. 

  1033.                         <!-- product price -->
    1034. 

  1034.                         <div class="mt-3 price fs-6 text-center ">
    1035. 

  1035.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    1036. 

  1036.                             <span class="ms-3 fw-semibold">৳510 </span>
    1037. 

  1037.                         </div>
    1038. 

  1038. 

  1039.                         <!-- product price in app -->
    1040. 

  1040.                         <div class="mt-3 app-price  text-center fs-6 text-deep-red">
    1041. 

  1041.                             <span class="fw-semibold">App Price : </span>
    1042. 

  1042.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    1043. 

  1043.                         </div>
    1044. 

  1044. 

  1045.                         <div class="text-center mt-3">
    1046. 

  1046.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    1047. 

  1047.                                 <span>
    1048. 

  1048.                                     <img src="./images/icon/Cart_white.svg" alt="">
    1049. 

  1049.                                 </span>
    1050. 

  1050.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    1051. 

  1051.                             </button>
    1052. 

  1052.                         </div>
    1053. 

  1053.                     </div>
    1054. 

  1054.                 </div>
    1055. 

  1055. 

  1056.                 <div class="product-single p-1 p-md-2 ">
    1057. 

  1057.                     <div class=" product rounded-1 px-3 py-3 text-start">
    1058. 

  1058. 

  1059.                         <a href="./product-details.html">
    1060. 

  1060.                             <div class="image-container text-center">
    1061. 

  1061.                                 <img class="h-100" src="./images/product_details/product image.png" alt="">
    1062. 

  1062.                             </div>
    1063. 

  1063.                         </a>
    1064. 

  1064. 

  1065.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    1066. 

  1066. 

  1067.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    1068. 

  1068.                             
    1069. 

  1069.                             <div class="ms-1 ms-md-2 rating d-flex align-items-start">
    1070. 

  1070.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    1071. 

  1071.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1072. 

  1072.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1073. 

  1073.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1074. 

  1074.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    1075. 

  1075.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    1076. 

  1076.                             </div>
    1077. 

  1077.                         </div>
    1078. 

  1078. 

  1079.                         <a href="./product-details.html" class="title text-gray fs-6 ">
    1080. 

  1080.                             Clear Kind to skin refreshing
    1081. 

  1081.                             shampoo
    1082. 

  1082.                         </a>
    1083. 

  1083. 

  1084.                         <p class="mt-3 text-deep-red small">
    1085. 

  1085.                             Buy 2 Get 1 free
    1086. 

  1086.                         </p>
    1087. 

  1087. 

  1088.                         <!-- product price -->
    1089. 

  1089.                         <div class="mt-3 price fs-6 text-center ">
    1090. 

  1090.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    1091. 

  1091.                             <span class="ms-3 fw-semibold">৳510 </span>
    1092. 

  1092.                         </div>
    1093. 

  1093. 

  1094.                         <!-- product price in app -->
    1095. 

  1095.                         <div class="mt-3 app-price  text-center fs-6 text-deep-red">
    1096. 

  1096.                             <span class="fw-semibold">App Price : </span>
    1097. 

  1097.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    1098. 

  1098.                         </div>
    1099. 

  1099. 

  1100.                         <div class="text-center mt-3">
    1101. 

  1101.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    1102. 

  1102.                                 <span>
    1103. 

  1103.                                     <img src="./images/icon/Cart_white.svg" alt="">
    1104. 

  1104.                                 </span>
    1105. 

  1105.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    1106. 

  1106.                             </button>
    1107. 

  1107.                         </div>
    1108. 

  1108.                     </div>
    1109. 

  1109.                 </div>
    1110. 

  1110. 

  1111.                 <div class="product-single p-1 p-md-2 ">
    1112. 

  1112.                     <div class=" product rounded-1 px-3 py-3 text-start">
    1113. 

  1113. 

  1114.                         <a href="./product-details.html">
    1115. 

  1115.                             <div class="image-container text-center">
    1116. 

  1116.                                 <img class="h-100" src="./images/product_details/product image.png" alt="">
    1117. 

  1117.                             </div>
    1118. 

  1118.                         </a>
    1119. 

  1119. 

  1120.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    1121. 

  1121. 

  1122.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    1123. 

  1123.                             
    1124. 

  1124.                             <div class="ms-1 ms-md-2 rating d-flex align-items-start">
    1125. 

  1125.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    1126. 

  1126.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1127. 

  1127.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1128. 

  1128.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1129. 

  1129.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    1130. 

  1130.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    1131. 

  1131.                             </div>
    1132. 

  1132.                         </div>
    1133. 

  1133. 

  1134.                         <a href="./product-details.html" class="title text-gray fs-6 ">
    1135. 

  1135.                             Clear Kind to skin refreshing
    1136. 

  1136.                             shampoo
    1137. 

  1137.                         </a>
    1138. 

  1138. 

  1139.                         <p class="mt-3 text-deep-red small">
    1140. 

  1140.                             Buy 2 Get 1 free
    1141. 

  1141.                         </p>
    1142. 

  1142. 

  1143.                         <!-- product price -->
    1144. 

  1144.                         <div class="mt-3 price fs-6 text-center ">
    1145. 

  1145.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    1146. 

  1146.                             <span class="ms-3 fw-semibold">৳510 </span>
    1147. 

  1147.                         </div>
    1148. 

  1148. 

  1149.                         <!-- product price in app -->
    1150. 

  1150.                         <div class="mt-3 app-price  text-center fs-6 text-deep-red">
    1151. 

  1151.                             <span class="fw-semibold">App Price : </span>
    1152. 

  1152.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    1153. 

  1153.                         </div>
    1154. 

  1154. 

  1155.                         <div class="text-center mt-3">
    1156. 

  1156.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    1157. 

  1157.                                 <span>
    1158. 

  1158.                                     <img src="./images/icon/Cart_white.svg" alt="">
    1159. 

  1159.                                 </span>
    1160. 

  1160.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    1161. 

  1161.                             </button>
    1162. 

  1162.                         </div>
    1163. 

  1163.                     </div>
    1164. 

  1164.                 </div>
    1165. 

  1165. 

  1166.                 <div class="product-single p-1 p-md-2  d-none d-xl-block">
    1167. 

  1167.                     <div class=" product rounded-1 px-3 py-3 text-start">
    1168. 

  1168. 

  1169.                         <a href="./product-details.html">
    1170. 

  1170.                             <div class="image-container text-center">
    1171. 

  1171.                                 <img class="h-100" src="./images/product_details/product image.png" alt="">
    1172. 

  1172.                             </div>
    1173. 

  1173.                         </a>
    1174. 

  1174. 

  1175.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    1176. 

  1176. 

  1177.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    1178. 

  1178.                             
    1179. 

  1179.                             <div class="ms-1 ms-md-2 rating d-flex align-items-start">
    1180. 

  1180.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    1181. 

  1181.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1182. 

  1182.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1183. 

  1183.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1184. 

  1184.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    1185. 

  1185.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    1186. 

  1186.                             </div>
    1187. 

  1187.                         </div>
    1188. 

  1188. 

  1189.                         <a href="./product-details.html" class="title text-gray fs-6 ">
    1190. 

  1190.                             Clear Kind to skin refreshing
    1191. 

  1191.                             shampoo
    1192. 

  1192.                         </a>
    1193. 

  1193. 

  1194.                         <p class="mt-3 text-deep-red small">
    1195. 

  1195.                             Buy 2 Get 1 free
    1196. 

  1196.                         </p>
    1197. 

  1197. 

  1198.                         <!-- product price -->
    1199. 

  1199.                         <div class="mt-3 price fs-6 text-center ">
    1200. 

  1200.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    1201. 

  1201.                             <span class="ms-3 fw-semibold">৳510 </span>
    1202. 

  1202.                         </div>
    1203. 

  1203. 

  1204.                         <!-- product price in app -->
    1205. 

  1205.                         <div class="mt-3 app-price  text-center fs-6 text-deep-red">
    1206. 

  1206.                             <span class="fw-semibold">App Price : </span>
    1207. 

  1207.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    1208. 

  1208.                         </div>
    1209. 

  1209. 

  1210.                         <div class="text-center mt-3">
    1211. 

  1211.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    1212. 

  1212.                                 <span>
    1213. 

  1213.                                     <img src="./images/icon/Cart_white.svg" alt="">
    1214. 

  1214.                                 </span>
    1215. 

  1215.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    1216. 

  1216.                             </button>
    1217. 

  1217.                         </div>
    1218. 

  1218.                     </div>
    1219. 

  1219.                 </div>
    1220. 

  1220.             </div>
    1221. 

  1221. 

  1222.         </div>
    1223. 

  1223.     </section>
    1224. 

  1224. 

  1225.     <!-- heir shine -->
    1226. 

  1226.     <section id="heir-shine" class="mt-5 ">
    1227. 

  1227.         <div class="container">
    1228. 

  1228.             <div class="row align-items-center p-1 p-lg-3 pb-3 border border-1">
    1229. 

  1229.                 <div class="col-12 col-lg-6 order-1 mt-3 mt-lg-0 order-lg-0">
    1230. 

  1230.                     <h2>
    1231. 

  1231.                         HAIRCARE PRODUCTS TO MAKE YOUR HAIR SHINE THIS SEASON
    1232. 

  1232.                     </h2>
    1233. 

  1233.                     <div class="mt-2 border-image"></div>
    1234. 

  1234.                     <p class="mt-3 text-light-gray">
    1235. 

  1235.                         We've got beauty, all wrapped up. Check out our recommended absolute must haves this winter to take the best care of your
    1236. 

  1236.                     </p>
    1237. 

  1237.                     <div class="mt-3 mt-lg-5 text-center">
    1238. 

  1238.                         <a href="#" class="discover-more btn-black py-2 px-3 py-lg-3 px-lg-4">
    1239. 

  1239.                             DISCOVER MORE
    1240. 

  1240.                         </a>
    1241. 

  1241.                     </div>
    1242. 

  1242.                 </div>
    1243. 

  1243.                 <div class="col-12 col-lg-6 order-0 order-lg-1  px-3">
    1244. 

  1244.                     <img class="w-100" src="./images/home_page/heir-shine.png" alt="">
    1245. 

  1245.             </div>
    1246. 

  1246.         </div>
    1247. 

  1247.     </section>
    1248. 

  1248. 

  1249. 

  1250.     <!-- only for you -->
    1251. 

  1251.     <section id="only-for-you" class="my-5 ">
    1252. 

  1252.         <div class="container mt-5">
    1253. 

  1253.             <div class="d-flex align-items-start justify-content-center">
    1254. 

  1254.                 <div class="flex-fill">
    1255. 

  1255.                     <div class="text-center section-title fw-semibold">ONLY FOR YOU</div>
    1256. 

  1256.                     <div class="mt-2 mx-auto border-image"></div>
    1257. 

  1257.                     <div class="mt-4 text-center section-subtitle text-deep-red">SPECIAL OFFERS</div>
    1258. 

  1258.                 </div>
    1259. 

  1259.             </div>
    1260. 

  1260. 

  1261.             <div class="row py-3">
    1262. 

  1262.                 <div class="col-4">
    1263. 

  1263.                     <img class="w-100" src="./images/home_page/only-for-you-1.png" alt="">
    1264. 

  1264.                 </div>
    1265. 

  1265.                 <div class="col-4">
    1266. 

  1266.                     <img class="w-100" src="./images/home_page/only-for-you-2.png" alt="">
    1267. 

  1267.                 </div>
    1268. 

  1268.                 <div class="col-4">
    1269. 

  1269.                     <img class="w-100" src="./images/home_page/only-for-you-3.png" alt="">
    1270. 

  1270.                 </div>
    1271. 

  1271.             </div>
    1272. 

  1272.         </div>
    1273. 

  1273.     </section>
    1274. 

  1274. 

  1275.     <!-- featured brands sliders -->
    1276. 

  1276.     <section id="featured-brands" class="mt-3 py-3">
    1277. 

  1277.         <div class="container">
    1278. 

  1278. 

  1279.             <div class="text-center section-title fw-semibold">FEATURED BRANDS</div>
    1280. 

  1280.             <div class="mt-1 mx-auto border-image"></div>
    1281. 

  1281. 

  1282.             <div class="mt-4 position-relative">
    1283. 

  1283.                 <div class="swiper featuredBrands">
    1284. 

  1284.                     <div class="swiper-wrapper">
    1285. 

  1285.                         <div class="swiper-slide">
    1286. 

  1286.                           <a href="#">
    1287. 

  1287.                               <img src="./images/home_page/feature-brands-1.png" alt="">
    1288. 

  1288.                           </a>
    1289. 

  1289.                         </div>
    1290. 

  1290.                         <div class="swiper-slide">
    1291. 

  1291.                           <a href="#">
    1292. 

  1292.                               <img src="./images/home_page/feature-brands-2.png" alt="">
    1293. 

  1293.                           </a>
    1294. 

  1294.                         </div>
    1295. 

  1295.                         <div class="swiper-slide">
    1296. 

  1296.                           <a href="#">
    1297. 

  1297.                               <img src="./images/home_page/feature-brands-3.png" alt="">
    1298. 

  1298.                           </a>
    1299. 

  1299.                         </div>
    1300. 

  1300.                         <div class="swiper-slide">
    1301. 

  1301.                           <a href="#">
    1302. 

  1302.                               <img src="./images/home_page/feature-brands-4.png" alt="">
    1303. 

  1303.                           </a>
    1304. 

  1304.                         </div>
    1305. 

  1305.                         <div class="swiper-slide">
    1306. 

  1306.                           <a href="#">
    1307. 

  1307.                               <img src="./images/home_page/feature-brands-1.png" alt="">
    1308. 

  1308.                           </a>
    1309. 

  1309.                         </div>
    1310. 

  1310.                         <div class="swiper-slide">
    1311. 

  1311.                           <a href="#">
    1312. 

  1312.                               <img src="./images/home_page/feature-brands-2.png" alt="">
    1313. 

  1313.                           </a>
    1314. 

  1314.                         </div>
    1315. 

  1315.                         <div class="swiper-slide">
    1316. 

  1316.                           <a href="#">
    1317. 

  1317.                               <img src="./images/home_page/feature-brands-3.png" alt="">
    1318. 

  1318.                           </a>
    1319. 

  1319.                         </div>
    1320. 

  1320.                         <div class="swiper-slide">
    1321. 

  1321.                           <a href="#">
    1322. 

  1322.                               <img src="./images/home_page/feature-brands-4.png" alt="">
    1323. 

  1323.                           </a>
    1324. 

  1324.                         </div>
    1325. 

  1325.                     </div>
    1326. 

  1326.                 </div>
    1327. 

  1327.             </div>
    1328. 

  1328.         </div>
    1329. 

  1329.     </section>
    1330. 

  1330. 

  1331.     <!-- trending stories -->
    1332. 

  1332.     <section id="trending-stories" class="mt-5 ">
    1333. 

  1333.         <div class="container mt-5">
    1334. 

  1334.             <div class="text-center section-title fw-semibold">TRENDING STORIES</div>
    1335. 

  1335.             <div class="mt-1 mx-auto border-image"></div>
    1336. 

  1336.             <div class="mt-2 text-center fs-4 text-gray">ON THE BLOG</div>
    1337. 

  1337. 

  1338.             <div class="swiper trendingStories">
    1339. 

  1339.                 <div class="swiper-wrapper">
    1340. 

  1340. 

  1341.                     <div class="swiper-slide">
    1342. 

  1342.                         <div class="trending-container p-3">
    1343. 

  1343.                             <div class="image-container">
    1344. 

  1344.                                 <a href="#">
    1345. 

  1345.                                     <img class="w-100" src="./images/home_page/trending-1.png" alt="">
    1346. 

  1346.                                 </a>
    1347. 

  1347.                             </div>
    1348. 

  1348.                             <div class="content-details text-start px-2 py-4">
    1349. 

  1349.                                 <div class="category-link">
    1350. 

  1350.                                     <a class="text-deep-red" href="#">Lifestyle</a>
    1351. 

  1351.                                 </div>
    1352. 

  1352.                                 <div class="blog-link mt-3">
    1353. 

  1353.                                     <a class="mt-3 text-gray fs-4" href="#">
    1354. 

  1354.                                         USES THE RIGHT SUNSCREEN FOR YOUR SKIN TYPE
    1355. 

  1355.                                     </a>
    1356. 

  1356.                                 </div>
    1357. 

  1357.                                 <p class="mt-3 text-light-gray fs-6">
    1358. 

  1358.                                     নভেম্বর মানে সামনে এক মাসব্যাপী ব্ল্যাক ফ্রাইডে ডিল।
    1359. 

  1359.                                 </p>
    1360. 

  1360.                                 <p class="date text-light-gray mt-3">26 Nov 2022</p>
    1361. 

  1361.                                 <div class="mt-3 read-more">
    1362. 

  1362.                                     <a class="text-deep-red fs-4" href="#">Read More </a>
    1363. 

  1363.                                 </div>
    1364. 

  1364.                             </div>
    1365. 

  1365.                         </div>
    1366. 

  1366.                     </div>
    1367. 

  1367. 

  1368.                     <div class="swiper-slide">
    1369. 

  1369.                         <div class="trending-container p-2">
    1370. 

  1370.                             <div class="image-container">
    1371. 

  1371.                                 <a href="#">
    1372. 

  1372.                                     <img class="w-100" src="./images/home_page/trending-2.png" alt="">
    1373. 

  1373.                                 </a>
    1374. 

  1374.                             </div>
    1375. 

  1375.                             <div class="content-details text-start px-2 py-4">
    1376. 

  1376.                                 <div class="category-link">
    1377. 

  1377.                                     <a class="text-deep-red" href="#">Lifestyle</a>
    1378. 

  1378.                                 </div>
    1379. 

  1379.                                 <div class="blog-link mt-3">
    1380. 

  1380.                                     <a class="mt-3 text-gray fs-4" href="#">
    1381. 

  1381.                                         USES THE RIGHT SUNSCREEN FOR YOUR SKIN TYPE
    1382. 

  1382.                                     </a>
    1383. 

  1383.                                 </div>
    1384. 

  1384.                                 <p class="mt-3 text-light-gray fs-6">
    1385. 

  1385.                                     নভেম্বর মানে সামনে এক মাসব্যাপী ব্ল্যাক ফ্রাইডে ডিল।
    1386. 

  1386.                                 </p>
    1387. 

  1387.                                 <p class="date text-light-gray mt-3">26 Nov 2022</p>
    1388. 

  1388.                                 <div class="mt-3 read-more">
    1389. 

  1389.                                     <a class="text-deep-red fs-4" href="#">Read More </a>
    1390. 

  1390.                                 </div>
    1391. 

  1391.                             </div>
    1392. 

  1392.                         </div>
    1393. 

  1393.                     </div>
    1394. 

  1394. 

  1395.                     <div class="swiper-slide">
    1396. 

  1396.                         <div class="trending-container p-2">
    1397. 

  1397.                             <div class="image-container">
    1398. 

  1398.                                 <a href="#">
    1399. 

  1399.                                     <img class="w-100" src="./images/home_page/trending-3.png" alt="">
    1400. 

  1400.                                 </a>
    1401. 

  1401.                             </div>
    1402. 

  1402.                             <div class="content-details text-start px-2 py-4">
    1403. 

  1403.                                 <div class="category-link">
    1404. 

  1404.                                     <a class="text-deep-red" href="#">Lifestyle</a>
    1405. 

  1405.                                 </div>
    1406. 

  1406.                                 <div class="blog-link mt-3">
    1407. 

  1407.                                     <a class="mt-3 text-gray fs-4" href="#">
    1408. 

  1408.                                         USES THE RIGHT SUNSCREEN FOR YOUR SKIN TYPE
    1409. 

  1409.                                     </a>
    1410. 

  1410.                                 </div>
    1411. 

  1411.                                 <p class="mt-3 text-light-gray fs-6">
    1412. 

  1412.                                     নভেম্বর মানে সামনে এক মাসব্যাপী ব্ল্যাক ফ্রাইডে ডিল।
    1413. 

  1413.                                 </p>
    1414. 

  1414.                                 <p class="date text-light-gray mt-3">26 Nov 2022</p>
    1415. 

  1415.                                 <div class="mt-3 read-more">
    1416. 

  1416.                                     <a class="text-deep-red fs-4" href="#">Read More </a>
    1417. 

  1417.                                 </div>
    1418. 

  1418.                             </div>
    1419. 

  1419.                         </div>
    1420. 

  1420.                     </div>
    1421. 

  1421. 

  1422.                     <div class="swiper-slide">
    1423. 

  1423.                         <div class="trending-container p-2">
    1424. 

  1424.                             <div class="image-container">
    1425. 

  1425.                                 <a href="#">
    1426. 

  1426.                                     <img class="w-100" src="./images/home_page/trending-1.png" alt="">
    1427. 

  1427.                                 </a>
    1428. 

  1428.                             </div>
    1429. 

  1429.                             <div class="content-details text-start px-2 py-4">
    1430. 

  1430.                                 <div class="category-link">
    1431. 

  1431.                                     <a class="text-deep-red" href="#">Lifestyle</a>
    1432. 

  1432.                                 </div>
    1433. 

  1433.                                 <div class="blog-link mt-3">
    1434. 

  1434.                                     <a class="mt-3 text-gray fs-4" href="#">
    1435. 

  1435.                                         USES THE RIGHT SUNSCREEN FOR YOUR SKIN TYPE
    1436. 

  1436.                                     </a>
    1437. 

  1437.                                 </div>
    1438. 

  1438.                                 <p class="mt-3 text-light-gray fs-6">
    1439. 

  1439.                                     নভেম্বর মানে সামনে এক মাসব্যাপী ব্ল্যাক ফ্রাইডে ডিল।
    1440. 

  1440.                                 </p>
    1441. 

  1441.                                 <p class="date text-light-gray mt-3">26 Nov 2022</p>
    1442. 

  1442.                                 <div class="mt-3 read-more">
    1443. 

  1443.                                     <a class="text-deep-red fs-4" href="#">Read More </a>
    1444. 

  1444.                                 </div>
    1445. 

  1445.                             </div>
    1446. 

  1446.                         </div>
    1447. 

  1447.                     </div>
    1448. 

  1448. 

  1449.                     <div class="swiper-slide">
    1450. 

  1450.                         <div class="trending-container p-2">
    1451. 

  1451.                             <div class="image-container">
    1452. 

  1452.                                 <a href="#">
    1453. 

  1453.                                     <img class="w-100" src="./images/home_page/trending-2.png" alt="">
    1454. 

  1454.                                 </a>
    1455. 

  1455.                             </div>
    1456. 

  1456.                             <div class="content-details text-start px-2 py-4">
    1457. 

  1457.                                 <div class="category-link">
    1458. 

  1458.                                     <a class="text-deep-red" href="#">Lifestyle</a>
    1459. 

  1459.                                 </div>
    1460. 

  1460.                                 <div class="blog-link mt-3">
    1461. 

  1461.                                     <a class="mt-3 text-gray fs-4" href="#">
    1462. 

  1462.                                         USES THE RIGHT SUNSCREEN FOR YOUR SKIN TYPE
    1463. 

  1463.                                     </a>
    1464. 

  1464.                                 </div>
    1465. 

  1465.                                 <p class="mt-3 text-light-gray fs-6">
    1466. 

  1466.                                     নভেম্বর মানে সামনে এক মাসব্যাপী ব্ল্যাক ফ্রাইডে ডিল।
    1467. 

  1467.                                 </p>
    1468. 

  1468.                                 <p class="date text-light-gray mt-3">26 Nov 2022</p>
    1469. 

  1469.                                 <div class="mt-3 read-more">
    1470. 

  1470.                                     <a class="text-deep-red fs-4" href="#">Read More </a>
    1471. 

  1471.                                 </div>
    1472. 

  1472.                             </div>
    1473. 

  1473.                         </div>
    1474. 

  1474.                     </div>
    1475. 

  1475. 

  1476.                     <div class="swiper-slide">
    1477. 

  1477.                         <div class="trending-container p-2">
    1478. 

  1478.                             <div class="image-container">
    1479. 

  1479.                                 <a href="#">
    1480. 

  1480.                                     <img class="w-100" src="./images/home_page/trending-3.png" alt="">
    1481. 

  1481.                                 </a>
    1482. 

  1482.                             </div>
    1483. 

  1483.                             <div class="content-details text-start px-2 py-4">
    1484. 

  1484.                                 <div class="category-link">
    1485. 

  1485.                                     <a class="text-deep-red" href="#">Lifestyle</a>
    1486. 

  1486.                                 </div>
    1487. 

  1487.                                 <div class="blog-link mt-3">
    1488. 

  1488.                                     <a class="mt-3 text-gray fs-4" href="#">
    1489. 

  1489.                                         USES THE RIGHT SUNSCREEN FOR YOUR SKIN TYPE
    1490. 

  1490.                                     </a>
    1491. 

  1491.                                 </div>
    1492. 

  1492.                                 <p class="mt-3 text-light-gray fs-6">
    1493. 

  1493.                                     নভেম্বর মানে সামনে এক মাসব্যাপী ব্ল্যাক ফ্রাইডে ডিল।
    1494. 

  1494.                                 </p>
    1495. 

  1495.                                 <p class="date text-light-gray mt-3">26 Nov 2022</p>
    1496. 

  1496.                                 <div class="mt-3 read-more">
    1497. 

  1497.                                     <a class="text-deep-red fs-4" href="#">Read More </a>
    1498. 

  1498.                                 </div>
    1499. 

  1499.                             </div>
    1500. 

  1500.                         </div>
    1501. 

  1501.                     </div>
    1502. 

  1502. 

  1503.                 </div>
    1504. 

  1504.                 <!-- <div class="swiper-button-next"></div>
    1505. 

  1505.                 <div class="swiper-button-prev"></div> -->
    1506. 

  1506.             </div>
    1507. 

  1507. 

  1508. 

  1509.         </div>
    1510. 

  1510.     </section>
    1511. 

  1511. 

  1512.     <!-- find on instagram -->
    1513. 

  1513.     <section id="find-on-instagram" class="my-2 pb-3">
    1514. 

  1514.         <div class="container ">
    1515. 

  1515.             <div class="text-center section-title fw-semibold">FIND US ON INSTAGRAM</div>
    1516. 

  1516.             <div class="mt-1 mx-auto border-image"></div>
    1517. 

  1517. 

  1518.             <div class="mt-3 py-3 image-container">
    1519. 

  1519.                 <img class="w-100" src="./images/home_page/find-on instragram.png" alt="">
    1520. 

  1520.             </div>
    1521. 

  1521. 

  1522.             
    1523. 

  1523.         </div>
    1524. 

  1524.     </section>
    1525. 

  1525. 

  1526.     
    1527. 

  1527.     <!-- recently viewed -->
    1528. 

  1528.     <section id="recently-viewed" class="my-5 ">
    1529. 

  1529.         <div class="container mt-5 pb-5 pb-lg-0 position-relative">
    1530. 

  1530.             <div class="d-flex align-items-start justify-content-center justify-content-lg-end">
    1531. 

  1531.                 <div class="flex-fill">
    1532. 

  1532.                     <div class="text-center section-title fw-semibold">RECENTLY VIEWED</div>
    1533. 

  1533.                     <div class="mt-2 mx-auto border-image"></div>
    1534. 

  1534.                 </div>
    1535. 

  1535.                 <div class="view-more">
    1536. 

  1536.                     <a href="#" class="view-all btn-black-outline fw-semibold ">VIEW ALL</a>
    1537. 

  1537.                 </div>
    1538. 

  1538.             </div>
    1539. 

  1539. 

  1540.             <div class="d-flex flex-wrap mt-5">
    1541. 

  1541. 

  1542.                 <div class="product-single p-1 p-md-2 ">
    1543. 

  1543.                     <div class=" product rounded-1 px-3 py-3 text-start">
    1544. 

  1544. 

  1545.                         <!-- product image -->
    1546. 

  1546.                         <a href="./product-details.html">
    1547. 

  1547.                             <div class="image-container text-center">
    1548. 

  1548.                                 <img class="h-100" src="./images/product_details/also-product.png" alt="">
    1549. 

  1549.                             </div>
    1550. 

  1550.                         </a>
    1551. 

  1551. 

  1552.                         <!-- product brand and ratting -->
    1553. 

  1553.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    1554. 

  1554. 

  1555.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    1556. 

  1556.                             
    1557. 

  1557.                             <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    1558. 

  1558.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    1559. 

  1559.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1560. 

  1560.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1561. 

  1561.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1562. 

  1562.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    1563. 

  1563.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    1564. 

  1564.                             </div>
    1565. 

  1565.                         </div>
    1566. 

  1566. 

  1567.                         <!-- product name -->
    1568. 

  1568.                         <a href="./product-details.html" class="title text-gray  ">
    1569. 

  1569.                             Clear Kind to skin refreshing
    1570. 

  1570.                             shampoo
    1571. 

  1571.                         </a>
    1572. 

  1572.                         
    1573. 

  1573.                         <!-- offer -->
    1574. 

  1574.                         <p class="offer pt-2 pt-xl-3 text-deep-red">
    1575. 

  1575.                             Buy 2 Get 1 free
    1576. 

  1576.                         </p>
    1577. 

  1577. 

  1578.                         <!-- product price -->
    1579. 

  1579.                         <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    1580. 

  1580.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    1581. 

  1581.                             <span class="ms-3 fw-semibold">৳510 </span>
    1582. 

  1582.                         </div>
    1583. 

  1583. 

  1584.                         <!-- product price in app -->
    1585. 

  1585.                         <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    1586. 

  1586.                             <span class="fw-semibold">App Price : </span>
    1587. 

  1587.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    1588. 

  1588.                         </div>
    1589. 

  1589. 

  1590.                         <!--  add to cart -->
    1591. 

  1591.                         <div class="text-center pt-2 pt-lg-3">
    1592. 

  1592.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    1593. 

  1593.                                 <span>
    1594. 

  1594.                                     <img src="./images/icon/Cart_white.svg" alt="">
    1595. 

  1595.                                 </span>
    1596. 

  1596.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    1597. 

  1597.                             </button>
    1598. 

  1598.                         </div>
    1599. 

  1599.                     </div>
    1600. 

  1600.                 </div>
    1601. 

  1601. 

  1602.                 <div class="product-single p-1 p-md-2 ">
    1603. 

  1603.                     <div class=" product rounded-1 px-3 py-3 text-start">
    1604. 

  1604. 

  1605.                         <!-- product image -->
    1606. 

  1606.                         <a href="./product-details.html">
    1607. 

  1607.                             <div class="image-container text-center">
    1608. 

  1608.                                 <img class="h-100" src="./images/product_details/also-product.png" alt="">
    1609. 

  1609.                             </div>
    1610. 

  1610.                         </a>
    1611. 

  1611. 

  1612.                         <!-- product brand and ratting -->
    1613. 

  1613.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    1614. 

  1614. 

  1615.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    1616. 

  1616.                             
    1617. 

  1617.                             <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    1618. 

  1618.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    1619. 

  1619.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1620. 

  1620.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1621. 

  1621.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1622. 

  1622.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    1623. 

  1623.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    1624. 

  1624.                             </div>
    1625. 

  1625.                         </div>
    1626. 

  1626. 

  1627.                         <!-- product name -->
    1628. 

  1628.                         <a href="./product-details.html" class="title text-gray  ">
    1629. 

  1629.                             Clear Kind to skin refreshing
    1630. 

  1630.                             shampoo
    1631. 

  1631.                         </a>
    1632. 

  1632.                         
    1633. 

  1633.                         <!-- offer -->
    1634. 

  1634.                         <p class="offer pt-2 pt-xl-3 text-deep-red">
    1635. 

  1635.                             Buy 2 Get 1 free
    1636. 

  1636.                         </p>
    1637. 

  1637. 

  1638.                         <!-- product price -->
    1639. 

  1639.                         <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    1640. 

  1640.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    1641. 

  1641.                             <span class="ms-3 fw-semibold">৳510 </span>
    1642. 

  1642.                         </div>
    1643. 

  1643. 

  1644.                         <!-- product price in app -->
    1645. 

  1645.                         <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    1646. 

  1646.                             <span class="fw-semibold">App Price : </span>
    1647. 

  1647.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    1648. 

  1648.                         </div>
    1649. 

  1649. 

  1650.                         <!-- add to cart -->
    1651. 

  1651.                         <div class="text-center pt-2 pt-lg-3">
    1652. 

  1652.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    1653. 

  1653.                                 <span>
    1654. 

  1654.                                     <img src="./images/icon/Cart_white.svg" alt="">
    1655. 

  1655.                                 </span>
    1656. 

  1656.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    1657. 

  1657.                             </button>
    1658. 

  1658.                         </div>
    1659. 

  1659.                     </div>
    1660. 

  1660.                 </div>
    1661. 

  1661. 

  1662.                 <div class="product-single p-1 p-md-2 ">
    1663. 

  1663.                     <div class=" product rounded-1 px-3 py-3 text-start">
    1664. 

  1664. 

  1665.                         <!-- product image -->
    1666. 

  1666.                         <a href="./product-details.html">
    1667. 

  1667.                             <div class="image-container text-center">
    1668. 

  1668.                                 <img class="h-100" src="./images/product_details/also-product.png" alt="">
    1669. 

  1669.                             </div>
    1670. 

  1670.                         </a>
    1671. 

  1671. 

  1672.                         <!-- product brand and ratting -->
    1673. 

  1673.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    1674. 

  1674. 

  1675.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    1676. 

  1676.                             
    1677. 

  1677.                             <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    1678. 

  1678.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    1679. 

  1679.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1680. 

  1680.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1681. 

  1681.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1682. 

  1682.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    1683. 

  1683.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    1684. 

  1684.                             </div>
    1685. 

  1685.                         </div>
    1686. 

  1686. 

  1687.                         <!-- product name -->
    1688. 

  1688.                         <a href="./product-details.html" class="title text-gray  ">
    1689. 

  1689.                             Clear Kind to skin refreshing
    1690. 

  1690.                             shampoo
    1691. 

  1691.                         </a>
    1692. 

  1692.                         
    1693. 

  1693.                         <!-- offer -->
    1694. 

  1694.                         <p class="offer pt-2 pt-xl-3 text-deep-red">
    1695. 

  1695.                             Buy 2 Get 1 free
    1696. 

  1696.                         </p>
    1697. 

  1697. 

  1698.                         <!-- product price -->
    1699. 

  1699.                         <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    1700. 

  1700.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    1701. 

  1701.                             <span class="ms-3 fw-semibold">৳510 </span>
    1702. 

  1702.                         </div>
    1703. 

  1703. 

  1704.                         <!-- product price in app -->
    1705. 

  1705.                         <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    1706. 

  1706.                             <span class="fw-semibold">App Price : </span>
    1707. 

  1707.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    1708. 

  1708.                         </div>
    1709. 

  1709. 

  1710.                         <!-- add to cart -->
    1711. 

  1711.                         <div class="text-center pt-2 pt-lg-3">
    1712. 

  1712.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    1713. 

  1713.                                 <span>
    1714. 

  1714.                                     <img src="./images/icon/Cart_white.svg" alt="">
    1715. 

  1715.                                 </span>
    1716. 

  1716.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    1717. 

  1717.                             </button>
    1718. 

  1718.                         </div>
    1719. 

  1719.                     </div>
    1720. 

  1720.                 </div>
    1721. 

  1721. 

  1722.                 <div class="product-single p-1 p-md-2 ">
    1723. 

  1723.                     <div class=" product rounded-1 px-3 py-3 text-start">
    1724. 

  1724. 

  1725.                         <!-- product image -->
    1726. 

  1726.                         <a href="./product-details.html">
    1727. 

  1727.                             <div class="image-container text-center">
    1728. 

  1728.                                 <img class="h-100" src="./images/product_details/also-product.png" alt="">
    1729. 

  1729.                             </div>
    1730. 

  1730.                         </a>
    1731. 

  1731. 

  1732.                         <!-- product brand and ratting -->
    1733. 

  1733.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    1734. 

  1734. 

  1735.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    1736. 

  1736.                             
    1737. 

  1737.                             <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    1738. 

  1738.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    1739. 

  1739.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1740. 

  1740.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1741. 

  1741.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1742. 

  1742.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    1743. 

  1743.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    1744. 

  1744.                             </div>
    1745. 

  1745.                         </div>
    1746. 

  1746. 

  1747.                         <!-- product name -->
    1748. 

  1748.                         <a href="./product-details.html" class="title text-gray  ">
    1749. 

  1749.                             Clear Kind to skin refreshing
    1750. 

  1750.                             shampoo
    1751. 

  1751.                         </a>
    1752. 

  1752.                         
    1753. 

  1753.                         <!-- offer -->
    1754. 

  1754.                         <p class="offer pt-2 pt-xl-3 text-deep-red">
    1755. 

  1755.                             Buy 2 Get 1 free
    1756. 

  1756.                         </p>
    1757. 

  1757. 

  1758.                         <!-- product price -->
    1759. 

  1759.                         <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    1760. 

  1760.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    1761. 

  1761.                             <span class="ms-3 fw-semibold">৳510 </span>
    1762. 

  1762.                         </div>
    1763. 

  1763. 

  1764.                         <!-- product price in app -->
    1765. 

  1765.                         <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    1766. 

  1766.                             <span class="fw-semibold">App Price : </span>
    1767. 

  1767.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    1768. 

  1768.                         </div>
    1769. 

  1769. 

  1770.                         <!-- add to cart -->
    1771. 

  1771.                         <div class="text-center pt-2 pt-lg-3">
    1772. 

  1772.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    1773. 

  1773.                                 <span>
    1774. 

  1774.                                     <img src="./images/icon/Cart_white.svg" alt="">
    1775. 

  1775.                                 </span>
    1776. 

  1776.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    1777. 

  1777.                             </button>
    1778. 

  1778.                         </div>
    1779. 

  1779.                     </div>
    1780. 

  1780.                 </div>
    1781. 

  1781. 

  1782.                 <div class="product-single p-1 p-md-2 d-none d-xl-block">
    1783. 

  1783.                     <div class=" product rounded-1 px-3 py-3 text-start">
    1784. 

  1784. 

  1785.                         <!-- product image -->
    1786. 

  1786.                         <a href="./product-details.html">
    1787. 

  1787.                             <div class="image-container text-center">
    1788. 

  1788.                                 <img class="h-100" src="./images/product_details/also-product.png" alt="">
    1789. 

  1789.                             </div>
    1790. 

  1790.                         </a>
    1791. 

  1791. 

  1792.                         <!-- product brand and ratting -->
    1793. 

  1793.                         <div class="my-2 d-flex flex-wrap align-items-center ">
    1794. 

  1794. 

  1795.                             <a href="#" class="brand-title text-deep-red fw-bold fs-6">Clear</a>
    1796. 

  1796.                             
    1797. 

  1797.                             <div class="ms-1 ms-lg-2 rating d-flex align-items-start">
    1798. 

  1798.                                 <img class="ms-0 rating-icon"  src="./images/icon/star_full.svg" alt="">
    1799. 

  1799.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1800. 

  1800.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1801. 

  1801.                                 <img class="ms-0 rating-icon" src="./images/icon/star_full.svg" alt="">
    1802. 

  1802.                                 <img class="ms-0 rating-icon" src="./images/icon/star_empty.svg" alt="">
    1803. 

  1803.                                 <div class="rating-count ms-1 ms-md-2">(15)</div>
    1804. 

  1804.                             </div>
    1805. 

  1805.                         </div>
    1806. 

  1806. 

  1807.                         <!-- product name -->
    1808. 

  1808.                         <a href="./product-details.html" class="title text-gray  ">
    1809. 

  1809.                             Clear Kind to skin refreshing
    1810. 

  1810.                             shampoo
    1811. 

  1811.                         </a>
    1812. 

  1812.                         
    1813. 

  1813.                         <!-- offer -->
    1814. 

  1814.                         <p class="offer pt-2 pt-xl-3 text-deep-red">
    1815. 

  1815.                             Buy 2 Get 1 free
    1816. 

  1816.                         </p>
    1817. 

  1817. 

  1818.                         <!-- product price -->
    1819. 

  1819.                         <div class=" pt-md-2 pt-xl-3 price fs-6 text-center ">
    1820. 

  1820.                             <span class="text-decoration-line-through text-light-gray">৳600</span>
    1821. 

  1821.                             <span class="ms-3 fw-semibold">৳510 </span>
    1822. 

  1822.                         </div>
    1823. 

  1823. 

  1824.                         <!-- product price in app -->
    1825. 

  1825.                         <div class=" pt-md-2 pt-xl-3 app-price  text-center fs-6 text-deep-red">
    1826. 

  1826.                             <span class="fw-semibold">App Price : </span>
    1827. 

  1827.                             <span class="ms-3 fw-semibold">৳ 484 </span>
    1828. 

  1828.                         </div>
    1829. 

  1829. 

  1830.                         <!-- add to cart -->
    1831. 

  1831.                         <div class="text-center pt-2 pt-lg-3">
    1832. 

  1832.                             <button class="checkout-btn mx-auto btn-sm btn btn-dark rounded-0 d-flex justify-content-center align-items-center py-1 px-2">
    1833. 

  1833.                                 <span>
    1834. 

  1834.                                     <img src="./images/icon/Cart_white.svg" alt="">
    1835. 

  1835.                                 </span>
    1836. 

  1836.                                 <span class="add-cart-text ms-2">Add to Cart</span>
    1837. 

  1837.                             </button>
    1838. 

  1838.                         </div>
    1839. 

  1839.                     </div>
    1840. 

  1840.                 </div>
    1841. 

  1841. 

  1842.             </div>
    1843. 

  1843. 

  1844.         </div>
    1845. 

  1845.     </section>
    1846. 

  1846. 

  1847. 

  1848.     <!-- show off -->
    1849. 

  1849.     <section id="show-off">
    1850. 

  1850.         <img class="w-100" src="./images/home_page/show-off.jpg" alt="">
    1851. 

  1851.     </section>
    1852. 

  1852. 

  1853. 

  1854.     <!-- All Links -->
    1855. 

  1855.     <section id="all-link" class="mt-5 py-5">
    1856. 

  1856.         <div class="container">
    1857. 

  1857.             
    1858. 

  1858.             <div class="link-group mt-2">
    1859. 

  1859.                 <h4 class="title text-center text-deep-red fw-normal">MAKEUP</h4>
    1860. 

  1860.                 <div class="links mt-3 px-3">
    1861. 

  1861.                     <nav aria-label="breadcrumb">
    1862. 

  1862.                         <ol class="breadcrumb text-gray d-flex flex-wrap justify-content-center">
    1863. 

  1863.                             <li class="breadcrumb-item"><a href="#">Home</a></li>
    1864. 

  1864.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1865. 

  1865.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1866. 

  1866.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1867. 

  1867.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1868. 

  1868.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1869. 

  1869.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1870. 

  1870.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1871. 

  1871.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1872. 

  1872.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1873. 

  1873.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1874. 

  1874.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1875. 

  1875.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1876. 

  1876.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1877. 

  1877.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1878. 

  1878.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1879. 

  1879.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1880. 

  1880.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1881. 

  1881.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1882. 

  1882.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1883. 

  1883.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1884. 

  1884.                         </ol>
    1885. 

  1885.                       </nav>
    1886. 

  1886.                       
    1887. 

  1887.                 </div>
    1888. 

  1888.             </div>
    1889. 

  1889. 

  1890.             <div class="link-group mt-4">
    1891. 

  1891.                 <h4 class="title text-center text-deep-red fw-normal">SKIN</h4>
    1892. 

  1892.                 <div class="links mt-3 px-3">
    1893. 

  1893.                     <nav aria-label="breadcrumb">
    1894. 

  1894.                         <ol class="breadcrumb text-gray d-flex flex-wrap justify-content-center">
    1895. 

  1895.                             <li class="breadcrumb-item"><a href="#">Home</a></li>
    1896. 

  1896.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1897. 

  1897.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1898. 

  1898.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1899. 

  1899.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1900. 

  1900.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1901. 

  1901.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1902. 

  1902.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1903. 

  1903.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1904. 

  1904.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1905. 

  1905.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1906. 

  1906.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1907. 

  1907.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1908. 

  1908.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1909. 

  1909.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1910. 

  1910.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1911. 

  1911.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1912. 

  1912.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1913. 

  1913.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1914. 

  1914.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1915. 

  1915.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1916. 

  1916.                         </ol>
    1917. 

  1917.                       </nav>
    1918. 

  1918.                       
    1919. 

  1919.                 </div>
    1920. 

  1920.             </div>
    1921. 

  1921.             
    1922. 

  1922.             <div class="link-group mt-4">
    1923. 

  1923.                 <h4 class="title text-center text-deep-red fw-normal">WELLNESS</h4>
    1924. 

  1924.                 <div class="links mt-3 px-3">
    1925. 

  1925.                     <nav aria-label="breadcrumb">
    1926. 

  1926.                         <ol class="breadcrumb text-gray d-flex flex-wrap justify-content-center">
    1927. 

  1927.                             <li class="breadcrumb-item"><a href="#">Home</a></li>
    1928. 

  1928.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1929. 

  1929.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1930. 

  1930.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1931. 

  1931.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1932. 

  1932.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1933. 

  1933.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1934. 

  1934.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1935. 

  1935.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1936. 

  1936.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1937. 

  1937.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1938. 

  1938.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1939. 

  1939.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1940. 

  1940.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1941. 

  1941.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1942. 

  1942.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1943. 

  1943.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1944. 

  1944.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1945. 

  1945.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1946. 

  1946.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1947. 

  1947.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1948. 

  1948.                         </ol>
    1949. 

  1949.                       </nav>
    1950. 

  1950.                       
    1951. 

  1951.                 </div>
    1952. 

  1952.             </div>
    1953. 

  1953. 

  1954.             <div class="link-group mt-4">
    1955. 

  1955.                 <h4 class="title text-center text-deep-red fw-normal">COLLECTION</h4>
    1956. 

  1956.                 <div class="links mt-3 px-3">
    1957. 

  1957.                     <nav aria-label="breadcrumb">
    1958. 

  1958.                         <ol class="breadcrumb text-gray d-flex flex-wrap justify-content-center">
    1959. 

  1959.                             <li class="breadcrumb-item"><a href="#">Home</a></li>
    1960. 

  1960.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1961. 

  1961.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1962. 

  1962.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1963. 

  1963.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1964. 

  1964.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1965. 

  1965.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1966. 

  1966.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1967. 

  1967.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1968. 

  1968.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1969. 

  1969.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1970. 

  1970.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1971. 

  1971.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1972. 

  1972.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1973. 

  1973.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1974. 

  1974.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1975. 

  1975.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1976. 

  1976.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1977. 

  1977.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1978. 

  1978.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1979. 

  1979.                             <li class="breadcrumb-item"><a href="#">Library</a></li>
    1980. 

  1980.                         </ol>
    1981. 

  1981.                       </nav>
    1982. 

  1982.                       
    1983. 

  1983.                 </div>
    1984. 

  1984.             </div>
    1985. 

  1985.         </div>
    1986. 

  1986.     </section>
    1987. 

  1987. 

  1988. 

  1989.     <!-- footer -->
    1990. 

  1990.     <section id="footer" class=" bg-dark text-white mt-5">
    1991. 

  1991.         <div class="container py-5">
    1992. 

  1992. 

  1993.             <div class="row  footer-border-bottom justify-content-evenly">
    1994. 

  1994. 

  1995.                 <div class="col-12 col-lg-4">
    1996. 

  1996.                     <div class="py-2 footer-comp-title h3 text-center">
    1997. 

  1997.                         BECOME AN INSIDER
    1998. 

  1998.                     </div>
    1999. 

  1999. 

  2000.                     <form class="mt-2 text-center" action="">
    2001. 

  2001.                         <input class="footer-input px-3 py-3 py-md-3 px-md-5 mx-auto text-center" type="text" placeholder="ENTER YOUR EMAIL ADDRESS">
    2002. 

  2002.                     </form>
    2003. 

  2003. 

  2004.                     <div class="social mt-5 mb-5">
    2005. 

  2005.                         <div class="footer-comp-title h3 text-center">
    2006. 

  2006.                             FOLLOW US ON
    2007. 

  2007.                         </div>
    2008. 

  2008. 

  2009.                         <ul class="mt-4 d-flex justify-content-center align-items-center">
    2010. 

  2010.                             <li>
    2011. 

  2011.                                 <a href="#">
    2012. 

  2012.                                     <img class="social-icon mx-3 mx-md-4" src="./images/icon/footer-facebook.svg" alt="">
    2013. 

  2013.                                 </a>
    2014. 

  2014.                              </li>
    2015. 

  2015.                             <li>
    2016. 

  2016.                                 <a href="#">
    2017. 

  2017.                                     <img class="social-icon mx-3 mx-md-4" src="./images/icon/footer-twitter.svg" alt="">
    2018. 

  2018.                                 </a>
    2019. 

  2019.                              </li>
    2020. 

  2020.                             <li>
    2021. 

  2021.                                 <a href="#">
    2022. 

  2022.                                     <img class="social-icon mx-3 mx-md-4" src="./images/icon/footer-insta.svg" alt="">
    2023. 

  2023.                                 </a>
    2024. 

  2024.                              </li>
    2025. 

  2025.                             <li>
    2026. 

  2026.                                 <a href="#">
    2027. 

  2027.                                     <img class="social-icon mx-3 mx-md-4" src="./images/icon/footer-pinterest.svg" alt="">
    2028. 

  2028.                                 </a>
    2029. 

  2029.                              </li>
    2030. 

  2030.                              <li>
    2031. 

  2031.                                 <a href="#">
    2032. 

  2032.                                     <img class="social-icon mx-3 mx-md-4" src="./images/icon/footer-youtube.svg" alt="">
    2033. 

  2033.                                 </a>
    2034. 

  2034.                              </li>
    2035. 

  2035.                         </ul>
    2036. 

  2036. 

  2037.                         <p class="mt-4 fw-light fs-5 text-center">hr@themallbd.com</p>
    2038. 

  2038.                     </div>
    2039. 

  2039.                 </div>
    2040. 

  2040. 

  2041.                 <div class="col-12 col-lg-6">
    2042. 

  2042. 

  2043.                     <div class="row justify-content-between">
    2044. 

  2044.                         <div class="col-6 col-md-5 mb-5">
    2045. 

  2045.                             <div class="py-2 mb-3 footer-comp-title footer-border-bottom h3  ">HELP</div>
    2046. 

  2046.                             <ul>
    2047. 

  2047.                                 <li class="mb-2"><a href="#">ORDER</a></li>
    2048. 

  2048.                                 <li class="mb-2"><a href="#">DELIVERY</a></li>
    2049. 

  2049.                                 <li class="mb-2"><a href="#">RETUTRNS</a></li>
    2050. 

  2050.                                 <li class="mb-2"><a href="#">COOKIE POLICY</a></li>
    2051. 

  2051.                                 <li class="mb-2"><a href="#">CUSTOMER SUPPORT</a></li>
    2052. 

  2052.                                 <li class="mb-2"><a href="#">VIP PRIVILEGES</a></li>
    2053. 

  2053.                                 <li class="mb-2"><a href="#">HOW TO BECOME A VIP</a></li>
    2054. 

  2054.                                 <li class="mb-2"><a href="#">THE MALL GLOBAL</a></li>
    2055. 

  2055.                             </ul>
    2056. 

  2056.                         </div>
    2057. 

  2057. 

  2058.                         <div class="col-6 col-md-5 mb-5">
    2059. 

  2059.                             <div class="py-2 mb-3  footer-comp-title footer-border-bottom h3">OUR COMPANY</div>
    2060. 

  2060.                             <ul>
    2061. 

  2061.                                 <li class="mb-2"><a  href="#">ABOUT US</a></li>
    2062. 

  2062.                                 <li class="mb-2"><a href="#">CONTACT US</a></li>
    2063. 

  2063.                                 <li class="mb-2"><a href="#">PRIVACY POLICY</a></li>
    2064. 

  2064.                                 <li class="mb-2"><a href="#">COOKIE POLICY</a></li>
    2065. 

  2065.                                 <li class="mb-2"><a href="#">PAYMENTS</a></li>
    2066. 

  2066.                                 <li class="mb-2"><a href="#">SITEMAP</a></li>
    2067. 

  2067.                                 <li class="mb-2"><a href="#">TERMS & CONDITIONS</a></li>
    2068. 

  2068.                             </ul>
    2069. 

  2069. 

  2070.                         </div>
    2071. 

  2071.                     </div>
    2072. 

  2072.                 </div>
    2073. 

  2073.             </div>
    2074. 

  2074. 

  2075.             <div class="copyright mt-4  text-center fw-light">
    2076. 

  2076.                 &copy 2022 THE MALL ALL RIGHT RESERVED
    2077. 

  2077.             </div>
    2078. 

  2078.         </div>
    2079. 

  2079.     </section>
    2080. 

  2080.     <!-- footer end-->
    2081. 

  2081. 

  2082. 

  2083. 

  2084.     
    2085. 

  2085.     <!-- bootstrap js -->
    2086. 

  2086.     <script src="./js/bootstrap.bundle.min.js"></script>
    2087. 

  2087. 

  2088.     <!-- swiper slider js -->
    2089. 

  2089.     <script src="./js/swiper-bundle.min.js"></script>
    2090. 

  2090. 

  2091.     <!-- lightbox js -->
    2092. 

  2092.     <script src="./js/simple-lightbox.js"></script>
    2093. 

  2093. 

  2094.     <!-- custom js -->
    2095. 

  2095.     <script src="./js/app.js"></script>
    2096. 

  2096. 

  2097. </body>
    2098. 

  2098. </html
    2099.