From 11e21ab993ba2502ea6a19d1d7f1049ee1c989cf Mon Sep 17 00:00:00 2001 From: Rawan Date: Sat, 21 Feb 2026 14:39:11 +0000 Subject: [PATCH 1/4] I added some changes to the html file --- Form-Controls/index.html | 83 ++++++++++++++++++++++++++++++++++------ 1 file changed, 71 insertions(+), 12 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 74b591ffc..0aeb5ba29 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -1,27 +1,86 @@ - - - - + + + My form exercise - - + + > + + background image

Product Pick

-
- + + +
- + + +

Enter Your Name!

+ +

+ + +

+ + + + +

+ + + + + +

select a color for your t-shirt:

+ + +

+ +

+ +

+ + + + +
+ +
+ +
+ +
+ +
+ + + + +
- - + + + From d2e0fb8ffa78655ddfe32d955cbecb7121790122 Mon Sep 17 00:00:00 2001 From: Rawan Date: Sat, 21 Feb 2026 15:15:57 +0000 Subject: [PATCH 2/4] I added some changes to the html and css files --- Wireframe/index.html | 52 ++++++++++++++++++++---- Wireframe/style.css | 14 ++++++- index.html | 97 ++++++++++++++++++++++++++++---------------- 3 files changed, 118 insertions(+), 45 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..19013d9b3 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -10,24 +10,62 @@

Wireframe

- This is the default, provided code and no changes have been made yet. + a short describtion of wireframe, branch, and README.md file.

- -

Title

+ just an image +

What is a branch in Git?

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + "What is a Git Branch? + In Git, a branch is like a separate workspace where you can make changes and try new ideas without affecting the main project. Think of it as a "parallel universe" for your code. + + Why Use Branches? + Branches let you work on different parts of a project, like new features or bug fixes, without interfering with the main branch. + + Common Reasons to Create a Branch + Developing a new feature + Fixing a bug + Experimenting with ideas"

- Read more + Read more +
+ +
+ just an image +

Why do we use README.md file?

+

+ " A README.md is a key document in repositories, especially on GitHub. + It introduces the project, explains its purpose, setup, and usage, and helps users and developers contribute effectively." +

+ Read more +
+ +
+ wireframe image +

What is the purpose of a wireframe?

+

+ "Wireframes are basic blueprints that help teams align on requirements, + keeping UX design conversations focused and constructive. + Think of your wireframe as the skeleton of your app, website, or other final product. + Your wireframe shows the design team and stakeholders the bare-bones outlines of essential webpages, + components, and features, including: + + Screen layouts + Navigation bars + Components of UX and UI design + Interactive elements" +

+ Read more
+

- This is the default, provided code and no changes have been made yet. + All rights are reserved @RAW

+
diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..b3cf5f262 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -30,11 +30,19 @@ body { background: var(--paper); color: var(--ink); font: var(--font); + background-color:aquamarine; + background-image: url("background image.jpg"); + position: relative; + left: 0; + bottom: 0; + width: 100%; + text-align: center; } a { padding: var(--space); border: var(--line); max-width: fit-content; + color: var(--ink); } img, svg { @@ -50,8 +58,10 @@ main { margin: 0 auto calc(var(--space) * 4) auto; } footer { - position: fixed; + position: relative; + left: 0; bottom: 0; + width: 100%; text-align: center; } /* ====== Articles Grid Layout ==== @@ -86,4 +96,4 @@ article { > img { grid-column: span 3; } -} +} \ No newline at end of file diff --git a/index.html b/index.html index 80aa49666..d36e9a6ff 100644 --- a/index.html +++ b/index.html @@ -3,44 +3,69 @@ - Coursework - + Wireframe + -

🧐 CYF Coursework Disposable Branch Previews

+
+

Wireframe

+

+ a short describtion of wireframe, branch, and README.md file. +

+
-
    -
  1. -

    Project 1: Wireframe

    -

    - Mentors: - open the assignment in a tab -

    -
    2. -
  2. -

    Project 2: Form Controls

    -

    - Mentors: - open the assignment in a tab -

    -
    3. -
+
+ +

What is a branch in Git?

+

+ "What is a Git Branch? + In Git, a branch is like a separate workspace where you can make changes and try new ideas without affecting the main project. Think of it as a "parallel universe" for your code. + + Why Use Branches? + Branches let you work on different parts of a project, like new features or bug fixes, without interfering with the main branch. + + Common Reasons to Create a Branch + Developing a new feature + Fixing a bug + Experimenting with ideas" +

+ Read more +
+ +
+ +

Why do we use README.md file?

+

+ " A README.md is a key document in repositories, especially on GitHub. + It introduces the project, explains its purpose, setup, and usage, and helps users and developers contribute effectively." +

+ Read more +
+ +
+ +

What is the purpose of a wireframe?

+

+ "Wireframes are basic blueprints that help teams align on requirements, + keeping UX design conversations focused and constructive. + Think of your wireframe as the skeleton of your app, website, or other final product. + Your wireframe shows the design team and stakeholders the bare-bones outlines of essential webpages, + components, and features, including: + + Screen layouts + Navigation bars + Components of UX and UI design + Interactive elements" +

+ Read more +
- +
+ +

+ All rights are reserved @RAW +

+ +
- + \ No newline at end of file From d8cefdce3447619c918668393cef7a3a50a329d0 Mon Sep 17 00:00:00 2001 From: Rawan Date: Sat, 21 Feb 2026 15:42:47 +0000 Subject: [PATCH 3/4] Your updated commit message --- Wireframe/index.html | 1 + 1 file changed, 1 insertion(+) diff --git a/Wireframe/index.html b/Wireframe/index.html index 19013d9b3..406e467f9 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -69,3 +69,4 @@

What is the purpose of a wireframe?

+ From d07b9d38a3343345baa34d343969c7c91aec5df8 Mon Sep 17 00:00:00 2001 From: Rawan Date: Sat, 21 Feb 2026 17:11:53 +0000 Subject: [PATCH 4/4] Your updated commit message --- index.html | 71 ------------------------------------------------------ 1 file changed, 71 deletions(-) delete mode 100644 index.html diff --git a/index.html b/index.html deleted file mode 100644 index d36e9a6ff..000000000 --- a/index.html +++ /dev/null @@ -1,71 +0,0 @@ - - - - - - Wireframe - - - -
-

Wireframe

-

- a short describtion of wireframe, branch, and README.md file. -

-
-
-
- -

What is a branch in Git?

-

- "What is a Git Branch? - In Git, a branch is like a separate workspace where you can make changes and try new ideas without affecting the main project. Think of it as a "parallel universe" for your code. - - Why Use Branches? - Branches let you work on different parts of a project, like new features or bug fixes, without interfering with the main branch. - - Common Reasons to Create a Branch - Developing a new feature - Fixing a bug - Experimenting with ideas" -

- Read more -
- -
- -

Why do we use README.md file?

-

- " A README.md is a key document in repositories, especially on GitHub. - It introduces the project, explains its purpose, setup, and usage, and helps users and developers contribute effectively." -

- Read more -
- -
- -

What is the purpose of a wireframe?

-

- "Wireframes are basic blueprints that help teams align on requirements, - keeping UX design conversations focused and constructive. - Think of your wireframe as the skeleton of your app, website, or other final product. - Your wireframe shows the design team and stakeholders the bare-bones outlines of essential webpages, - components, and features, including: - - Screen layouts - Navigation bars - Components of UX and UI design - Interactive elements" -

- Read more -
-
- - - \ No newline at end of file