From 7787a323cbc2f89e49074c629a0ad91d6a73f78e Mon Sep 17 00:00:00 2001 From: JSriwongsa Date: Fri, 7 Jul 2023 15:13:27 -0500 Subject: [PATCH] updated code --- ecommerce/fashion_website/index.html | 18 +-- .../fashion_website/pages/page-category.html | 110 +++++++++++++++++- ecommerce/fashion_website/pages/page.css | 17 ++- 3 files changed, 128 insertions(+), 17 deletions(-) diff --git a/ecommerce/fashion_website/index.html b/ecommerce/fashion_website/index.html index c52d3af..15bd370 100644 --- a/ecommerce/fashion_website/index.html +++ b/ecommerce/fashion_website/index.html @@ -63,7 +63,7 @@

Clothing

+
+
+ +
+ +
+
+ +
+
+
    +
    • +
    • +
    • +
+
+
+
+

Crop Knit Turtleneck Sweater

+
+ $89.00 + +
+
+
+
+
+ +
+ +
+
+ +
+
+
    +
    • +
    • +
    • +
+
+
10% OFF
+
+
+

Neck Knitted Crop Top

+
+ $109.00 + $98.00 +
+
+
+
+
+ +
+ +
+
+ +
+
+
    +
    • +
    • +
    • +
+
+
20% OFF
+
+
+

Castleton Green Halterneck Top

+
+ $279.00 + $223.00 +
+
+
+
+
+ +
+ +
+
+ +
+
+
    +
    • +
    • +
    • +
+
+
25% OFF
+
+
+

Scoop-neck T-shirt

+
+ $99.00 + $74.00 +
+
+
@@ -475,7 +578,6 @@
$125.00 $93.00 -
diff --git a/ecommerce/fashion_website/pages/page.css b/ecommerce/fashion_website/pages/page.css index 4ff26fe..d8bfe09 100644 --- a/ecommerce/fashion_website/pages/page.css +++ b/ecommerce/fashion_website/pages/page.css @@ -634,6 +634,18 @@ form :where(input, textarea, select)::placeholder{ .summary .product-color button.color2{ background-color: #13274F; } +.summary .product-color button.color3{ + background-color: black; +} +.summary .product-color button.color4{ + background-color: whitesmoke; +} +.summary .product-color button.color5{ + background-color: #dac292; +} +.summary .product-color button.color6{ + background-color: red; +} .summary .product-color button.selected, .summary .product-color button:hover:not(.selected){ box-shadow: inset 0 0 0 1px var(--white-color); } @@ -1071,7 +1083,7 @@ form .button .secondary-btn{ .product-list li{ margin-bottom: 30px; } -.product-list .grouping{ +.product-list li .grouping{ position: relative; float: left; padding-left: 45px; @@ -1412,9 +1424,6 @@ input.checking:checked::after{ - - - @media(min-width:481px){ .product.wrapper{ --gutter:60px;