Skip to content

Commit 37c7257

Browse files
ZiadMakkawiZiadMakkawi
committed
Added content
1 parent 3b1f395 commit 37c7257

1 file changed

Lines changed: 50 additions & 29 deletions

File tree

‎Wireframe/index.html‎

Lines changed: 50 additions & 29 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,54 @@
1-
<!DOCTYPE html>
2-
<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>
1+
<body>
2+
<header>
3+
<h1>Web Development Fundamentals</h1>
4+
<p>
5+
An introduction to README files, wireframes, and Git branches.
6+
</p>
7+
</header>
8+
9+
<main>
10+
<article>
11+
<img src="placeholder.svg" alt="Document icon representing a README file" />
12+
<h2>What is a README file?</h2>
1213
<p>
13-
This is the default, provided code and no changes have been made yet.
14+
A README file explains what a project does, how to set it up, and how to
15+
use or contribute to it. It is usually the first thing people read when
16+
they open a repository.
1417
</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>
18+
<a href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">
19+
Learn more about README files
20+
</a>
21+
</article>
22+
23+
<article>
24+
<img src="placeholder.svg" alt="Wireframe sketch showing webpage layout" />
25+
<h2>What is a wireframe?</h2>
2826
<p>
29-
This is the default, provided code and no changes have been made yet.
27+
A wireframe is a simple visual guide that shows the structure and layout
28+
of a webpage before it is built. It helps designers and developers plan
29+
content placement and user flow.
3030
</p>
31-
</footer>
32-
</body>
33-
</html>
31+
<a href="https://www.productplan.com/glossary/wireframe/">
32+
Learn more about wireframes
33+
</a>
34+
</article>
35+
36+
<article>
37+
<img src="placeholder.svg" alt="Diagram showing Git branches" />
38+
<h2>What is a Git branch?</h2>
39+
<p>
40+
A Git branch is a separate line of development that allows developers to
41+
work on features or fixes without affecting the main codebase until the
42+
changes are ready.
43+
</p>
44+
<a href="https://git-scm.com/docs/git-branch">
45+
Learn more about Git branches
46+
</a>
47+
</article>
48+
</main>
49+
50+
<footer>
51+
<p>© 2026 Ziad Ahmed</p>
52+
</footer>
53+
</body>
54+
s

0 commit comments

Comments
 (0)