prabhattopi · Mshradha · May 5, 2022 · May 5, 2022 · May 5, 2022 · May 7, 2022
diff --git a/shradha/deatils/details.html b/shradha/deatils/details.html
@@ -0,0 +1,227 @@
+
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Document</title>
+</head>
+<body>
+
+</body>
+</html>
+<script>
+var mensShop = [
+
+
+{
+    no:1,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dwf9b1131b/crop/026237209_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Ocean",
+    about: "3-in-1 Hair, Face &Body Wash",
+    price: "  13.50",
+    discount: "Mix & Match: Buy 3,Get 1 Free"
+},
+
+{
+    no:2,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dw3d0a0837/crop/026452991_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "Online Exclusive",
+    name: "Ocean",
+    about: "3-Wick Candle",
+    price: "  26.50",
+    discount:""
+},
+
+{
+    no:3,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dwae6eed49/crop/026438823_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Ocean",
+    about: "Gentle Foaming Hand Soap",
+    price: "  7.50",
+    discount: "Mix &Match: 6/  27 or 4/  20"
+},
+
+{
+    no:4,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dw2efeac59/crop/026466939_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Ocean",
+    about: "Wallfiowers Fragrance Refill",
+    price: "  7.50",
+    discount: "Mix &Match: 5/  18 or 7/  24"
+},
+
+{
+    no:5,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dw577d94af/crop/024637801_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Ocean",
+    about: "Antiperspirant Deodorant",
+    price: "  12.50",
+    discount: "Mix & Match: Buy 3,Get 1 Free"
+},
+
+
+{
+    no:6,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dwba77ffbc/crop/026267868_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Ocean",
+    about: "Body Spray",
+    price: "  13.50",
+    discount: "Mix & Match: Buy 3,Get 1 Free"
+},
+
+{
+    no:7,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dwa2489ef3/crop/026282783_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Ocean",
+    about: "Utimate Hydration Body Cream",
+    price: "  15.50",
+    discount: "Mix & Match: Buy 3,Get 1 Free"
+},
+
+{
+    no:8,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dwaac16ab1/crop/026452595_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "Online Exclusive",
+    name: "Ocean",
+    about: "Single Wick Candle",
+    price: "  15.50",
+    discount: "Mix & Match: 2/522"
+},
+
+{
+    no:9,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dw32bd7370/hires/026237213_alt_1.jpg?sh=413&yocs=o_s_",
+    status: "",
+    name: "Ocean",
+    about: "Cologne",
+    price: "  39.50",
+    discount: "Mix & Match: Buy 3,Get 1 Free"
+},
+
+{
+    no:10,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dw17ae8dbd/crop/026347256_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Ocean",
+    about: "Hand Sanitizer Spray",
+    price: "  6.50",
+    discount: "Mix & Match: 3/  15"
+},
+
+{
+    no:11,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dw18beaa45/crop/026237214_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Ocean",
+    about: "Mini Cologne",
+    price: "  16.50",
+    discount: "Mix & Match: Buy 3,Get 1 Free"
+},
+
+{
+    no:12,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dwc38aa7b1/crop/026311501_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Ocean",
+    about: "Travel Size Ultimate Hydration Body Cream",
+    price: "  7.50",
+    discount: "Mix &Match: Buy 2, Get 1 Free"
+},
+
+{
+    no:13,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dw103340e9/hires/025144602_alt_1.jpg?sh=413&yocs=o_s_",
+    status: "",
+    name: "Ocean",
+    about: "Gift Bag Set",
+    price: "  34.95",
+    discount: ""
+},
+
+{
+    no:14,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dwa8621ae1/crop/026440737_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Ocean",
+    about: "Car Fragrance Refill",
+    price: "  4.50",
+    discount: "Mix & Match: 3/  10"
+},
+
+{
+    no:15,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dw50a09db0/crop/026395407_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "New!",
+    name: "Freshwater",
+    about: "3-in-1 Hair, Face & Body Wash",
+    price: "  14.50",
+    discount: "Mix & Match: Buy 3,Get 1 Free"
+},
+
+{
+    no:16,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dw7cc638bd/crop/026458623_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "Online Exclusive",
+    name: "Freshwater",
+    about: "Single Wick Candle",
+    price: "  15.50",
+    discount: "Mix &Match: 2/s22"
+},
+
+{
+    no:17,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dwd11e9755/crop/026466941_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Freshwater",
+    about: "Walfiowers Fragrance Refill",
+    price: "  7.50",
+    discount: "Mix &Match: 5/  18 or 7/  24"
+},
+
+{
+    no:18,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dwebae50f2/crop/026399294_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Freshwater",
+    about: "Shea Butter Cleansing Bar",
+    price: "  8.50",
+    discount: "Mix & Match: Buy 3, Get 3 Free or Buy 2, Get1 Free"
+},
+
+{
+    no:19,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dw66824eba/crop/026438825_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "",
+    name: "Freshwater",
+    about: "Gente Foaming Hand Soap",
+    price: "  7.50",
+    discount: "Mix &Match: 6/  27 or 4/  20"
+},
+
+{
+    no:20,
+    image: "https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/dw/image/v2/BBDL_PRD/on/demandware.static/-/Sites-master-catalog/default/dw489f00f7/crop/026395413_crop.jpg?sw=500&sh=600&sm=fit&q=75&yocs=o_s_",
+    status: "New!",
+    name: "Freshwater",
+    about: "Ultimate Hydration Body Cream",
+    price: "  15.50",
+    discount: "Mix &Match: Buy 3, Get 3 Free or Buy 2, Get 1 Free"
+},
+
+];
+
+localStorage.setItem("mens",JSON.stringify(mensShop));
+</script>
+
+
+
+
+
diff --git a/shradha/product.css b/shradha/product.css
@@ -0,0 +1,89 @@
+*{
+    font-family:  "Trade Gothic W01 Regular", "Trade Gothic W01 Light", Arial, sans-serif;;
+}
+
+
+#contashra{
+    /* border: 1px solid green; */
+    width: 100%;
+    /* height: 1000px; */
+    display: flex;
+    gap: 30px;
+
+}
+#filtershra{
+    width: 15% ;
+    height: 500px;
+    border: 1px solid brown;
+}
+#productdiv{
+    width: 80%;
+    /* height: 1000px; */
+    /* border: 1px solid sienna; */
+}
+#productdiv>div{
+    margin-bottom: 20px;
+}
+#upperimgsh{
+    width: 100%;
+    height: 320px;
+    /* border: 1px solid saddlebrown; */
+}
+#upperimgsh>img{
+    width: 100%;
+}
+#upperimgsh>h2{
+    font-weight: 500;
+}
+#sortshra{
+    width: 100%;
+    height: 60px;
+    border: 1px solid green;
+}
+#productshra{
+    display: grid;
+    cursor: pointer;
+    grid-template-columns: repeat(4,1fr);
+    gap: 10px;
+
+}
+#divshr{
+    /* border: 1px solid goldenrod; */
+    /* box-shadow: rgba(0, 0, 0, 0.1) 0px 4px 12px; */
+    height: 460px;
+    line-height: 12px;
+
+}
+#divshr>img{
+   height: 60%;
+   width: 50%;
+   margin-top: 20px;
+   margin-left: 80px;
+}
+
+#anna{
+    height: 25%;
+    text-align: center;
+}
+#btnshr{
+    margin-left: 30px;
+    background-color: #333333;
+    color: white;
+    width: 80%;
+    height: 40px;
+    border: #333333;
+    font-size: 11px;
+}
+#btnshr:hover{
+    background: rgb(211, 208, 208);
+    color: black;
+}
+#lowshr{
+    width: 74%;
+    margin-left: 320px;
+    line-height: 3px;
+}
+#lowshr>h2{
+    text-align:right;
+    margin-right: 30px;
+}
diff --git a/shradha/product.html b/shradha/product.html
@@ -0,0 +1,40 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+    <meta charset="UTF-8">
+    <meta http-equiv="X-UA-Compatible" content="IE=edge">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    <title>Men's Fragrance | Bath & Body Workst</title>
+    <link rel="stylesheet" href="product.css">
+    <link href="https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/on/demandware.static/Sites-BathAndBodyWorks-Site/-/default/dw196367a8/images/favicon.ico?yocs=o_" rel="shortcut icon" />
+
+
+</head>
+<body>
+    <div id="contashra">
+        <div id="filtershra">
+
+        </div>
+        <div id="productdiv">
+            <div id="upperimgsh">
+                <h2>Men's Fragrance, Body Care & More</h2>
+                <img src="https://cdn-fsly.yottaa.net/5d669b394f1bbf7cb77826ae/www.bathandbodyworks.com/v~4b.216/on/demandware.static/-/Sites-BathAndBodyWorks-Library/default/dw8c50695c/images/Spring2022/xcat_mens-shop_sp2_gh.gif?yocs=s_" alt="">
+             </div>
+            <div id="sortshra"></div>
+            <div id="productshra"></div>
+        </div>
+    </div>
+
+
+    <div id="lowshr">
+
+        <h2>1 2 3 </h2> 
+        <hr>
+    </div>
+
+
+
+</body>
+</html>
+<script src="product.js" type="module"></script>
+<script src="deatils\details.js"></script>