Skip to content

Commit 8c017bd

Browse files
tomdu3tomdu3
committed
add h1, descr and main article about readme
1 parent 9f04244 commit 8c017bd

1 file changed

Lines changed: 38 additions & 30 deletions

File tree

‎Wireframe/index.html‎

Lines changed: 38 additions & 30 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,41 @@
11
<!DOCTYPE html>
22
<html lang="en">
3-
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Wireframe</title>
7-
<link rel="stylesheet" href="style.css" />
8-
</head>
9-
<body>
10-
<header>
11-
<h1>Wireframe</h1>
12-
<p>
13-
This is the default, provided code and no changes have been made yet.
3+
4+
<head>
5+
<meta charset="UTF-8" />
6+
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
7+
<title>Wireframe</title>
8+
<link rel="stylesheet" href="style.css" />
9+
</head>
10+
11+
<body>
12+
<header>
13+
<h1>GitHub Web Project Essentials</h1>
14+
<p>
15+
A quickstart guide to building, documenting and maintaining web projects
16+
with GitHub.
17+
</p>
18+
</header>
19+
<main>
20+
<article class="card" id="main-article">
21+
<img src="./assets/readme.png" alt="" class="article-img" />
22+
<h2 class="article-title">What Is the Purpose of a README</h2>
23+
<p class="article-text">
24+
A good README file serves as a project's "front door," acting as a crucial piece of documentation that explains
25+
what an application does, why the specific technologies were chosen, and how it differentiates a high-quality
26+
project to both users and potential employers. At a minimum, an effective layout must include the project title,
27+
a descriptive overview, clear instructions on installation and usage, collaborator credits, and an appropriate
28+
open-source license.
1429
</p>
15-
</header>
16-
<main>
17-
<article>
18-
<img src="placeholder.svg" alt="" />
19-
<h2>Title</h2>
20-
<p>
21-
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quisquam,
22-
voluptates. Quisquam, voluptates.
23-
</p>
24-
<a href="">Read more</a>
25-
</article>
26-
</main>
27-
<footer>
28-
<p>
29-
This is the default, provided code and no changes have been made yet.
30-
</p>
31-
</footer>
32-
</body>
33-
</html>
30+
<a href="https://www.freecodecamp.org/news/how-to-write-a-good-readme-file/" class="article-link" target="_blank"
31+
aria-label="Read more about README files">Read more</a>
32+
</article>
33+
</main>
34+
<footer>
35+
<p>
36+
This is the default, provided code and no changes have been made yet.
37+
</p>
38+
</footer>
39+
</body>
40+
41+
</html>

0 commit comments

Comments
 (0)