From 253925912ae129e0caaa9b5d1e7eb17836df5800 Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Wed, 28 May 2025 11:02:33 +0100 Subject: [PATCH 01/21] purpose of readme. --- Wireframe/articles.md | 6 ++++++ 1 file changed, 6 insertions(+) create mode 100644 Wireframe/articles.md diff --git a/Wireframe/articles.md b/Wireframe/articles.md new file mode 100644 index 00000000..a73ec7a2 --- /dev/null +++ b/Wireframe/articles.md @@ -0,0 +1,6 @@ +1. What is the purpose of a README file? + +You can add a README file to your repository to tell other people why your project is useful, what they can do with your project, and how they can use it. + +1. What is the purpose of a wireframe? +1. What is a branch in Git? \ No newline at end of file From 5d6ca7a4eaa36cedb834f838ad77796ecac30edf Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Sun, 8 Jun 2025 18:54:14 +0100 Subject: [PATCH 02/21] index.html enhanced the visual representation --- Wireframe/index.html | 142 ++++++++++++++++++++++++++++++++++++++----- 1 file changed, 126 insertions(+), 16 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e53..f61f5d39 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,33 +1,143 @@ - + - Wireframe + What is the purpose of a README file? +
-

Wireframe

-

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

Wireframe

+

+ A wireframe is a basic visual guide used in design, especially in web and app development, to represent the structure and layout of a page or interface before the final design is created.

- -

Title

+ + + + + + +

Purpose of a README File

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + A README file serves as the main introduction and documentation for a project, typically found in the root directory of software repositories (like those on GitHub).

- Read more -
+
+ Read More +

A README file is a plain text or markdown (.md) file that provides essential information about a project. It's usually the first file someone reads when they encounter your repository—especially on platforms like GitHub, GitLab, or Bitbucket. + +

+
+ +
+ + + + + + +

purpose of a wireframe

+

+ The purpose of a wireframe is to serve as a blueprint or visual guide for designing a website, app, or digital interface before any actual design or coding begins. +

+
+ Read More +

A wireframe is a simplified visual representation of a user interface that outlines the layout and structure of content and elements on a screen, without focusing on design details like color, style, or graphics. +

+
+

+ + +
+
+ + + + + + +

a branch in Git

+

+ A branch in Git is essentially a lightweight, movable pointer to a commit. It allows you to work on different versions of a project without affecting the main codebase. +

+
+ Read More +

A Git branch is a lightweight movable reference to a specific commit. It allows you to isolate your work from the main line of development. +

+
+
-
-

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

-
+ + From 53ec74bda2d67781ea0127dbb089e3ac6415a64f Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Sun, 8 Jun 2025 19:10:55 +0100 Subject: [PATCH 03/21] index.html MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Revised the content of index.html to improve clarity, structure, and presentation across the homepage. Updates include rewriting text for better readability, organizing sections more effectively, and ensuring that all information is accurate and relevant to the website’s purpose. --- Form-Controls/index.html | 70 +++++++++++++++++++++++++++++++++------- 1 file changed, 58 insertions(+), 12 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 65a866cd..17995b83 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -9,19 +9,65 @@
-

Product Pick

+

Product Pick

-
-
- - -
-
- -

By HOMEWORK SOLUTION

-
+

Personal Details

+
+
+
+
+
+ +
+ +

Choose your favorite color:

+
+
+ +
+ +
+ + +
+
+

choose size

+
+
+ + +
+ +
+

+
+

+ +

+
+ + + + + +
+ By Tesfalem Hailu +

© 2025 hope web inc. All rights reserved.

+
+ From 2399729659d012fdaca061d525950cf74c19e7f0 Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Wed, 11 Jun 2025 13:57:03 +0100 Subject: [PATCH 04/21] changed title --- Wireframe/index.html | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index f61f5d39..697d06cf 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -3,7 +3,7 @@ - What is the purpose of a README file? + Wireframe + article { + border: var(--line); + padding-bottom: var(--space); + text-align: left; + display: grid; + grid-template-columns: var(--space) 1fr var(--space); + } + + article > * { + grid-column: 2 / 3; + } + + article > svg { + grid-column: span 3; + } + + footer { + background-color: #333; + color: white; + text-align: center; + padding: 15px 0; + position: fixed; + width: 100%; + bottom: 0; + left: 0; + font-family: Arial, sans-serif; + } + +

Wireframe

- A wireframe is a basic visual guide used in design, especially in web and app development, to represent the structure and layout of a page or interface before the final design is created. + A wireframe is a basic visual guide used in design, especially in web + and app development, to represent the structure and layout of a page or + interface before the final design is created.

+
- - - - - - +

Purpose of a README File

- A README file serves as the main introduction and documentation for a project, typically found in the root directory of software repositories (like those on GitHub). + A README file serves as the main introduction and documentation for a project, + typically found in the root directory of software repositories (like those on GitHub).

- Read More -

A README file is a plain text or markdown (.md) file that provides essential information about a project. It's usually the first file someone reads when they encounter your repository—especially on platforms like GitHub, GitLab, or Bitbucket. +

Read More +

+ A README file is a plain text or markdown (.md) file that provides essential + information about a project. It's usually the first file someone reads when they + encounter your repository—especially on platforms like GitHub, GitLab, or Bitbucket. +

+
+
-

- -
- - - - - - -

purpose of a wireframe

+ +

Purpose of a Wireframe

- The purpose of a wireframe is to serve as a blueprint or visual guide for designing a website, app, or digital interface before any actual design or coding begins. + The purpose of a wireframe is to serve as a blueprint or visual guide for designing a website, + app, or digital interface before any actual design or coding begins.

- Read More -

A wireframe is a simplified visual representation of a user interface that outlines the layout and structure of content and elements on a screen, without focusing on design details like color, style, or graphics. -

-
-

- + Read More +

+ A wireframe is a simplified visual representation of a user interface that outlines the layout + and structure of content and elements on a screen, without focusing on design details like color, + style, or graphics. +

+ +
-
- - - - - - -

a branch in Git

+ +

A Branch in Git

- A branch in Git is essentially a lightweight, movable pointer to a commit. It allows you to work on different versions of a project without affecting the main codebase. + A branch in Git is essentially a lightweight, movable pointer to a commit. It allows you + to work on different versions of a project without affecting the main codebase.

- Read More -

A Git branch is a lightweight movable reference to a specific commit. It allows you to isolate your work from the main line of development. -

-
-
+ Read More +

+ A Git branch is a lightweight movable reference to a specific commit. It allows you to isolate + your work from the main line of development. +

+ +
- - + + From 7caf45827356b795b121c5bef20938e3e427a8dd Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Wed, 11 Jun 2025 14:06:10 +0100 Subject: [PATCH 06/21] edited footer --- Wireframe/index.html | 2 -- 1 file changed, 2 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 134da618..eb6142eb 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -67,8 +67,6 @@ } footer { - background-color: #333; - color: white; text-align: center; padding: 15px 0; position: fixed; From 85478937cdc3ecf365da1f3e2bf1797497ffe219 Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Wed, 11 Jun 2025 14:13:43 +0100 Subject: [PATCH 07/21] reverted form-control to default --- Form-Controls/index.html | 70 +++++++--------------------------------- 1 file changed, 12 insertions(+), 58 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 17995b83..65a866cd 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -9,65 +9,19 @@
-

Product Pick

+

Product Pick

- -

Personal Details

-
+
-
-
-
- -
- -

Choose your favorite color:

-
-
- -
- -
- - -
-
-

choose size

-
-
- - -
- -
-

-
-

- -

-
- - - - - -
- By Tesfalem Hailu -

© 2025 hope web inc. All rights reserved.

-
- + + + + +
+ +

By HOMEWORK SOLUTION

+
From bd52effedb5806ea04c5d11512feda06c760ad12 Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 11:03:06 +0100 Subject: [PATCH 08/21] test --- Wireframe/style.css | 9 +-------- 1 file changed, 1 insertion(+), 8 deletions(-) diff --git a/Wireframe/style.css b/Wireframe/style.css index be835b6c..4e29d11c 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -16,14 +16,7 @@ As well as useful links to learn more */ https://web.dev/articles/min-max-clamp https://scrimba.com/learn-css-variables-c026 ====== Design Palette ====== */ -:root { - --paper: oklch(7 0 0); - --ink: color-mix(in oklab, var(--color) 5%, black); - --font: 100%/1.5 system-ui; - --space: clamp(6px, 6px + 2vw, 15px); - --line: 1px solid; - --container: 1280px; -} + /* ====== Base Elements ====== General rules for basic HTML elements in any context */ body { From f4d8ec3ef6e37b36378a6ea81b5003265c5c09bf Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 11:11:15 +0100 Subject: [PATCH 09/21] remove css from html --- Wireframe/style.css | 147 ++++++++++++++++++++------------------------ 1 file changed, 67 insertions(+), 80 deletions(-) diff --git a/Wireframe/style.css b/Wireframe/style.css index 4e29d11c..d1d4c180 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -1,82 +1,69 @@ -/* Here are some starter styles -You can edit these or replace them entirely -It's showing you a common way to organise CSS -And includes solutions to common problems -As well as useful links to learn more */ + :root { + --paper: #f5f5f5; /* light background */ + --ink: #222222; /* dark text */ + --font: 100%/1.5 system-ui; + --space: clamp(6px, 6px + 2vw, 15px); + --line: 1px solid #ccc; + --container: 1280px; + } -/* ====== Design Palette ====== - This is our "design palette". - It sets out the colours, fonts, styles etc to be used in this design - At work, a designer will give these to you based on the corporate brand, but while you are learning - You can design it yourself if you like - Inspect the starter design with Devtools - Click on the colour swatches to see what is happening - I've put some useful CSS you won't have learned yet - For you to explore and play with if you are interested - https://web.dev/articles/min-max-clamp - https://scrimba.com/learn-css-variables-c026 -====== Design Palette ====== */ + body { + background-color: var(--paper); + color: var(--ink); + font: var(--font); + margin: 0; + padding-bottom: 80px; /* space for fixed footer */ + } -/* ====== Base Elements ====== - General rules for basic HTML elements in any context */ -body { - background: var(--paper); - color: var(--ink); - font: var(--font); -} -a { - padding: var(--space); - border: var(--line); - max-width: fit-content; -} -img, -svg { - width: 100%; - object-fit: cover; -} -/* ====== Site Layout ====== -Setting the overall rules for page regions -https://www.w3.org/WAI/tutorials/page-structure/regions/ -*/ -main { - max-width: var(--container); - margin: 0 auto calc(var(--space) * 4) auto; -} -footer { - position: fixed; - bottom: 0; - text-align: center; -} -/* ====== Articles Grid Layout ==== -Setting the rules for how articles are placed in the main element. -Inspect this in Devtools and click the "grid" button in the Elements view -Play with the options that come up. -https://developer.chrome.com/docs/devtools/css/grid -https://gridbyexample.com/learn/ -*/ -main { - display: grid; - grid-template-columns: 1fr 1fr; - gap: var(--space); - > *:first-child { - grid-column: span 2; - } -} -/* ====== Article Layout ====== -Setting the rules for how elements are placed in the article. -Now laying out just the INSIDE of the repeated card/article design. -Keeping things orderly and separate is the key to good, simple CSS. -*/ -article { - border: var(--line); - padding-bottom: var(--space); - text-align: left; - display: grid; - grid-template-columns: var(--space) 1fr var(--space); - > * { - grid-column: 2/3; - } - > img { - grid-column: span 3; - } -} + a { + padding: var(--space); + border: var(--line); + max-width: fit-content; + display: inline-block; + color: var(--ink); + text-decoration: none; + } + + img, + svg { + width: 100%; + object-fit: cover; + } + + main { + max-width: var(--container); + margin: 0 auto calc(var(--space) * 4); + display: grid; + grid-template-columns: 1fr 1fr; + gap: var(--space); + } + + main > *:first-child { + grid-column: span 2; + } + + article { + border: var(--line); + padding-bottom: var(--space); + text-align: left; + display: grid; + grid-template-columns: var(--space) 1fr var(--space); + } + + article > * { + grid-column: 2 / 3; + } + + article > svg { + grid-column: span 3; + } + + footer { + text-align: center; + padding: 15px 0; + position: fixed; + width: 100%; + bottom: 0; + left: 0; + font-family: Arial, sans-serif; + } \ No newline at end of file From f382d981fd318cfe78851206db58db53969ca48f Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 11:23:45 +0100 Subject: [PATCH 10/21] h1 and p style change. --- Wireframe/index.html | 4 ++-- Wireframe/style.css | 12 ++++++++++-- 2 files changed, 12 insertions(+), 4 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index eb6142eb..9f73ee6c 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -79,8 +79,8 @@
-

Wireframe

-

+

Wireframe

+

A wireframe is a basic visual guide used in design, especially in web and app development, to represent the structure and layout of a page or interface before the final design is created. diff --git a/Wireframe/style.css b/Wireframe/style.css index d1d4c180..3ce396ec 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -5,8 +5,16 @@ --space: clamp(6px, 6px + 2vw, 15px); --line: 1px solid #ccc; --container: 1280px; - } - + h1 { + text-align: center; + font-family: Arial, sans-serif; + font-size: 2em; + margin-top: 20px; + } + .wireframe-title {text-align: center; + font-family: Arial, sans-serif; + font-size: 2em; + margin-top: 20px;} body { background-color: var(--paper); color: var(--ink); From 8014f61b17e02c4d001ca2f00fbc1955d9893857 Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 11:28:16 +0100 Subject: [PATCH 11/21] h1 and p change --- Wireframe/style.css | 7 +------ 1 file changed, 1 insertion(+), 6 deletions(-) diff --git a/Wireframe/style.css b/Wireframe/style.css index 3ce396ec..2580331b 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -7,14 +7,9 @@ --container: 1280px; h1 { text-align: center; - font-family: Arial, sans-serif; - font-size: 2em; - margin-top: 20px; } .wireframe-title {text-align: center; - font-family: Arial, sans-serif; - font-size: 2em; - margin-top: 20px;} +} body { background-color: var(--paper); color: var(--ink); From a0e77e2a610ce250d816ad822dc5e2b2aba1c570 Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 11:37:24 +0100 Subject: [PATCH 12/21] Delete Wireframe/articles.md --- Wireframe/articles.md | 6 ------ 1 file changed, 6 deletions(-) delete mode 100644 Wireframe/articles.md diff --git a/Wireframe/articles.md b/Wireframe/articles.md deleted file mode 100644 index a73ec7a2..00000000 --- a/Wireframe/articles.md +++ /dev/null @@ -1,6 +0,0 @@ -1. What is the purpose of a README file? - -You can add a README file to your repository to tell other people why your project is useful, what they can do with your project, and how they can use it. - -1. What is the purpose of a wireframe? -1. What is a branch in Git? \ No newline at end of file From abe6c6da4347a3b65c914c828ad078789c30723d Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 11:41:14 +0100 Subject: [PATCH 13/21] readmore edited. --- Wireframe/index.html | 77 ++------------------------------------------ 1 file changed, 3 insertions(+), 74 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 9f73ee6c..343984e7 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -5,77 +5,6 @@ Wireframe -

@@ -101,7 +30,7 @@

Purpose of a README File

typically found in the root directory of software repositories (like those on GitHub).

- Read More + Read more

A README file is a plain text or markdown (.md) file that provides essential information about a project. It's usually the first file someone reads when they @@ -123,7 +52,7 @@

Purpose of a Wireframe

app, or digital interface before any actual design or coding begins.

- Read More + Read more

A wireframe is a simplified visual representation of a user interface that outlines the layout and structure of content and elements on a screen, without focusing on design details like color, @@ -145,7 +74,7 @@

A Branch in Git

to work on different versions of a project without affecting the main codebase.

- Read More + Read more

A Git branch is a lightweight movable reference to a specific commit. It allows you to isolate your work from the main line of development. From e549d9ade47e0d41dc667eba1dc35760ecbb6c3a Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 11:49:34 +0100 Subject: [PATCH 14/21] read more edited again. --- Wireframe/index.html | 24 ++---------------------- 1 file changed, 2 insertions(+), 22 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 343984e7..40362c7b 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -28,15 +28,8 @@

Purpose of a README File

A README file serves as the main introduction and documentation for a project, typically found in the root directory of software repositories (like those on GitHub). -

-
Read more -

- A README file is a plain text or markdown (.md) file that provides essential - information about a project. It's usually the first file someone reads when they - encounter your repository—especially on platforms like GitHub, GitLab, or Bitbucket.

-
@@ -50,15 +43,8 @@

Purpose of a Wireframe

The purpose of a wireframe is to serve as a blueprint or visual guide for designing a website, app, or digital interface before any actual design or coding begins. + Read more

-
- Read more -

- A wireframe is a simplified visual representation of a user interface that outlines the layout - and structure of content and elements on a screen, without focusing on design details like color, - style, or graphics. -

-
@@ -72,14 +58,8 @@

A Branch in Git

A branch in Git is essentially a lightweight, movable pointer to a commit. It allows you to work on different versions of a project without affecting the main codebase. + Read more

-
- Read more -

- A Git branch is a lightweight movable reference to a specific commit. It allows you to isolate - your work from the main line of development. -

-
From 4651278f6596b40441f718027d8389f661fcba90 Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 11:55:11 +0100 Subject: [PATCH 15/21] more readme button edit. --- Wireframe/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 40362c7b..db0ecaee 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -28,7 +28,7 @@

Purpose of a README File

A README file serves as the main introduction and documentation for a project, typically found in the root directory of software repositories (like those on GitHub). - Read more + Read more

@@ -43,7 +43,7 @@

Purpose of a Wireframe

The purpose of a wireframe is to serve as a blueprint or visual guide for designing a website, app, or digital interface before any actual design or coding begins. - Read more + Read more

@@ -58,7 +58,7 @@

A Branch in Git

A branch in Git is essentially a lightweight, movable pointer to a commit. It allows you to work on different versions of a project without affecting the main codebase. - Read more + Read more

From 7dbfbe2d6615e922f332a6ade78ece744d783d9a Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 11:58:56 +0100 Subject: [PATCH 16/21] png placeholder is ameneded. --- Wireframe/index.html | 19 +++---------------- 1 file changed, 3 insertions(+), 16 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index db0ecaee..c63ee19b 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -18,12 +18,7 @@

Wireframe

- +

Purpose of a README File

A README file serves as the main introduction and documentation for a project, @@ -33,11 +28,7 @@

Purpose of a README File

-

Purpose of a Wireframe

@@ -48,11 +39,7 @@

Purpose of a Wireframe

-

A Branch in Git

From 4d08a783e9d877015acb579a8eb8f5d910be291a Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 12:04:56 +0100 Subject: [PATCH 17/21] footer changed. --- Wireframe/style.css | 2 ++ 1 file changed, 2 insertions(+) diff --git a/Wireframe/style.css b/Wireframe/style.css index 2580331b..8ec0f450 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -69,4 +69,6 @@ bottom: 0; left: 0; font-family: Arial, sans-serif; + border: solid; + color: #ccc; } \ No newline at end of file From 99061631b0853273acfeba37bc850c674c4aa157 Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 12:11:00 +0100 Subject: [PATCH 18/21] footer improved --- Wireframe/index.html | 106 ++++++++++++++++++++++--------------------- Wireframe/style.css | 2 +- 2 files changed, 56 insertions(+), 52 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index c63ee19b..4b0e8c3e 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -1,58 +1,62 @@ - - - - Wireframe - - - -

-

Wireframe

-

- A wireframe is a basic visual guide used in design, especially in web - and app development, to represent the structure and layout of a page or - interface before the final design is created. + + + + + Wireframe + + + + +

+

Wireframe

+

+ A wireframe is a basic visual guide used in design, especially in web + and app development, to represent the structure and layout of a page or + interface before the final design is created. +

+
+ +
+
+ +

Purpose of a README File

+

+ A README file serves as the main introduction and documentation for a project, + typically found in the root directory of software repositories (like those on GitHub). + Read more

-
+
-
-
- -

Purpose of a README File

-

- A README file serves as the main introduction and documentation for a project, - typically found in the root directory of software repositories (like those on GitHub). - Read more -

-
+
+ + +

Purpose of a Wireframe

+

+ The purpose of a wireframe is to serve as a blueprint or visual guide for designing a website, + app, or digital interface before any actual design or coding begins. + Read more +

+
-
- - -

Purpose of a Wireframe

-

- The purpose of a wireframe is to serve as a blueprint or visual guide for designing a website, - app, or digital interface before any actual design or coding begins. - Read more -

-
+
+ + +

A Branch in Git

+

+ A branch in Git is essentially a lightweight, movable pointer to a commit. It allows you + to work on different versions of a project without affecting the main codebase. + Read more +

+
+
-
- - -

A Branch in Git

-

- A branch in Git is essentially a lightweight, movable pointer to a commit. It allows you - to work on different versions of a project without affecting the main codebase. - Read more -

-
-
+
+

+ Author: Tesfalem Hailu +

+
+ - - - + \ No newline at end of file diff --git a/Wireframe/style.css b/Wireframe/style.css index 8ec0f450..a744c67c 100644 --- a/Wireframe/style.css +++ b/Wireframe/style.css @@ -70,5 +70,5 @@ left: 0; font-family: Arial, sans-serif; border: solid; - color: #ccc; + background-color: #ccc; } \ No newline at end of file From b952c0ef7cd32eab78fbd5c37c9161536eac7805 Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 16:36:17 +0100 Subject: [PATCH 19/21] alt text adedd to improve accecablity. --- Wireframe/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 4b0e8c3e..d18f03ba 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -20,7 +20,7 @@

Wireframe

- + Placeholder image

Purpose of a README File

A README file serves as the main introduction and documentation for a project, @@ -30,7 +30,7 @@

Purpose of a README File

- + Placeholder image

Purpose of a Wireframe

@@ -41,7 +41,7 @@

Purpose of a Wireframe

- + Placeholder image

A Branch in Git

From a723313ab0b99cf41409992a9420dc1446ed721f Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 16:40:55 +0100 Subject: [PATCH 20/21] svg tag is removed . --- Wireframe/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index d18f03ba..2851c3db 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -20,7 +20,7 @@

Wireframe

- Placeholder image + Placeholder image

Purpose of a README File

A README file serves as the main introduction and documentation for a project, @@ -30,7 +30,7 @@

Purpose of a README File

- Placeholder image + Placeholder image

Purpose of a Wireframe

@@ -41,7 +41,7 @@

Purpose of a Wireframe

- Placeholder image + Placeholder image

A Branch in Git

From 0e61696d5ae10e89cd6694e3166f13a86985bb9e Mon Sep 17 00:00:00 2001 From: tesfathefture Date: Thu, 12 Jun 2025 16:44:37 +0100 Subject: [PATCH 21/21] svg tag removed. --- Wireframe/index.html | 8 +++----- 1 file changed, 3 insertions(+), 5 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index 2851c3db..7334e14c 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -20,7 +20,7 @@

Wireframe

- Placeholder image + Placeholder image

Purpose of a README File

A README file serves as the main introduction and documentation for a project, @@ -30,8 +30,7 @@

Purpose of a README File

- Placeholder image - + Placeholder image

Purpose of a Wireframe

The purpose of a wireframe is to serve as a blueprint or visual guide for designing a website, @@ -41,8 +40,7 @@

Purpose of a Wireframe

- Placeholder image - + Placeholder image

A Branch in Git

A branch in Git is essentially a lightweight, movable pointer to a commit. It allows you