From 3e0a90756fcd0dceec539d9b015023e7bf8ba642 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Sat, 30 May 2026 13:51:44 +0100 Subject: [PATCH 01/25] I added my name to html --- Form-Controls/index.html | 9 +++++---- 1 file changed, 5 insertions(+), 4 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..2dc1a3e88 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -3,13 +3,13 @@ - My form exercise + My form control exercise - +
-

Product Pick

+

@@ -21,7 +21,8 @@

Product Pick

+ "" \ No newline at end of file From a00382e2916ed6b2fa756c98e4aac7b38fb9888c Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Wed, 3 Jun 2026 12:53:02 +0100 Subject: [PATCH 02/25] form control initial version --- Form-Controls/index.html | 113 ++++++++++++++++++++++++++++++--------- 1 file changed, 89 insertions(+), 24 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 2dc1a3e88..5e9c32e85 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,28 +1,93 @@ - - - - My form control exercise - - - - -
-

-
-
- - - + - -
-
- -

By mandip work

-
- - - "" \ No newline at end of file +
+ + +
+
+ + +
+
+ + +
+
+ Please select your color + + + + + + + + +
+ Please select a size + +
+ + +
+ +
+ + +
+

By Mandip

+
+ + + \ No newline at end of file From bd4b9d4cadee8f571f744ac3456373d6f8a0a46d Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Wed, 3 Jun 2026 13:02:59 +0100 Subject: [PATCH 03/25] fix name input --- Form-Controls/index.html | 30 ++---------------------------- 1 file changed, 2 insertions(+), 28 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 5e9c32e85..7704ceff5 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -8,27 +8,6 @@ - @@ -38,14 +17,9 @@

- - -
- - + +
From 3d5a05603a1bd975016424bfbadf1b77f64ea560 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Wed, 3 Jun 2026 14:19:34 +0100 Subject: [PATCH 04/25] add pattern validation --- Form-Controls/index.html | 23 +++++++---------------- 1 file changed, 7 insertions(+), 16 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 7704ceff5..79c6f1bc0 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -16,14 +16,10 @@

-
+
- - -
-
- - + +
@@ -31,16 +27,11 @@

Please select your color - - - + - - - + + +
Please select a size From 11f94cf632204b12154b6e044e3f4efb65eb33a5 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Thu, 4 Jun 2026 13:38:52 +0100 Subject: [PATCH 05/25] fix errors --- Wireframe/index.html | 32 +++++++++++++++++++++++--------- 1 file changed, 23 insertions(+), 9 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..9e3c7391b 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -10,23 +10,37 @@

Wireframe

- This is the default, provided code and no changes have been made yet. -

+ Articles

-
- -

Title

+
+

A

+

+ A README file is a text document which provides a clear and concise description of all relevant details about data collection, processing, analysis, and naming convention. It should be easy to write and easy to read in order to be understandable by yourself and others in the future. + +

+ Read more
+
+

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. +

- Read more + Read more +
+
+ +

+

+

+

- This is the default, provided code and no changes have been made yet. + Wireframe project by Mandip Sanger. This project is a simple demonstration of how to create a wireframe for a website using HTML and CSS.

From 3fb677047054215a8db300d1ed8da02075aa5365 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Fri, 5 Jun 2026 17:23:00 +0100 Subject: [PATCH 06/25] fix errors --- Form-Controls/index.html | 80 ++++++++++++++++++++-------------------- 1 file changed, 40 insertions(+), 40 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 79c6f1bc0..d20ca2c98 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -8,51 +8,51 @@ - -

- - -
- - -
-
- - -
-
- Please select your color - - - - - - -
- Please select a size - -
- - -
- -
- +
+
+ + +
+ +
+ + +
+ +
+ Please select your color + + + + + + + + + +
+ +
+

Please select a size

+ + + +
+ + +
-
-

By Mandip

-
+
From control by Mandip sanger
- \ No newline at end of file From ac42a05eaf41cffb6be2366c2822259c31a0af60 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Sat, 6 Jun 2026 15:27:59 +0100 Subject: [PATCH 07/25] remove action in form --- Form-Controls/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index d20ca2c98..0747e59da 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -13,7 +13,7 @@

-
+
Date: Mon, 8 Jun 2026 21:32:00 +0100 Subject: [PATCH 08/25] add style sheet --- Form-Controls/style.css | 88 +++++++++++++++++++++++++++++++++++++++++ 1 file changed, 88 insertions(+) create mode 100644 Form-Controls/style.css diff --git a/Form-Controls/style.css b/Form-Controls/style.css new file mode 100644 index 000000000..819e98a8a --- /dev/null +++ b/Form-Controls/style.css @@ -0,0 +1,88 @@ +header { + background-color: #1f4e79; + color: white; + text-align: center; + padding: 20px; +} +h1 { + margin: 0; +} +fieldset { + margin-bottom: 20px; + padding: 15px; + border: 1px solid #bbb; + border-radius: 4px; +} +legend { + font-weight: bold; + padding: 05px; +} + +fieldset input[type="radio"] { + margin-right: 5px; +} + +fieldset label { + display: inline; + margin-right: 15px; + font-weight: normal; +} + +body { + font-family: Arial, sans-serif; + background-color: #f5f7fa; + margin: 0; + padding: 0; + color: #333; +} +main { + display: flex; + justify-content: center; + padding: 30px 15px; +} +form { + background-color: white; + padding: 25px; + width: 100%; + max-width: 500px; + border-radius: 8px; + box-shadow: 0 2px 8px rgba(0, 0, 0, 0.15); +} +div { + margin-bottom: 20px; +} +label { + display: flex; + margin-bottom: 5px; + font-weight: bold; +} +input[type="text"], +input[type="email"], +select { + width: 100%; + padding: 10px; + border: 1px solid #bbb; + border-radius: 4px; + font-size: 1rem; +} +input[type="submit"] { + width: 100%; + background-color: #1f4e79; + color: white; + border: none; + padding: 12px; + border-radius: 4px; + font-size: 1rem; + cursor: pointer; +} + +input[type="submit"]:hover { + background-color: #163b5c; +} +footer { + text-align: center; + background-color: #1f4e79; + color: white; + padding: 15px; + margin-top: 20px; +} \ No newline at end of file From 9171f0ee3a229c4f2acb714dff9d37ea358cf7af Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Mon, 8 Jun 2026 21:47:28 +0100 Subject: [PATCH 09/25] change color --- Form-Controls/style.css | 8 ++++---- 1 file changed, 4 insertions(+), 4 deletions(-) diff --git a/Form-Controls/style.css b/Form-Controls/style.css index 819e98a8a..29057b512 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -1,5 +1,5 @@ header { - background-color: #1f4e79; + background-color: #17d0ba75; color: white; text-align: center; padding: 20px; @@ -67,7 +67,7 @@ select { } input[type="submit"] { width: 100%; - background-color: #1f4e79; + background-color: #17d0ba75; color: white; border: none; padding: 12px; @@ -77,11 +77,11 @@ input[type="submit"] { } input[type="submit"]:hover { - background-color: #163b5c; + background-color: #17d0ba75; } footer { text-align: center; - background-color: #1f4e79; + background-color:#17d0ba75; color: white; padding: 15px; margin-top: 20px; From a38473332efcb0359bf7395ef2c9dc61aea5321e Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Tue, 9 Jun 2026 13:08:57 +0100 Subject: [PATCH 10/25] fix errors --- Form-Controls/index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 0747e59da..562bcbaf7 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -5,6 +5,7 @@ My form control + From 4c7d7623d8cbe149e04579d54ba0f72d887d4121 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Tue, 9 Jun 2026 13:10:38 +0100 Subject: [PATCH 11/25] final version --- Form-Controls/index.html | 3 ++- 1 file changed, 2 insertions(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 562bcbaf7..4eebf0d6b 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,6 +1,7 @@ - + From b091bfa8352f057591dbd8e770fdd43445565783 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Wed, 10 Jun 2026 12:02:45 +0100 Subject: [PATCH 12/25] final version with correction --- Form-Controls/index.html | 2 +- Form-Controls/style.css | 5 ++ Wireframe/index.html | 103 ++++++++++++++++++++++----------------- 3 files changed, 64 insertions(+), 46 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 4eebf0d6b..10d25898b 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -6,7 +6,7 @@ My form control - + diff --git a/Form-Controls/style.css b/Form-Controls/style.css index 29057b512..78bbf044e 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -1,3 +1,8 @@ +user +allow/* + { + box-sizing: border-box; +} header { background-color: #17d0ba75; color: white; diff --git a/Wireframe/index.html b/Wireframe/index.html index 9e3c7391b..5afc3027e 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,47 +1,60 @@ - - - - Wireframe - - - -
-

Wireframe

-

- Articles

-
-
- - - -
-
-

- Wireframe project by Mandip Sanger. This project is a simple demonstration of how to create a wireframe for a website using HTML and CSS. -

-
- - + + + + + My form control + + + + + + +
+

+
+
+ +
+ + +
+ +
+ + +
+ +
+ Please select your color + + + + + + + + + +
+ +
+

Please select a size

+ + + +
+ + + +
+
From control by Mandip sanger
+ + \ No newline at end of file From 4bee0918c4cf0921b9979ad38ab7b5f8ac08f5da Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Wed, 10 Jun 2026 12:12:23 +0100 Subject: [PATCH 13/25] fix file locking errors --- Form-Controls/index.html | 2 +- Form-Controls/style.css | 13 ++++--------- 2 files changed, 5 insertions(+), 10 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 10d25898b..4eebf0d6b 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -6,7 +6,7 @@ My form control - + diff --git a/Form-Controls/style.css b/Form-Controls/style.css index 78bbf044e..8f17face3 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -1,10 +1,5 @@ -user -allow/* - { - box-sizing: border-box; -} header { - background-color: #17d0ba75; + background-color: #49bb93; color: white; text-align: center; padding: 20px; @@ -72,7 +67,7 @@ select { } input[type="submit"] { width: 100%; - background-color: #17d0ba75; + background-color: #49bb93; color: white; border: none; padding: 12px; @@ -82,11 +77,11 @@ input[type="submit"] { } input[type="submit"]:hover { - background-color: #17d0ba75; + background-color: #49bb93; } footer { text-align: center; - background-color:#17d0ba75; + background-color: #49bb93; color: white; padding: 15px; margin-top: 20px; From fea1e89e8b260e991b79447d18d1317e42ff7378 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Wed, 10 Jun 2026 12:30:18 +0100 Subject: [PATCH 14/25] fix revert wireframes html file --- Wireframe/index.html | 89 +++++++++++++++----------------------------- 1 file changed, 31 insertions(+), 58 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 5afc3027e..0e014e535 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,60 +1,33 @@ - - - - - My form control - - - - - - -
-

-
-
-
-
- - -
- -
- - -
- -
- Please select your color - - - - - - - - - -
- -
-

Please select a size

- - - -
- - -
-
-
From control by Mandip sanger
- - \ No newline at end of file + + + + Wireframe + + + +
+

Wireframe

+

+ This is the default, provided code and no changes have been made yet. +

+
+
+ +
+
+

+ This is the default, provided code and no changes have been made yet. +

+
+ + From 110cfc5e645f80cc2a36603c7a3e647f3040c02e Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Wed, 10 Jun 2026 16:45:45 +0100 Subject: [PATCH 15/25] add h1 and fix errors --- Form-Controls/index.html | 122 ++++++++++++++++++++------------------- 1 file changed, 63 insertions(+), 59 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 4eebf0d6b..d2495cfd8 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,60 +1,64 @@ - + - - - - - My form control - - - - - -
-

-
-
-
-
- - -
- -
- - -
- -
- Please select your color - - - - - - - - - -
- -
-

Please select a size

- - - -
- - -
-
-
From control by Mandip sanger
- - \ No newline at end of file + + + + + My form control + + + + + +
+

Product Pick

+
+
+
+
+ + +
+ +
+ + +
+ +
+ Please select your color + + + + + + + + + +
+ +
+

Please select a size

+ + + +
+ + +
+
+
From control by Mandip sanger
+ + + From 40013cbbb73022595845c2e377ea7e8154e39dae Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Wed, 10 Jun 2026 17:01:43 +0100 Subject: [PATCH 16/25] fix form elements --- Form-Controls/index.html | 21 +++++++++++---------- 1 file changed, 11 insertions(+), 10 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index d2495cfd8..b23e7abf0 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -15,20 +15,20 @@

Product Pick

-
+
+ Personal Information -
- -
- -
+ +
Please select your color @@ -43,17 +43,18 @@

Product Pick

-
-

Please select a size

+
+ Please select a size - + -
+ From bc41e3d6d3c7225548196bdb0aaf3c70c11c1d21 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Fri, 12 Jun 2026 14:11:58 +0100 Subject: [PATCH 17/25] fix colour input --- Form-Controls/index.html | 16 ++++++++++++++-- 1 file changed, 14 insertions(+), 2 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index b23e7abf0..eb93d1917 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -33,10 +33,22 @@

Product Pick

Please select your color - + - + From bde7096864d765b7b5ee3c8927c56ede568f2c33 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Fri, 12 Jun 2026 16:48:01 +0100 Subject: [PATCH 18/25] fix html tag --- Form-Controls/index.html | 1 - 1 file changed, 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index eb93d1917..6cdcc0acd 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,6 +1,5 @@ - From e6e092cc23a2715be5d1b71242756b422f7eb686 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Fri, 12 Jun 2026 17:01:36 +0100 Subject: [PATCH 19/25] Add xl and xxl --- Form-Controls/index.html | 2 ++ 1 file changed, 2 insertions(+) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 6cdcc0acd..bd042d9ac 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -64,6 +64,8 @@

Product Pick

+ +
From 13c95b9fb8c1eb5c1e84358f9bbed5b0193cee81 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Fri, 12 Jun 2026 17:19:08 +0100 Subject: [PATCH 20/25] fix size errors --- Form-Controls/index.html | 122 +++++++++++++++++---------------------- 1 file changed, 54 insertions(+), 68 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index bd042d9ac..10034fa96 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,78 +1,64 @@ - - - - My form control - - - - - -
-

Product Pick

-
-
-
-
- Personal Information - - - - -
+ + + + My form control + + + + + +
Product Pick
+
+ +
+ Personal Information + + + + +
-
- Please select your color +
+ Please select your color - - + + - - + + - - -
+ -
- Please select a size + +
- - -
+
+ Please select a size - - -
-
From control by Mandip sanger
- - + + + + + + +
+
From control by Mandip sanger
+ From 8bd20f00c9a827d1413e64fe22f32c3e8537c4ef Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Fri, 12 Jun 2026 17:43:13 +0100 Subject: [PATCH 21/25] fix errors --- Form-Controls/index.html | 29 ++++++++++++++++++++--------- 1 file changed, 20 insertions(+), 9 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 10034fa96..800ce7e2f 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -9,7 +9,9 @@ -
Product Pick
+
+

Product Pick

+
@@ -19,12 +21,19 @@ type="text" id="name" name="name" + autocomplete="name" pattern="^\s*(\S\s*){2,}$" required title="Please enter at least 2 characters" /> - +
@@ -33,10 +42,10 @@ - + - +
@@ -46,19 +55,21 @@
-
From control by Mandip sanger
+
Product Pick Form
From 3bdb7dd2dc4ac3cda252aaf232b9e9e35751d03f Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Fri, 12 Jun 2026 17:49:28 +0100 Subject: [PATCH 22/25] color corrections --- Form-Controls/style.css | 10 +++++----- 1 file changed, 5 insertions(+), 5 deletions(-) diff --git a/Form-Controls/style.css b/Form-Controls/style.css index 8f17face3..1fe3ca53f 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -1,5 +1,5 @@ header { - background-color: #49bb93; + background-color: #24362e; color: white; text-align: center; padding: 20px; @@ -67,7 +67,7 @@ select { } input[type="submit"] { width: 100%; - background-color: #49bb93; + background-color: #24362e; color: white; border: none; padding: 12px; @@ -77,12 +77,12 @@ input[type="submit"] { } input[type="submit"]:hover { - background-color: #49bb93; + background-color: #24362e; } footer { text-align: center; - background-color: #49bb93; + background-color: #24362e; color: white; padding: 15px; margin-top: 20px; -} \ No newline at end of file +} From b9b22e6d3e450b0edd1a4b697f53fe79e5c5f3ae Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Fri, 12 Jun 2026 17:55:12 +0100 Subject: [PATCH 23/25] Fix display error --- Form-Controls/style.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Form-Controls/style.css b/Form-Controls/style.css index 1fe3ca53f..67f72731e 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -23,7 +23,7 @@ fieldset input[type="radio"] { } fieldset label { - display: inline; + display: flex; margin-right: 15px; font-weight: normal; } From 607ff0ed2148ce1f6def1e9f092b2bc2933fda68 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Fri, 12 Jun 2026 18:11:07 +0100 Subject: [PATCH 24/25] style sheet /size changes --- Form-Controls/style.css | 18 +++++++++++------- 1 file changed, 11 insertions(+), 7 deletions(-) diff --git a/Form-Controls/style.css b/Form-Controls/style.css index 67f72731e..cb8a2c51b 100644 --- a/Form-Controls/style.css +++ b/Form-Controls/style.css @@ -15,7 +15,7 @@ fieldset { } legend { font-weight: bold; - padding: 05px; + padding: 5px; } fieldset input[type="radio"] { @@ -23,7 +23,7 @@ fieldset input[type="radio"] { } fieldset label { - display: flex; + display: inline; margin-right: 15px; font-weight: normal; } @@ -65,9 +65,9 @@ select { border-radius: 4px; font-size: 1rem; } -input[type="submit"] { +input[type="submit"]:hover { + background-color: #1b2923; width: 100%; - background-color: #24362e; color: white; border: none; padding: 12px; @@ -75,10 +75,14 @@ input[type="submit"] { font-size: 1rem; cursor: pointer; } - -input[type="submit"]:hover { - background-color: #24362e; +input[type="text"]:focus, +input[type="email"]:focus, +select:focus { + outline: none; + border-color: #24362e; + box-shadow: 0 0 5px rgba(36, 54, 46, 0.3); } + footer { text-align: center; background-color: #24362e; From 3cc5aa8c867d56a1e4626929f1e7f8cc6eb5f2a0 Mon Sep 17 00:00:00 2001 From: mandipsanger Date: Fri, 12 Jun 2026 20:12:46 +0100 Subject: [PATCH 25/25] change the option value --- Form-Controls/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 800ce7e2f..9495c1423 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -63,7 +63,7 @@

Product Pick

- +