From 760af319428bbfbee3b5e4e99ff6b0b3b2ab7e43 Mon Sep 17 00:00:00 2001 From: Auba Fuster Date: Wed, 17 Jan 2024 01:43:00 +0100 Subject: [PATCH 1/2] implementation of html structure and css styles of form --- iron-comments/index.html | 20 ++++++++++++- iron-comments/styles/style.css | 54 +++++++++++++++++++++++++++++++++- 2 files changed, 72 insertions(+), 2 deletions(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index 415101d..b870094 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -9,11 +9,29 @@ +
- Name: Email: Comment: Receive email updates? Submit + +
+ +
+ +
+ +
+ +
+ +
+ + +
+ +
+ \ No newline at end of file diff --git a/iron-comments/styles/style.css b/iron-comments/styles/style.css index 1a9004d..931665d 100644 --- a/iron-comments/styles/style.css +++ b/iron-comments/styles/style.css @@ -3,9 +3,61 @@ body { margin: 0; padding-top: 100px; width: 100vw; + background-color: rgb(25, 33, 41); } #form-container { - margin: auto; + margin: 0 auto; + width: 250px; + padding: 30px 65px 25px 25px; + border: 3px solid rgb(67, 163, 230); + border-radius: 1%; + +} + +label { + color: white; + font-family: 'Times New Roman', Times, serif; + font-size: 22px; + font-weight: 600; +} + +input[type="text"], input[type="email"] { + border: 2px solid rgb(67, 163, 230); + border-radius: 5%; + margin-top: 4px; + margin-bottom: 4px; + height: 25px; + width: 238px +} + +textarea { + border: 2px solid rgb(67, 163, 230); + border-radius: 1%; + margin-top: 4px; + +} + +input[type="checkbox"] +{ + height: 16px; + width: 16px; +} + +button { + border-radius: 12px; + border: none; + color: white; + background-color: rgb(67, 163, 230); + height: 35px; + width: 70px; + text-align: center; + color: white; + font-family: 'Calibri'; + letter-spacing: -1px; + font-size: 22px; + font-weight: 100; + margin-top: 4px; + } From b7e6aee08017486c5af81e6b1806d58023070ae2 Mon Sep 17 00:00:00 2001 From: Auba Fuster Date: Wed, 17 Jan 2024 01:53:19 +0100 Subject: [PATCH 2/2] changing button type to submit in order to check the navtive input type validation of html (e.g. in mail) --- iron-comments/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/iron-comments/index.html b/iron-comments/index.html index b870094..dc07331 100644 --- a/iron-comments/index.html +++ b/iron-comments/index.html @@ -28,7 +28,7 @@
- +