From 5724cad0ca761a0f0689d7041a18dd3e7c8ed87b Mon Sep 17 00:00:00 2001 From: Your Namepmd Date: Sun, 23 Apr 2023 19:03:13 +0200 Subject: [PATCH 1/4] add solution --- .linthtmlrc.json | 48 +++++++++++++++++- src/index.html | 123 +++++++++++++++++++++++++++++++++++++++++++++++ src/style.css | 11 +++++ 3 files changed, 181 insertions(+), 1 deletion(-) diff --git a/.linthtmlrc.json b/.linthtmlrc.json index 0f2047a7..774726eb 100644 --- a/.linthtmlrc.json +++ b/.linthtmlrc.json @@ -1,3 +1,49 @@ { - "extends": "@mate-academy/linthtml-config" + "attr-bans": [ + "align", + "background", + "bgcolor", + "border", + "frameborder", + "style" + ], + "attr-name-ignore-regex": "viewBox", + "attr-no-dup": true, + "attr-quote-style": "double", + "attr-req-value": true, + "class-no-dup": true, + "doctype-first": true, + "doctype-html5": true, + "fig-req-figcaption": true, + "head-req-title": true, + "html-req-lang": true, + "id-class-style": false, + "id-no-dup": true, + "img-req-src": true, + "img-req-alt": "allownull", + "indent-width": 2, + "indent-style": "spaces", + "indent-width-cont": true, + "input-radio-req-name": true, + "spec-char-escape": true, + "tag-bans": [ + "b", + "i", + "u", + "center", + "style", + "marquee", + "font", + "s" + ], + "tag-name-lowercase": true, + "tag-name-match": true, + "tag-self-close": "never", + "tag-close": true, + "text-ignore-regex": "&", + "title-no-dup": true, + "line-end-style": "lf", + "attr-new-line": 2, + "attr-name-style": "dash", + "attr-no-unsafe-char": true } diff --git a/src/index.html b/src/index.html index 3348db1c..e65b5490 100644 --- a/src/index.html +++ b/src/index.html @@ -13,5 +13,128 @@

HTML Form

+
+
+ Personal information +
+ Surname: + +
+
+ Name: + +
+
+ How old are You? + +
+
+ Full date of birth: + +
+
+ I accept the term of agreement + +
+
+ + +
+ Registration +
+ E-Mail: + +
+
+ Password: + +
+
+
+ An interesting facts about you! +
+ Do you like cats? + + + +
+
+ What`s your favorite color? + +
+
+ What time you go to bed? + +
+
+ +
+
+ +
+
+ +
+ Additional info: + +
+ +
diff --git a/src/style.css b/src/style.css index c4301db2..30af2c45 100644 --- a/src/style.css +++ b/src/style.css @@ -1 +1,12 @@ /* styles go here */ +input { + margin: 10px 0; +} + +fieldset { + margin: 20px 0; +} + +.favorite_car { + display: inline-block; +} From 4133bc9ce784bec8d049a56b70ced616e0285427 Mon Sep 17 00:00:00 2001 From: Your Namepmd Date: Sun, 23 Apr 2023 20:08:57 +0200 Subject: [PATCH 2/4] fix brackets --- src/index.html | 94 +++++++++++++++++++++++++++++++++----------------- 1 file changed, 62 insertions(+), 32 deletions(-) diff --git a/src/index.html b/src/index.html index e65b5490..936e8bf4 100644 --- a/src/index.html +++ b/src/index.html @@ -18,37 +18,52 @@

HTML Form

Personal information
Surname: - + autocomplete="off" + >
Name: - + autocomplete="off" + >
How old are You? - + max="100" + >
-
+
Full date of birth: - +
-
+
I accept the term of agreement - + value="agree" + >
@@ -57,14 +72,18 @@

HTML Form

Registration
E-Mail: - + required + >
Password: - +
@@ -72,48 +91,59 @@

HTML Form

Do you like cats?
What`s your favorite color? - +
What time you go to bed? - +
From 7a56e5b994b6d4ad3ee8791ac844e82637417459 Mon Sep 17 00:00:00 2001 From: Your Namepmd Date: Mon, 24 Apr 2023 19:39:45 +0200 Subject: [PATCH 3/4] final solution --- src/index.html | 217 +++++++++++++++++++++++-------------------------- src/style.css | 13 +-- 2 files changed, 110 insertions(+), 120 deletions(-) diff --git a/src/index.html b/src/index.html index 936e8bf4..b3f59b0e 100644 --- a/src/index.html +++ b/src/index.html @@ -1,170 +1,159 @@ - + - + - HTML Form - + The form + -

HTML Form

- -
-
+ +
Personal information -
+
-
+ +
-
- How old are You? + +
-
+ +
-
- I accept the term of agreement + +
+
- -
+
Registration -
- E-Mail: +
-
+ +
+
-
- An interesting facts about you! -
- Do you like cats? - - -
-
- What`s your favorite color? +
+ An interesting fact about you! +
-
- What time you go to bed? + Yes + + No + + + + +
-
- -
-
- -
+
-
+
Additional info: -
- + + diff --git a/src/style.css b/src/style.css index 30af2c45..29a9a957 100644 --- a/src/style.css +++ b/src/style.css @@ -1,12 +1,13 @@ /* styles go here */ -input { - margin: 10px 0; +.label { + display: block; + margin-bottom: 10px; } -fieldset { - margin: 20px 0; +.label:last-child { + margin-bottom: 0; } -.favorite_car { - display: inline-block; +.fs1 { + margin-bottom: 20px; } From 237f25e8af43c83359a589d30f8120337dec96dc Mon Sep 17 00:00:00 2001 From: Your Namepmd Date: Wed, 26 Apr 2023 17:13:20 +0200 Subject: [PATCH 4/4] probably final solution --- src/index.html | 295 ++++++++++++++++++++++++++++--------------------- src/style.css | 8 +- 2 files changed, 172 insertions(+), 131 deletions(-) diff --git a/src/index.html b/src/index.html index b3f59b0e..3f022f91 100644 --- a/src/index.html +++ b/src/index.html @@ -12,145 +12,186 @@ method="POST" action="https://mate-academy-form-lesson.herokuapp.com/create-application" > -
+
Personal information - - - - - +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
-
+
Registration - - +
+ +
+ +
+ +
-
+
An interesting fact about you! - - - - - +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
+ +
-
+ +
Additional info: - -
- diff --git a/src/style.css b/src/style.css index 29a9a957..faf37476 100644 --- a/src/style.css +++ b/src/style.css @@ -4,10 +4,10 @@ margin-bottom: 10px; } -.label:last-child { - margin-bottom: 0; +fieldset { + margin-bottom: 20px; } -.fs1 { - margin-bottom: 20px; +.label:last-child { + margin-bottom: 0; }