Skip to content

Commit 1f32cd8

Browse files
author
JorvanW
committed
Added more descriptive links to the index.html file
and added a meta description tag for better SEO.
1 parent b5f39c7 commit 1f32cd8

2 files changed

Lines changed: 5 additions & 4 deletions

File tree

Wireframe/README.md

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -7,7 +7,7 @@
77
- [x] Use semantic HTML tags to structure the webpage
88
- [x] Create three articles, each including an image, title, summary, and a link
99
- [x] Check a webpage against a wireframe layout
10-
- [ ] Test web code using [Lighthouse](https://programming.codeyourfuture.io/guides/testing/lighthouse)
10+
- [x] Test web code using [Lighthouse](https://programming.codeyourfuture.io/guides/testing/lighthouse)
1111
- [x] Use version control by committing often and pushing regularly to GitHub
1212
- [x] Develop the habit of writing clean, well-structured, and error-free code
1313
<!--{{</objectives>}}>-->

Wireframe/index.html

Lines changed: 4 additions & 3 deletions
Original file line numberDiff line numberDiff line change
@@ -3,6 +3,7 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6+
<meta name="description" content="A simple wireframe for a project" />
67
<title>Wireframe</title>
78
<link rel="stylesheet" href="style.css" />
89
</head>
@@ -18,23 +19,23 @@ <h2>README file</h2>
1819
ReadME file is a plain text document that is used as a user manual or official document for a project.
1920
This file is useful because it helps communicate important information to those using or collaborating on the project.
2021
</p>
21-
<a href="https://www.makeareadme.com" target="_blank" rel="noopener noreferrer">Read more</a>
22+
<a href="https://www.makeareadme.com" target="_blank" rel="noopener noreferrer">Make a Readme</a>
2223
</article>
2324
<article id="wireframe-article">
2425
<img src="https://cdn-images.visual-paradigm.com/handbooks/agile-handbook/wireframe/02-newspaper-site-wireframe-example.png" alt="Website wireframe example" />
2526
<h2>Wireframe</h2>
2627
<p>
2728
A wireframe is a minimal skeletal blueprint of a website or app interface. It is important in order to plan a project in advance.
2829
</p>
29-
<a href="https://balsamiq.com/blog/what-are-wireframes/" target="_blank" rel="noopener noreferrer">Read more</a>
30+
<a href="https://balsamiq.com/blog/what-are-wireframes/" target="_blank" rel="noopener noreferrer">What are Wireframes?</a>
3031
</article>
3132
<article id="git-branch-article">
3233
<img id="git-branch-image" src="https://phoenixnap.com/kb/wp-content/uploads/2023/11/git-workflow-example.png" alt="Git branch workflow diagram" />
3334
<h2>Git Branch</h2>
3435
<p>
3536
In Git, a branch is an identical copy of a project's code which is then used to make changes on without having any effect on the main original project.
3637
</p>
37-
<a href="https://www.w3schools.com/GIT/git_branch.asp?remote=github" target="_blank" rel="noopener noreferrer">Read more</a>
38+
<a href="https://www.w3schools.com/GIT/git_branch.asp?remote=github" target="_blank" rel="noopener noreferrer">What is a Git Branch?</a>
3839
</article>
3940
</main>
4041
<footer>

0 commit comments

Comments
 (0)