From 3a7bb2362698be7d0d419fbbd86b93a519222a1c Mon Sep 17 00:00:00 2001 From: DK Date: Wed, 2 Oct 2024 10:09:36 +0530 Subject: [PATCH 1/7] improved design of cart page. --- .vscode/settings.json | 3 + Html-files/cart.html | 742 +++++++++++++++++++++++------------------- 2 files changed, 419 insertions(+), 326 deletions(-) create mode 100644 .vscode/settings.json diff --git a/.vscode/settings.json b/.vscode/settings.json new file mode 100644 index 00000000..6f3a2913 --- /dev/null +++ b/.vscode/settings.json @@ -0,0 +1,3 @@ +{ + "liveServer.settings.port": 5501 +} \ No newline at end of file diff --git a/Html-files/cart.html b/Html-files/cart.html index 8ae6e60b..bf2a0005 100644 --- a/Html-files/cart.html +++ b/Html-files/cart.html @@ -1,332 +1,420 @@ - - - - Retro - - - - - - - - - - - - + + th { + border: none; + background: #9f2222; + font-weight: 700; + font-size: 30px; + border-radius: 10px; + padding: 5px; + color: white; + margin-bottom: 15px; + } + + td { + border: none; + } + + .decrease-quantity { + padding-inline: 10px; + background: #1454f7; + border: none; + border-radius: 2px; + font-size: 20px; + font-weight: 500; + color: #cbf7e3; + } + + .increase-quantity { + padding-inline: 10px; + background: #1454f7; + border: none; + border-radius: 2px; + font-size: 20px; + font-weight: 500; + color: #cbf7e3; + } + + #cart-total { + background: #3bfad4; + padding: 10px; + border-radius: 10px; + font-weight: 600; + } + + #bill-amount { + background: #3bfad4; + padding: 10px; + border-radius: 10px; + } +
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
-
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+
+ +
+ +
+

C A R T

-
-
- -
- -
-

C A R T

-
-
- -
-
Use coupon code 3p9xLnDE for 30% off!
- -
- - - - - - - - - - + + +
+
Use coupon code + 3p9xLnDE for 30% off!
+ +
+
Item NamePriceQuantityActions
+ + + + + + + + + + - - - - - - - - -
Item NamePriceQuantityActions
Dessert $10.20 1 - - + +
Bill amount -
Total: $10.20
-
+ + + + + Bill amount + +
Total: $10.20
+ + + -
+ + +
- - + + -