From 453df8ef905ef8403e323c1b47902b13fb9a62e9 Mon Sep 17 00:00:00 2001 From: MacDonald91 Date: Fri, 16 Jan 2026 17:46:57 +0000 Subject: [PATCH 1/3] Complete wireframe page with three articles --- Form-Controls/index.html | 2 +- Wireframe/README.md | 24 +++++++-------- Wireframe/index.html | 63 ++++++++++++++++++++++++++++++---------- 3 files changed, 61 insertions(+), 28 deletions(-) diff --git a/Form-Controls/index.html b/Form-Controls/index.html index 65a866cdb..f2bd114d0 100644 --- a/Form-Controls/index.html +++ b/Form-Controls/index.html @@ -21,7 +21,7 @@

Product Pick

diff --git a/Wireframe/README.md b/Wireframe/README.md index 0ae0216d1..8243b7101 100644 --- a/Wireframe/README.md +++ b/Wireframe/README.md @@ -14,22 +14,22 @@ There are some provided HTML and CSS files you can use to get started. You can u -- [ ] Use semantic HTML tags to structure the webpage -- [ ] Create three articles, each including a title, summary, and a link -- [ ] Check a webpage against a wireframe layout -- [ ] Test web code using [Lighthouse](https://programming.codeyourfuture.io/guides/testing/lighthouse) -- [ ] Use version control by committing often and pushing regularly to GitHub +- [x] Use semantic HTML tags to structure the webpage +- [x] Create three articles, each including a title, summary, and a link +- [x] Check a webpage against a wireframe layout +- [x] Test web code using [Lighthouse](https://programming.codeyourfuture.io/guides/testing/lighthouse) +- [x] Use version control by committing often and pushing regularly to GitHub ## Acceptance Criteria -- [ ] Semantic HTML tags are used to structure the webpage. -- [ ] The page scores 100 for Accessibility in the Lighthouse audit. -- [ ] The page header includes a title and description. -- [ ] The articles section has three unique articles, each including a title, summary, and a link. -- [ ] The page footer is fixed to the bottom of the viewport. -- [ ] The webpage is styled using a linked .css file. -- [ ] The webpage is properly committed and pushed to a branch on GitHub. +- [x] Semantic HTML tags are used to structure the webpage. +- [x] The page scores 100 for Accessibility in the Lighthouse audit. +- [x] The page header includes a title and description. +- [x] The articles section has three unique articles, each including a title, summary, and a link. +- [x] The page footer is fixed to the bottom of the viewport. +- [x] The webpage is styled using a linked .css file. +- [x] The webpage is properly committed and pushed to a branch on GitHub. ## Resources diff --git a/Wireframe/index.html b/Wireframe/index.html index 0e014e535..ba870c220 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -3,31 +3,64 @@ - Wireframe + Wireframe Exercise + -
-

Wireframe

-

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

-
+ +
+

Web Development Basics

+

+ This page explains the purpose of a README file, a wireframe, and a Git + branch. +

+
+ +
+ README file illustration +

Purpose of a README file

+

+ A README file explains what a project is, how it works, and how to use + it. It helps other developers understand the project quickly. +

+ + Read more + +
+ +
+ Wireframe illustration +

Purpose of a wireframe

+

+ A wireframe is a simple visual plan of a webpage. It shows the layout + and structure before colours, images, or styling are added. +

+ + Read more + +
+
- -

Title

+ Git branch illustration +

What is a Git branch?

- Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam, - voluptates. Quisquam, voluptates. + A Git branch allows you to work on changes safely without affecting the + main code until the work is ready.

- Read more + + Read more +
+ From 220af1149b204635b24cf037bec607c39f9820f6 Mon Sep 17 00:00:00 2001 From: Alasdair MacDonald <168916938+MacDonald91@users.noreply.github.com> Date: Mon, 26 Jan 2026 08:53:51 +0000 Subject: [PATCH 2/3] Update index.html fixed ierror issues --- Wireframe/index.html | 6 +++--- 1 file changed, 3 insertions(+), 3 deletions(-) diff --git a/Wireframe/index.html b/Wireframe/index.html index ba870c220..87180d0eb 100644 --- a/Wireframe/index.html +++ b/Wireframe/index.html @@ -19,7 +19,7 @@

Web Development Basics

- README file illustration + Illustration representing a README file

Purpose of a README file

A README file explains what a project is, how it works, and how to use @@ -33,7 +33,7 @@

Purpose of a README file

- Wireframe illustration + Wireframe layout illustration

Purpose of a wireframe

A wireframe is a simple visual plan of a webpage. It shows the layout @@ -45,7 +45,7 @@

Purpose of a wireframe

- Git branch illustration + Illustration representing a Git branch

What is a Git branch?

A Git branch allows you to work on changes safely without affecting the From 664ff9c6e15f25a186ec95d2bcf37c630527a706 Mon Sep 17 00:00:00 2001 From: Alasdair MacDonald <168916938+MacDonald91@users.noreply.github.com> Date: Mon, 26 Jan 2026 08:56:41 +0000 Subject: [PATCH 3/3] Delete Form-Controls/index.html This was an error and should have been in form controls, not the wireframe project. I hadn't opened the folder from the source on my computer, so there were conflict issues. --- Form-Controls/index.html | 27 --------------------------- 1 file changed, 27 deletions(-) delete mode 100644 Form-Controls/index.html diff --git a/Form-Controls/index.html b/Form-Controls/index.html deleted file mode 100644 index f2bd114d0..000000000 --- a/Form-Controls/index.html +++ /dev/null @@ -1,27 +0,0 @@ - - - - - - My form exercise - - - - -

-

Product Pick

-
-
-
- - -
-
- - -