From 81808ab120a5dc604fcc1b3be9b62f8df3d0f78d Mon Sep 17 00:00:00 2001 From: rgemm Date: Thu, 10 Apr 2025 18:24:47 +0200 Subject: [PATCH 1/2] =?UTF-8?q?Hinzuf=C3=BCgen=20des=20Warenkorbs=20und=20?= =?UTF-8?q?css=20NICHT=20fertig/final?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/Warenkorb/warenkorb.html | 33 +++++++++++ public/startseite/startseite.html | 6 +- scripts/routes/other/route-index.js | 3 + static/Styles/Warenkorb/warenkorb.css | 79 +++++++++++++++++++++++++++ 4 files changed, 118 insertions(+), 3 deletions(-) create mode 100644 public/Warenkorb/warenkorb.html create mode 100644 static/Styles/Warenkorb/warenkorb.css diff --git a/public/Warenkorb/warenkorb.html b/public/Warenkorb/warenkorb.html new file mode 100644 index 0000000..1a51dd8 --- /dev/null +++ b/public/Warenkorb/warenkorb.html @@ -0,0 +1,33 @@ + + + + + Warenkorb + + + +
+

đź›’ Dein Warenkorb

+ +
+
+ Produkt 1 + +
+ +
+ +
+
+ Produkt 2 +
+ +
+ +
+
+ + +
+ + diff --git a/public/startseite/startseite.html b/public/startseite/startseite.html index 7640721..7e443f4 100644 --- a/public/startseite/startseite.html +++ b/public/startseite/startseite.html @@ -15,10 +15,10 @@

Autohändler Webshop

-
- + + 0 -
+
diff --git a/scripts/routes/other/route-index.js b/scripts/routes/other/route-index.js index 227b036..1d6c308 100644 --- a/scripts/routes/other/route-index.js +++ b/scripts/routes/other/route-index.js @@ -17,4 +17,7 @@ router.get('/registrieren', (req, res) => { res.sendFile(path.join(__dirname, '../../../public/registrieren/registrieren.html')); }) +router.get('/Warenkorb', (req, res) => { + res.sendFile(path.join(__dirname, '../../../public/warenkorb/warenkorb.html')); +}) module.exports = router; \ No newline at end of file diff --git a/static/Styles/Warenkorb/warenkorb.css b/static/Styles/Warenkorb/warenkorb.css new file mode 100644 index 0000000..b1209d4 --- /dev/null +++ b/static/Styles/Warenkorb/warenkorb.css @@ -0,0 +1,79 @@ +body { + font-family: Arial, sans-serif; + background-color: #f3f3f3; + margin: 0; + padding: 130px; +} + +.warenkorb { + max-width: 500px; + margin: 0 auto; + background: white; + padding: 120px; + border-radius: 12px; + box-shadow: 0 4px 12px rgba(0,0,0,0.1); +} + +.warenkorb h2 { + font-size: 30px; + text-align: center; + margin-bottom: 60px; +} + +.item { + display: flex; + justify-content: space-between; + align-items: center; + border-bottom: 1px solid #ddd; + padding: 10px 0; + margin-bottom: 35px; +} + +.item .info { + display: flex; + flex-direction: column; +} + +.item .name { + font-weight: bold; +} + +.item .price { + color: #555; +} + +.remove { + background-color: #ff4d4f; + border: none; + color: white; + padding: 6px 12px; + border-radius: 6px; + cursor: pointer; +} + +.remove:hover { + background-color: #e60000; +} + +.summary { + text-align: right; + font-size: 1.1em; + margin: 20px 0; +} + +.checkout { + display: block; + width: 100%; + padding: 12px; + background-color: #4CAF50; + border: none; + color: white; + font-size: 16px; + border-radius: 8px; + cursor: pointer; + margin-top: 90px; +} + +.checkout:hover { + background-color: #45a049; +} From 6783aaeb1a7efac90a3bbafe0580bbecd21ed41b Mon Sep 17 00:00:00 2001 From: Fabian Date: Mon, 14 Apr 2025 17:43:51 +0000 Subject: [PATCH 2/2] README.md aktualisiert --- README.md | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/README.md b/README.md index 11e1154..230d2a9 100644 --- a/README.md +++ b/README.md @@ -1,3 +1,3 @@ # Webshop -Webshop Autohändler \ No newline at end of file +Webshop für Modellautos \ No newline at end of file