From 785e24e5ee538679a52679904ecb0e19496e2250 Mon Sep 17 00:00:00 2001 From: B3-Bisrat Date: Sat, 16 May 2026 16:03:56 +0100 Subject: [PATCH 1/6] make a new branch called feature/wireframe and header --- Wireframe/index.html | 29 ++++++++++++++++++++++------- 1 file changed, 22 insertions(+), 7 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..bfc2432e4 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -3,30 +3,45 @@ - Wireframe + Developer Learning Basics
-

Wireframe

+

Developer Learning Basics

- This is the default, provided code and no changes have been made yet. + Learn the basics of README files, wireframes, and Git branches used in software development.

-

Title

+

README Files

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + A README file explains what a project does and helps developers understand how to use it. +

+ Read more +
+
+ +

Wireframes

+

+ Wireframes are simple drawings that show how a website or app will look and work. +

+ Read more +
+
+ +

Git Branches

+

+ Git branches allow developers to work on different versions of a project simultaneously.

Read more
From aa3bfce1eea793880774ca19f727566963826c67 Mon Sep 17 00:00:00 2001 From: B3-Bisrat Date: Mon, 18 May 2026 21:32:38 +0100 Subject: [PATCH 2/6] change the title and header --- Wireframe/index.html | 18 ++++++++++-------- 1 file changed, 10 insertions(+), 8 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index bfc2432e4..4b3a9f55e 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,4 +1,4 @@ - + @@ -10,7 +10,8 @@

Developer Learning Basics

- Learn the basics of README files, wireframes, and Git branches used in software development. + Learn the basics of README files, wireframes, and Git branches used in + software development.

@@ -18,7 +19,8 @@

Developer Learning Basics

README Files

- A README file explains what a project does and helps developers understand how to use it. + A README file explains what a project does and helps developers + understand how to use it.

Read more @@ -26,7 +28,8 @@

README Files

Wireframes

- Wireframes are simple drawings that show how a website or app will look and work. + Wireframes are simple drawings that show how a website or app will + look and work.

Read more @@ -34,15 +37,14 @@

Wireframes

Git Branches

- Git branches allow developers to work on different versions of a project simultaneously. + Git branches allow developers to work on different versions of a + project simultaneously.

Read more
-

- Complated by Bisrat Tesfay for CYF ITP May 2026 cohort. -

+

Completed by Bisrat Tesfay for CYF ITP May 2026 cohort.

From 55182d35d3ae215474584f9fd2185c6c460451e8 Mon Sep 17 00:00:00 2001 From: B3-Bisrat Date: Mon, 18 May 2026 22:48:42 +0100 Subject: [PATCH 3/6] complete semantic html structure --- Wireframe/index.html | 12 ++++++------ 1 file changed, 6 insertions(+), 6 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 4b3a9f55e..3c234d8e6 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -16,31 +16,31 @@

Developer Learning Basics

- + README file illustration

README Files

A README file explains what a project does and helps developers understand how to use it.

- Read more + Read more
- + Wireframe illustration

Wireframes

Wireframes are simple drawings that show how a website or app will look and work.

- Read more + Read more
- + Git branches illustration

Git Branches

Git branches allow developers to work on different versions of a project simultaneously.

- Read more + Read more