From 5e8138b1e3dd30180bcaef45108be4ac2591d0b1 Mon Sep 17 00:00:00 2001 From: Ofekzalt Date: Mon, 17 Nov 2025 22:16:48 +0200 Subject: [PATCH] final desgin --- .../css/index.css | 61 +++++++++++++++++++ .../index.html | 48 ++++++--------- 2 files changed, 79 insertions(+), 30 deletions(-) create mode 100644 newsletter-sign-up-with-success-message-main/css/index.css diff --git a/newsletter-sign-up-with-success-message-main/css/index.css b/newsletter-sign-up-with-success-message-main/css/index.css new file mode 100644 index 0000000..7bceca5 --- /dev/null +++ b/newsletter-sign-up-with-success-message-main/css/index.css @@ -0,0 +1,61 @@ +body{ + display: flex; + justify-content: center; + align-items: center; + background-color: hsl(235, 18%, 26%); + height:100vh; +} +#container{ + background-color: white; + height: 60vh; + width: 55vw; + border-radius: 25px; + display:flex; + justify-content: space-between; + padding: 4vh; +} +.text{ + width:25vw; + display:flex; + flex-direction: column; + font-family: Roboto ,Arial; + font-size: 16px; + font-weight: 400; + margin-left: 2vw; + color:hsl(0, 0%,58%); +} +.icon-picture{ + margin-right: 1vw; + height:16px; +} +#submit-button{ + margin-top: 2vh; + background-color: hsl(234, 29%, 20%); + color: hsl(0, 0%, 100%); + padding: 1.5vh; + border-radius: 5px; + font-weight: 700; + +} +#email-label{ + color:hsl(234, 29%, 20%); + font-weight: 700; + font-size: 12px; + padding-bottom:1vh; +} +#headline{ + color:hsl(234, 29%, 20%); + font-weight: 700; + font-size: 40px; + margin-bottom: 2vh; + +} +#text-with-images{ + padding-bottom: 2vh; +} +#email-input{ + padding:2vh; + border-radius: 5px; + border: 1px solid rgb(210, 209, 209); + +} \ No newline at end of file diff --git a/newsletter-sign-up-with-success-message-main/index.html b/newsletter-sign-up-with-success-message-main/index.html index 8e7329b..90ac81f 100644 --- a/newsletter-sign-up-with-success-message-main/index.html +++ b/newsletter-sign-up-with-success-message-main/index.html @@ -5,48 +5,36 @@ + Frontend Mentor | Newsletter sign-up form with success message - - - +
+
+

Stay updated!

- 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 + Join 60,000+ product managers receiving monthly updates on: +
+

icon-listProduct discovery and building what matters

+

icon-listMeasuring to ensure updates are a success

+

icon-listAnd much more!

+
+ - + + - + - 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