From 0a56ce989c039afd28128461097b7f8773ee4e25 Mon Sep 17 00:00:00 2001 From: Oussama Mouggal Date: Wed, 21 Jan 2026 13:54:11 +0000 Subject: [PATCH 1/8] modified the header --- Wireframe/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..50e3e8b7c 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -10,7 +10,7 @@

Wireframe

- This is the default, provided code and no changes have been made yet. + This is an article explaining the wireframe structure of a webpage.

From ba2adca17bec725585acd5205d205b52fad11259 Mon Sep 17 00:00:00 2001 From: Oussama Mouggal Date: Wed, 21 Jan 2026 14:00:24 +0000 Subject: [PATCH 2/8] created the first wireframe using html --- Wireframe/index.html | 10 ++++++---- 1 file changed, 6 insertions(+), 4 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 50e3e8b7c..f00277249 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -15,11 +15,13 @@

Wireframe

- -

Title

+ Readme file picture +

What is the purpose of a Readme file?

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + A Readme file serves as a guide for users and developers, providing + essential information about a project, including its purpose, + installation instructions, usage guidelines, and contribution + protocols.

Read more
From f35b9aa90f51047e1d9c9ce574a39fde5cc981bb Mon Sep 17 00:00:00 2001 From: Oussama Mouggal Date: Wed, 21 Jan 2026 14:02:21 +0000 Subject: [PATCH 3/8] created the seconde wireframe and add urls --- Wireframe/index.html | 9 +++++++++ 1 file changed, 9 insertions(+) diff --git a/Wireframe/index.html b/Wireframe/index.html index f00277249..68f39c9b4 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -25,6 +25,15 @@

What is the purpose of a Readme file?

Read more +
+ Wireframe picture +

What is the purpose of a wireframe? +

+

+ The purpose of a wireframe is to provide a visual guide that represents the skeletal framework of a website or application, helping to plan layout and functionality. +

+ Read more +

From 286e5dba8c6a916c065fd02d4ad52e1fdc2be0b8 Mon Sep 17 00:00:00 2001 From: Oussama Mouggal Date: Wed, 21 Jan 2026 14:05:18 +0000 Subject: [PATCH 4/8] added footer --- Wireframe/index.html | 11 ++++++++++- 1 file changed, 10 insertions(+), 1 deletion(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 68f39c9b4..947e23194 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -34,10 +34,19 @@

What is the purpose of a wireframe?

Read more +
+ Git logo +

What is a branch in Git? +

+

+ A branch in Git is a separate line of development that allows multiple people to work on different features or fixes simultaneously without affecting the main codebase. +

+ Read more +

From d7062c17399c249c81a8d38e8c6f2d09950d975e Mon Sep 17 00:00:00 2001 From: Oussama Mouggal Date: Wed, 21 Jan 2026 14:09:06 +0000 Subject: [PATCH 5/8] fix: update footer styles for better visibility and layout --- Wireframe/style.css | 4 ++++ 1 file changed, 4 insertions(+) diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c7..87f07d7a4 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -51,7 +51,11 @@ main { } footer { position: fixed; + left: 0; bottom: 0; + width: 100%; + background-color: #bb8c8c; + color: white; text-align: center; } /* ====== Articles Grid Layout ==== From 1833cd466725a070e3ba5a7521fbd025f4f33fc1 Mon Sep 17 00:00:00 2001 From: Oussama Mouggal Date: Wed, 21 Jan 2026 14:20:27 +0000 Subject: [PATCH 6/8] fix: update image source and footer background color for improved aesthetics --- Wireframe/index.html | 2 +- Wireframe/style.css | 2 +- 2 files changed, 2 insertions(+), 2 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 947e23194..35953406d 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -15,7 +15,7 @@

Wireframe

- Readme file picture + Readme file picture

What is the purpose of a Readme file?

A Readme file serves as a guide for users and developers, providing diff --git a/Wireframe/style.css b/Wireframe/style.css index 87f07d7a4..8394cc79c 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -54,7 +54,7 @@ footer { left: 0; bottom: 0; width: 100%; - background-color: #bb8c8c; + background-color: #4b3a3a; color: white; text-align: center; } From 805dea87e5635ee79d51622b064a4297ff129127 Mon Sep 17 00:00:00 2001 From: Oussama-Mouggal Date: Wed, 21 Jan 2026 14:34:05 +0000 Subject: [PATCH 7/8] Update Wireframe/index.html Co-authored-by: Copilot <175728472+Copilot@users.noreply.github.com> --- Wireframe/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 35953406d..c2e13d41e 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -25,7 +25,7 @@

What is the purpose of a Readme file?

Read more
-
+
Wireframe picture

What is the purpose of a wireframe?

From 1ea6b6707a6995a87e0b1b11cabb746f1c5cec37 Mon Sep 17 00:00:00 2001 From: Oussama Mouggal Date: Wed, 21 Jan 2026 21:46:22 +0000 Subject: [PATCH 8/8] fix: update "Read more" links for articles to point to relevant resources --- Wireframe/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index c2e13d41e..5b23baf52 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -23,7 +23,7 @@

What is the purpose of a Readme file?

installation instructions, usage guidelines, and contribution protocols.

- Read more + Read more
Wireframe picture @@ -32,7 +32,7 @@

What is the purpose of a wireframe?

The purpose of a wireframe is to provide a visual guide that represents the skeletal framework of a website or application, helping to plan layout and functionality.

- Read more + Read more

Git logo @@ -41,7 +41,7 @@

What is a branch in Git?

A branch in Git is a separate line of development that allows multiple people to work on different features or fixes simultaneously without affecting the main codebase.

- Read more + Read more