From 30fd35a734f2dcb239b43e0610ceeec615e24edd Mon Sep 17 00:00:00 2001 From: Unknown <53575465+EndlessEevee@users.noreply.github.com> Date: Sun, 5 May 2024 15:42:31 -0700 Subject: [PATCH] k --- Pages/shopconstruction.html | 185 --------------------------------- Pages/style.css | 197 +----------------------------------- 2 files changed, 1 insertion(+), 381 deletions(-) delete mode 100644 Pages/shopconstruction.html diff --git a/Pages/shopconstruction.html b/Pages/shopconstruction.html deleted file mode 100644 index e79bb4d..0000000 --- a/Pages/shopconstruction.html +++ /dev/null @@ -1,185 +0,0 @@ - - - - - - - - - - - -
-

Welcome to Our Online Shop

-
-
- Hoodie -

Hoodies - $45

- - - - -
-
- T-Shirt -

T-Shirts - $15

- - - - -
- -
-

Your Order Summary:

-

-
-
- - - -
- -
-
- - - diff --git a/Pages/style.css b/Pages/style.css index be94294..f404445 100644 --- a/Pages/style.css +++ b/Pages/style.css @@ -510,199 +510,4 @@ h2 { margin-bottom: 10vh; display: flex; justify-content: center; -} - -/* shop css */ -/* body { - font-family: Arial, sans-serif; - margin: 0; - padding: 0; - background-color: #f4f4f4; - } - - .container { - max-width: 800px; - margin: 20px auto; - padding: 20px; - background-color: #fff; - border-radius: 10px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - } - - h1 { - text-align: center; - color: #333; - } - - h2 { - margin-top: 20px; - color: #333; - } - - .products { - display: flex; - justify-content: space-between; - margin-bottom: 20px; - } - - .product { - flex-basis: 45%; - padding: 20px; - background-color: #f9f9f9; - border-radius: 10px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - } - - .product img { - max-width: 100%; - border-radius: 5px; - margin-bottom: 10px; - } - - label { - display: block; - margin-bottom: 5px; - } - - select { - width: 100%; - padding: 8px; - margin-bottom: 10px; - border-radius: 5px; - } - - input[type="number"] { - width: calc(50% - 5px); - padding: 8px; - margin-bottom: 10px; - border-radius: 5px; - } - - input[type="submit"] { - width: 100%; - padding: 10px; - background-color: #4CAF50; - color: white; - border: none; - border-radius: 5px; - cursor: pointer; - } - - input[type="submit"]:hover { - background-color: #45a049; - } - - .order-summary { - margin-top: 30px; - border-top: 1px solid #ccc; - padding-top: 20px; - } - - #order-summary { - font-weight: bold; - } - - body { - font-family: Arial, sans-serif; - margin: 0; - padding: 0; - background-color: #f4f4f4; - } - - .container { - max-width: 800px; - margin: 20px auto; - padding: 20px; - background-color: #fff; - border-radius: 10px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - } - - h1 { - text-align: center; - color: #333; - } - - h2 { - margin-top: 20px; - color: #333; - } - - .products { - display: flex; - justify-content: space-between; - margin-bottom: 20px; - } - - .product { - flex-basis: 45%; - padding: 20px; - background-color: #f9f9f9; - border-radius: 10px; - box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); - } - - .product img { - max-width: 100%; - border-radius: 5px; - margin-bottom: 10px; - } - - label { - display: block; - margin-bottom: 5px; - } - - select { - width: 100%; - padding: 8px; - margin-bottom: 10px; - border-radius: 5px; - } - - input[type="number"] { - width: calc(50% - 5px); - padding: 8px; - margin-bottom: 10px; - border-radius: 5px; - } - - input[type="submit"] { - width: 100%; - padding: 10px; - background-color: #4CAF50; - color: white; - border: none; - border-radius: 5px; - cursor: pointer; - } - - input[type="submit"]:hover { - background-color: #45a049; - } - - .order-summary { - margin-top: 30px; - border-top: 1px solid #ccc; - padding-top: 20px; - } - - #order-summary { - font-weight: bold; - } */ -/* end shop css */ -/*@-webkit-keyframes fill { - 0% { - width: 0%; - height: 1px; - } - 50% { - width: 100%; - height: 1px; - } - 100% { - width: 100%; - height: 100%; - background: rgb(163, 47, 47); - } -}*/ +} \ No newline at end of file