Skip to content

Commit 8c176e0

Browse files
vmorattivmoratti
committed
create index.html file fromm the one i mmade before
1 parent 4c82518 commit 8c176e0

1 file changed

Lines changed: 57 additions & 27 deletions

File tree

‎Wireframe/index.html‎

Lines changed: 57 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,63 @@
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>
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>Wireframe</h1>
14+
<p>
15+
This page will show:
16+
</p>
17+
<ul>
18+
<li>Purpose of README file</li>
19+
<li>Purpose of Wireframe</li>
20+
<li>What is branch in Git</li>
21+
</ul>
22+
</header>
23+
<main>
24+
<article>
25+
<img src="images/README-image.png" alt="an image showing an example of a README file" />
26+
<h2>What is the purpose of a README file?</h2>/*adding a comment*/
1227
<p>
13-
This is the default, provided code and no changes have been made yet.
28+
A README file is the foundational documentation
29+
for a software, dataset, or coding project.
30+
It serves as a project's "front door," designed to help users quickly understand what the project does,
31+
how to install and use it, and how to contribute
1432
</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>
33+
<a href="https://en.wikipedia.org/wiki/README">Read more</a>
34+
</article>
35+
<article>
36+
<img src="images/wireframe1.jpg" alt="an image showing a hand drawn sketch" />
37+
<h2>What is a Wireframe?</h2>
2838
<p>
29-
This is the default, provided code and no changes have been made yet.
39+
A wireframe is a visual guide that represents the skeletal framework of a website or application.
40+
It outlines the layout, content, and functionality of a page before any design or coding is done.
3041
</p>
31-
</footer>
32-
</body>
33-
</html>
42+
<a href="https://en.wikipedia.org/wiki/Wireframe">Read more</a>
43+
</article>
44+
<article>
45+
<img src="images/git-branch.jpg" alt="an image showing a Git branch" />
46+
<h2>What is a Branch in Git?</h2>
47+
<p>
48+
A branch in Git is a lightweight movable pointer to a commit.
49+
It allows you to diverge from the mainline of development and work on features, experiments, or bug fixes
50+
without affecting the main codebase.
51+
</p>
52+
<a href="https://en.wikipedia.org/wiki/Git_branch">Read more</a>
53+
</article>
54+
</main>
55+
<footer>
56+
<p>
57+
Made by Vito.
58+
</p><!--adding a comment to test the push and pull request, because so far
59+
it is not working at all-->
60+
</footer>
61+
</body>
62+
63+
</html>

0 commit comments

Comments
 (0)