From ec38088bb6540289cabba4da4e5a28c80de49bed Mon Sep 17 00:00:00 2001 From: reeteshin Date: Mon, 1 Nov 2021 22:06:04 +0530 Subject: [PATCH 1/4] Create showCaseOfProductList --- showCaseOfProductList.html | 107 +++++++++++++++++++++++++++++++++++++ 1 file changed, 107 insertions(+) create mode 100644 showCaseOfProductList.html diff --git a/showCaseOfProductList.html b/showCaseOfProductList.html new file mode 100644 index 0000000..debc5b6 --- /dev/null +++ b/showCaseOfProductList.html @@ -0,0 +1,107 @@ + + + + ShowCase Of Product + + + +
+
+

+ Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora + omnis sed eos porro quos! Ex numquam molestiae ratione. Nesciunt, + dolorum velit. Dicta possimus cupiditate sed incidunt provident + laudantium eum fuga? +

+
+
+
+ + + From 19262a6ccc9a7a6698029b69a4105b6061db6fe3 Mon Sep 17 00:00:00 2001 From: reeteshin Date: Fri, 5 Nov 2021 14:56:18 +0530 Subject: [PATCH 2/4] update --- dropDownlList.html | 147 ++++++++++++++++++++++++++ product.html | 78 ++++++++++++-- showCaseOfProductList.html | 205 +++++++++++++++++++++++++------------ 3 files changed, 351 insertions(+), 79 deletions(-) create mode 100644 dropDownlList.html diff --git a/dropDownlList.html b/dropDownlList.html new file mode 100644 index 0000000..e7cfca8 --- /dev/null +++ b/dropDownlList.html @@ -0,0 +1,147 @@ + + + + + + + + + + diff --git a/product.html b/product.html index d8aa2ed..46f522b 100644 --- a/product.html +++ b/product.html @@ -1,14 +1,70 @@ - - - - + + + + Document - - -

- heading -

- - \ No newline at end of file + + + +
+

Sales Reports

+ + +
+ +
+

Invoice Reports

+ + +
+ + diff --git a/showCaseOfProductList.html b/showCaseOfProductList.html index debc5b6..62e4598 100644 --- a/showCaseOfProductList.html +++ b/showCaseOfProductList.html @@ -4,104 +4,173 @@ ShowCase Of Product +

Dyanamic Headding

-

- Lorem ipsum dolor sit amet, consectetur adipisicing elit. Tempora - omnis sed eos porro quos! Ex numquam molestiae ratione. Nesciunt, - dolorum velit. Dicta possimus cupiditate sed incidunt provident - laudantium eum fuga? -

+

Filter

+

Gender

+
    +
  • Woman
    • +
  • Men
    • +
  • Unisex
    • +
+

Category

+
    +
  • T-Shirt
    • +
  • Jacket
    • +
+

Size

+
    +
  • S
    • +
  • M
    • +
  • L
    • +
+

Colore

+
    +
  • Red
    • +
  • Blue
    • +
+

Brand

+
    +
  • BewaKoof
    • +
  • Deyann
    • +
+

Sort By

+
    +
  • Popular
    • +
  • New
    • +
  • High to Low
    • +
  • Low to High
    • +
From 7db9e4be1312046fc2deb57c6f79c5a57e3aec44 Mon Sep 17 00:00:00 2001 From: reeteshin Date: Sat, 6 Nov 2021 16:16:15 +0530 Subject: [PATCH 3/4] updated --- dropDownlList.html | 15 ++- showCaseOfProduct.html | 246 +++++++++++++++++++++++++++++++++++++ showCaseOfProductList.html | 176 -------------------------- sideBar.html | 74 +++++++++++ 4 files changed, 330 insertions(+), 181 deletions(-) create mode 100644 showCaseOfProduct.html delete mode 100644 showCaseOfProductList.html create mode 100644 sideBar.html diff --git a/dropDownlList.html b/dropDownlList.html index e7cfca8..0d88dc4 100644 --- a/dropDownlList.html +++ b/dropDownlList.html @@ -36,14 +36,11 @@ border-radius: 5px; display: none; } - [id^=btn]:checked + ul + [id^=btn]:checked + ul { display: block; } - input - { - display: none; - } + nav .menu::before { position: absolute; @@ -117,14 +114,22 @@ >Drop Down + + +
  • Home
  • + + + + + diff --git a/showCaseOfProduct.html b/showCaseOfProduct.html new file mode 100644 index 0000000..252f5c3 --- /dev/null +++ b/showCaseOfProduct.html @@ -0,0 +1,246 @@ + + + + + + ShowCase Of Product + + + +

    Dyanamic Headding 7899

    +
    +
    +
    + Gender +
      +
    • Men
      • +
    • Woman
      • +
    • Unisex
      • +
    +
    +
    +
    + Category +
      +
    • T-Shirt
      • +
    • Jacket
      • + +
    +
    +
    +
    + Colore +
      +
    • Red
      • +
    • Blue
      • + +
    +
    +
    +
    + Design +
      +
    • Printed
      • +
    • Plain
      • +
    • Unisex
      • +
    + +
    +
    +
    + Sort By +
      +
    • Popular
      • +
    • New
      • +
    • Price: High To Low
      • +
    • Price: Low To High
      • +
    +
    +
    +
    +
    +
    + + + diff --git a/showCaseOfProductList.html b/showCaseOfProductList.html deleted file mode 100644 index 62e4598..0000000 --- a/showCaseOfProductList.html +++ /dev/null @@ -1,176 +0,0 @@ - - - - ShowCase Of Product - - - -

    Dyanamic Headding

    -
    -
    -

    Filter

    -

    Gender

    -
      -
    • Woman
      • -
    • Men
      • -
    • Unisex
      • -
    -

    Category

    -
      -
    • T-Shirt
      • -
    • Jacket
      • -
    -

    Size

    -
      -
    • S
      • -
    • M
      • -
    • L
      • -
    -

    Colore

    -
      -
    • Red
      • -
    • Blue
      • -
    -

    Brand

    -
      -
    • BewaKoof
      • -
    • Deyann
      • -
    -

    Sort By

    -
      -
    • Popular
      • -
    • New
      • -
    • High to Low
      • -
    • Low to High
      • -
    -
    -
    -
    - - - diff --git a/sideBar.html b/sideBar.html new file mode 100644 index 0000000..dcd215c --- /dev/null +++ b/sideBar.html @@ -0,0 +1,74 @@ + + + + + + + Document + + + + +
    + Tid +
    +
  • 1
    • +
  • 2
    • +
  • 5
    • +
  • 2
    • +
    + +
    + + From 90fee1956cf8c14ab818665010bc585e032e2dce Mon Sep 17 00:00:00 2001 From: reeteshin Date: Sat, 6 Nov 2021 19:52:35 +0530 Subject: [PATCH 4/4] update --- product.html | 103 +++++++++++++++-------------------------- showCaseOfProduct.html | 7 +-- 2 files changed, 41 insertions(+), 69 deletions(-) diff --git a/product.html b/product.html index 46f522b..f6eaa9d 100644 --- a/product.html +++ b/product.html @@ -1,70 +1,41 @@ - - - - - - Document - + - .link-container h2 { - background-color: #abd5ea; - color: #333; - font-size: 18px; - line-height: 30px; - margin: 0; - padding-left: 10px; - } + +
    + Geeks Image +
    + - .link-container ul { - font-size: 13px; - list-style-type: none; - padding-left: 0; - margin: 0; - display: none; - } - [id^=btn]:checked + ul - { - display: block; - } - - - .link-container ul li { - background-image: url("http://i.msdn.microsoft.com/dynimg/IC688534.png"); - background-repeat: no-repeat; - background-position: center left; - border-bottom: #777 1px solid; - padding-left: 20px; - line-height: 30px; - } - - .link-container ul li a { - text-decoration: none; - } - - - -
    -

    Sales Reports

    - - -
    - -
    -

    Invoice Reports

    - - -
    - diff --git a/showCaseOfProduct.html b/showCaseOfProduct.html index 252f5c3..a546a00 100644 --- a/showCaseOfProduct.html +++ b/showCaseOfProduct.html @@ -43,8 +43,8 @@ padding-right: 100px; } #rightSubDiv > img { - width: 220px; - height: 270px; + width: 250px; + height: 300px; cursor: pointer; } #rightSubDiv > img @@ -96,7 +96,7 @@ opacity: 0.5; border-radius: 50%; - transform: translate(-120%,-600%); + transform: translate(-120%,-670%); @@ -238,6 +238,7 @@

    Dyanamic Headding 7899

    var p = document.createElement("p"); p.textContent = item.name; + localStorage.setItem("porductlist",dataOfProduct) var pPrice = document.createElement("p"); pPrice.textContent = `MRP ${item.price}`; div.append(img, button, p, pPrice);