From ed0c5f783503292e1603896d9985e57867acb6c0 Mon Sep 17 00:00:00 2001 From: Lara Date: Thu, 12 Mar 2026 11:37:32 +0100 Subject: [PATCH] Erfolgs- und Fehlermeldung bei Email --- styles.css | 63 +++++++++++++++++++++++++++++++++++++++++++++++ website-lara.html | 32 ++++++++++++++++++++++-- 2 files changed, 93 insertions(+), 2 deletions(-) diff --git a/styles.css b/styles.css index a654551..01c7069 100644 --- a/styles.css +++ b/styles.css @@ -105,4 +105,67 @@ header nav a:hover { } .tile a:hover { background: #c00311; +} + +/* styles.css (weiter unten ergänzen) */ + +form { + max-width: 400px; + margin: 2rem auto; /* zentriert und etwas Abstand oben/unten */ + padding: 1rem 1.5rem; + background: #fafafa; + border: 1px solid #ddd; + border-radius: 4px; +} + +form label { + display: block; + margin-bottom: 0.5rem; + font-weight: bold; +} + +form input[type="email"] { + width: 100%; + padding: 0.5rem; + border: 1px solid #ccc; + border-radius: 4px; + box-sizing: border-box; + font-size: 1rem; + margin-bottom: 1rem; +} + +form button { + background: #e30613; + color: #fff; + border: none; + padding: 0.75rem 1.5rem; + border-radius: 4px; + cursor: pointer; + font-size: 1rem; +} + +form button:hover { + background: #c00311; +} + +/* styles.css – am Ende hinzufügen */ + +.message { + margin-top: 1rem; + padding: 0.75rem; + border-radius: 4px; + text-align: center; + font-weight: bold; +} + +.message.success { + background: #d4edda; + color: #155724; + border: 1px solid #c3e6cb; +} + +.message.error { + background: #f8d7da; + color: #721c24; + border: 1px solid #f5c6cb; } \ No newline at end of file diff --git a/website-lara.html b/website-lara.html index 49f97ad..5fe5eac 100644 --- a/website-lara.html +++ b/website-lara.html @@ -3,7 +3,7 @@ - Meine Rennrad Website + Cycle with me @@ -36,13 +36,15 @@

Willkommen

-

Diese Website dreht sich um Rennräder, Technik und Training.

+

Diese Website dreht sich um Rennräder, Technik und Training. Hier erfährst du die aktuellsten Trends und Tipps aus der Welt der Rennräder.

Beliebte Rennrad Marken

+ +
+
+ +

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