From 6cc6a12b6f36a15348a8dae822a251f48ac0281d Mon Sep 17 00:00:00 2001 From: beny25585 Date: Sun, 16 Nov 2025 21:04:05 +0200 Subject: [PATCH 01/16] cleaning and adding css --- .../index.html | 82 ++++++++----------- .../style.css | 8 ++ 2 files changed, 40 insertions(+), 50 deletions(-) create mode 100644 newsletter-sign-up-with-success-message-main/style.css diff --git a/newsletter-sign-up-with-success-message-main/index.html b/newsletter-sign-up-with-success-message-main/index.html index 8e7329b..66aeef9 100644 --- a/newsletter-sign-up-with-success-message-main/index.html +++ b/newsletter-sign-up-with-success-message-main/index.html @@ -1,52 +1,34 @@ - - - - - - - Frontend Mentor | Newsletter sign-up form with success message - - - - - - - - - Stay updated! - - Join 60,000+ product managers receiving monthly updates on: - - Product discovery and building what matters - Measuring to ensure updates are a success - And much more! - - Email address - email@company.com - - Subscribe to monthly newsletter - - - - - - Thanks for subscribing! - - A confirmation email has been sent to ash@loremcompany.com. - Please open it and click the button inside to confirm your subscription. - - Dismiss message - - - -
- Challenge by Frontend Mentor. - Coded by Your Name Here. -
- - \ No newline at end of file + + + + + + + + + Frontend Mentor | Newsletter sign-up form with success message + + + + + + + Stay updated! Join 60,000+ product managers receiving monthly updates on: + Product discovery and building what matters Measuring to ensure updates are + a success And much more! Email address email@company.com Subscribe to + monthly newsletter + + + Thanks for subscribing! A confirmation email has been sent to + ash@loremcompany.com. Please open it and click the button inside to confirm + your subscription. Dismiss message + + + diff --git a/newsletter-sign-up-with-success-message-main/style.css b/newsletter-sign-up-with-success-message-main/style.css new file mode 100644 index 0000000..492a89f --- /dev/null +++ b/newsletter-sign-up-with-success-message-main/style.css @@ -0,0 +1,8 @@ +body{ + font-family: Arial, sans-serif; + background-color: #f4f4f4; + margin: 0; + padding: 0; + width: 100%; + height: 100%; +} \ No newline at end of file From 1db109939e03260bf982b4eedadd8ffd9c317871 Mon Sep 17 00:00:00 2001 From: beny25585 Date: Sun, 16 Nov 2025 22:48:37 +0200 Subject: [PATCH 02/16] ading titel and photos --- .../index.html | 43 +++++++++++++------ .../style.css | 42 +++++++++++++++--- 2 files changed, 65 insertions(+), 20 deletions(-) diff --git a/newsletter-sign-up-with-success-message-main/index.html b/newsletter-sign-up-with-success-message-main/index.html index 66aeef9..d83427c 100644 --- a/newsletter-sign-up-with-success-message-main/index.html +++ b/newsletter-sign-up-with-success-message-main/index.html @@ -17,18 +17,35 @@ - - - - Stay updated! Join 60,000+ product managers receiving monthly updates on: - Product discovery and building what matters Measuring to ensure updates are - a success And much more! Email address email@company.com Subscribe to - monthly newsletter - - - Thanks for subscribing! A confirmation email has been sent to - ash@loremcompany.com. Please open it and click the button inside to confirm - your subscription. Dismiss message - + + + + + + diff --git a/newsletter-sign-up-with-success-message-main/style.css b/newsletter-sign-up-with-success-message-main/style.css index 492a89f..ed88660 100644 --- a/newsletter-sign-up-with-success-message-main/style.css +++ b/newsletter-sign-up-with-success-message-main/style.css @@ -1,8 +1,36 @@ -body{ - font-family: Arial, sans-serif; - background-color: #f4f4f4; - margin: 0; - padding: 0; - width: 100%; - height: 100%; +body { + font-family: Arial, sans-serif; + background-color: #f4f4f4; + margin: 0; + padding: 0; + width: 100vw; + height: 100vh; + display: flex; + align-items: center; + justify-content: center; +} + +.sign-up-box { + background-color: aqua; + display: flex; + flex-direction: row; + align-items: center; + justify-content: space-evenly; + height: 80vh; + width: 70vw; + border-radius: 20px; +} +h1{ + font-size: 3rem; +} + +.sign-up-box img { + height: 75vh; + border-top-left-radius: 10px; + border-bottom-left-radius: 10px; +} + +.checkMarks img{ + height: 10px; + width: 10px; } \ No newline at end of file From 1e512af7c84a9cb429184e1638dfbbba3082a26f Mon Sep 17 00:00:00 2001 From: beny25585 Date: Sun, 16 Nov 2025 23:45:28 +0200 Subject: [PATCH 03/16] adding email and subscribe button --- .../index.html | 36 ++++++---- .../style.css | 65 +++++++++++++++---- 2 files changed, 76 insertions(+), 25 deletions(-) diff --git a/newsletter-sign-up-with-success-message-main/index.html b/newsletter-sign-up-with-success-message-main/index.html index d83427c..6cc1940 100644 --- a/newsletter-sign-up-with-success-message-main/index.html +++ b/newsletter-sign-up-with-success-message-main/index.html @@ -18,22 +18,30 @@