From 8ce5a1add7d2b0aadc8cf1adbec40a8d57675dfb Mon Sep 17 00:00:00 2001 From: Tobias Date: Wed, 20 May 2026 18:49:45 +0100 Subject: [PATCH 01/43] creating form Fist name inpute element --- Form-Controls/index.html | 9 ++++++++- 1 file changed, 8 insertions(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..c8565f857 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -13,7 +13,14 @@

Product Pick

- + +
+ + + Must be at least 2 characters long +
+ From 6f1279a1a9c016354d9a968d563daf8710ea478d Mon Sep 17 00:00:00 2001 From: Tobias Date: Wed, 20 May 2026 18:53:06 +0100 Subject: [PATCH 02/43] created form last name inpute element --- Form-Controls/index.html | 8 ++++++++ 1 file changed, 8 insertions(+) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index c8565f857..1630b72cd 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -20,6 +20,14 @@

Product Pick

arial-describedby="fnameHelp" Must be at least 2 characters long + +
+ + + Must be at least 2 characters long +
+ +
+ + + Must be a valid email address +
-
+
Must be at least 2 characters long -
+ -
+
Must be at least 2 characters long -
+ -
+
Must be a valid email address -
+ +
+ + + Must be at least 8 characters long and include at least one uppercase letter, one lowercase letter, one number, and one special character +
+ +
+ + +
+ +
+ + +
+ +
+ +
- - From 7b3e78e5b03a5c3bd65ee41b7b1c7123b33d5e68 Mon Sep 17 00:00:00 2001 From: Tobias Date: Wed, 20 May 2026 20:23:06 +0100 Subject: [PATCH 07/43] writing the requirements and the foot note update --- Form-Controls/index.html | 10 +++++++--- 1 file changed, 7 insertions(+), 3 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index faf42536a..47ec5c0e1 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -68,15 +68,19 @@

Product Pick

- -
From 790019ba487dab0888d73b9ba4f49723be6d48cf Mon Sep 17 00:00:00 2001 From: Tobias Date: Wed, 20 May 2026 22:01:21 +0100 Subject: [PATCH 08/43] fixing the closing '' tag at line 65 and changing arial-describedby to aria-describedby in the fistname, last name and email, password input element --- Form-Controls/index.html | 43 +++++++++++++++++++++------------------- 1 file changed, 23 insertions(+), 20 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 47ec5c0e1..f52cd87ee 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -14,35 +14,35 @@

Product Pick

-
+
+ aria-describedby="fnameHelp" Must be at least 2 characters long -
+ -
+
+ aria-describedby="lnameHelp" Must be at least 2 characters long -
+ -
+
+ aria-describedby="emailHelp" Must be a valid email address -
+ -
+
+ aria-describedby="passwordHelp" Must be at least 8 characters long and include at least one uppercase letter, one lowercase letter, one number, and one special character -
+ -
+
-
+ -
+
-
+ + + -
- -
+
+ + + aria-describedby="lnameHelp"> Must be at least 2 characters long
+ aria-describedby="emailHelp"> Must be a valid email address
+ aria-describedby="passwordHelp"> Must be at least 8 characters long and include at least one uppercase letter, one lowercase letter, one number, and one special character
From ec3f16de2c2df9fbaf5a3544b04b2bae24438a2b Mon Sep 17 00:00:00 2001 From: Tobias Date: Wed, 20 May 2026 22:21:12 +0100 Subject: [PATCH 10/43] fix the submitt syntax with the right tags --- Form-Controls/index.html | 6 ++---- 1 file changed, 2 insertions(+), 4 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 9dcdcdcc4..0d64f45f4 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -66,11 +66,9 @@

Product Pick

-
- - From 919fac933ad2cae35f14fb27c214ca378e3312f8 Mon Sep 17 00:00:00 2001 From: Tobias Date: Wed, 20 May 2026 22:52:35 +0100 Subject: [PATCH 12/43] adding CSS internal style at the head section for the HTml elements --- Form-Controls/index.html | 53 ++++++++++++++++++++++++++++++++++++++++ 1 file changed, 53 insertions(+) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 77e555efe..443b70a1f 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -6,6 +6,59 @@ My form exercise +
From d0ee844915578ab20cc540e74503f5e3caedf733 Mon Sep 17 00:00:00 2001 From: Tobias Date: Sun, 24 May 2026 23:03:59 +0100 Subject: [PATCH 13/43] H2 heading for the purposte of Readme added --- Wireframe/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..228e6b64f 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -16,7 +16,7 @@

Wireframe

-

Title

+

Purpose of Readme File

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptates. Quisquam, voluptates. From b0950840af2e191095edded0f6c596c3ec8c8160 Mon Sep 17 00:00:00 2001 From: Tobias Date: Fri, 29 May 2026 13:24:12 +0100 Subject: [PATCH 14/43] developing the first paragraph explaing the purpose of the article --- Wireframe/index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 228e6b64f..d09de1690 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -10,7 +10,8 @@

Wireframe

- This is the default, provided code and no changes have been made yet. + An Article about the purpose of a readme file ,and a wireframe, + and also on what a Git branch is and how to use it.

From ce75878926543289bc2722682bad032f522d54e3 Mon Sep 17 00:00:00 2001 From: Tobias Date: Fri, 29 May 2026 13:27:10 +0100 Subject: [PATCH 15/43] write the heading of the first article 'readme file' on the h2 element --- Wireframe/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index d09de1690..268f350af 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -17,7 +17,7 @@

Wireframe

-

Purpose of Readme File

+

What is the Purpose of a Readme File?

Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, voluptates. Quisquam, voluptates. From 594d4e53ae3f1bb42dfa5f59eab8ac3801038176 Mon Sep 17 00:00:00 2001 From: Tobias Date: Fri, 29 May 2026 13:32:44 +0100 Subject: [PATCH 16/43] Writing the summary of the Readme article in the first patagraph --- Wireframe/index.html | 5 +++-- 1 file changed, 3 insertions(+), 2 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 268f350af..5b796c5e3 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -19,8 +19,9 @@

Wireframe

What is the Purpose of a Readme File?

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + The purpose of a readme file is to provide, + information about a project, + and can be summarized under these headings below.

Read more
From 53c773fa1c7bf5b6f7947a5cd5ad40349a138235 Mon Sep 17 00:00:00 2001 From: Tobias Date: Fri, 29 May 2026 13:37:32 +0100 Subject: [PATCH 17/43] adding the orderd list element for the summary headings --- Wireframe/index.html | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/Wireframe/index.html b/Wireframe/index.html index 5b796c5e3..2e505378b 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -23,6 +23,18 @@

What is the Purpose of a Readme File?

information about a project, and can be summarized under these headings below.

+
    +
  1. Project Overview
  2. + +
  3. Installation Instructions
  4. + +
  5. Usage Guidelines
  6. + +
  7. Usage Examples
  8. + +
  9. Contributing Guidelines
  10. + +
Read more
From 43112ebc4365564f19725dd0d37b3f34ac8a0772 Mon Sep 17 00:00:00 2001 From: Tobias Date: Fri, 29 May 2026 13:39:42 +0100 Subject: [PATCH 18/43] adding more explanation to each item in the list --- Wireframe/index.html | 12 ++++++++++++ 1 file changed, 12 insertions(+) diff --git a/Wireframe/index.html b/Wireframe/index.html index 2e505378b..7684048f1 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -35,6 +35,18 @@

What is the Purpose of a Readme File?

  • Contributing Guidelines
  • +

    It gives a clear overview of what the project does and why it exists. + This helps users immediately understand the purpose.

    +

    It provides step-by-step instructions on how to install and set up the project, + making it easier for users to get started.

    +

    It offers guidance on how to use the project effectively, + including examples and best practices.

    +

    It provides practical examples + of how to use the project in real-world scenarios.

    +

    It outlines the process for + contributing to the project, + including code style guidelines + and pull request procedures.

    Read more
    From 76c09d215f03267f106e86734d0d9c80814a1258 Mon Sep 17 00:00:00 2001 From: Tobias Date: Fri, 29 May 2026 13:41:09 +0100 Subject: [PATCH 19/43] providing absolute path to the read more link elemnet --- Wireframe/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 7684048f1..0cdd14e4a 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -47,7 +47,7 @@

    What is the Purpose of a Readme File?

    contributing to the project, including code style guidelines and pull request procedures.

    - Read more + Read more