Skip to content

Commit 8408e5b

Browse files
TTiamiyuTTiamiyu
committed
standardize HTML structure and improve readability, indentation fixed
1 parent 8a7898b commit 8408e5b

1 file changed

Lines changed: 95 additions & 47 deletions

File tree

‎Wireframe/index.html‎

Lines changed: 95 additions & 47 deletions
Original file line numberDiff line numberDiff line change
@@ -1,82 +1,130 @@
1-
<!DOCTYPE html>
1+
<!doctype html>
22
<html lang="en">
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 Coursework</h1>
14+
<p>This is a wireframe assignment and the following articles answer specific questions.</p>
15+
</header>
16+
<main>
17+
<article>
18+
<img src="placeholder.svg" alt="placeholder image" />
19+
<h2>Purpose of ReadME</h2>
20+
<p>
21+
Read me provides a quick overview of what the project sets to achieve,
22+
the likely uses and the guidelines of how others can contribute.
23+
</p>
24+
<details>
25+
<summary>Read more</summary>
26+
<p>
27+
For more in-depth information, you can read the professional guide here:
28+
<a href="https://www.makeareadme.com/" target="_blank" rel="noopener noreferrer">
29+
The Official README Guide
30+
</a>
31+
</p>
32+
</details>
33+
</article>
34+
35+
<article>
36+
<img src="placeholder2.png" alt="Wireframe image" />
37+
<h2>Purpose of Wireframe</h2>
38+
<p>
39+
Wireframe serves as a foundational blueprint or mental image of
40+
a product, it has numerous functions and most importantly
41+
wireframe is often used in the early stages of web or app
42+
development to prevent future, costly redesigns.
43+
</p>
44+
<details>
45+
<summary>Read more</summary>
46+
<p>
47+
For more details on wireframing best practices and how they streamline
48+
development, check out this guide:
49+
<a href="https://www.uxpin.com/studio/blog/wireframing-guide/" target="_blank" rel="noopener noreferrer">
50+
The Ultimate Guide to Wireframing
51+
</a>
52+
</p>
53+
</details>
54+
</article>
55+
56+
<article>
57+
<img src="Branch.png" alt="Branch image" />
58+
<h2>What is a branch in Git</h2>
59+
<p>
60+
A branch represents an independent line of development in a Git repository,
61+
allowing multiple developers to work on different features or bug fixes simultaneously
62+
without affecting the main codebase until changes are ready to be merged.
63+
</p>
64+
<details>
65+
<summary>Read more</summary>
66+
<p>
67+
For a deeper dive into how branching workflows operate and how to merge
68+
your changes effectively, visit the official documentation:
69+
<a href="https://git-scm.com/book/en/v2/Git-Branching-Branches-in-a-Nutshell" target="_blank"
70+
rel="noopener noreferrer">
71+
Git Branching Explained
72+
</a>
73+
</p>
74+
</details>
75+
</article>
76+
77+
</main>
78+
379
<head>
480
<meta charset="UTF-8" />
581
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
682
<title>Wireframe</title>
783
<link rel="stylesheet" href="style.css" />
884
</head>
85+
986
<body>
1087
<header>
1188
<h1>Wireframe Coursework</h1>
12-
<p>This is a wireframe assignment and the following articles answer specific questions.</p>
1389
</header>
1490
<main>
1591
<article>
1692
<img src="placeholder.svg" alt="placeholder image" />
1793
<h2>Purpose of ReadME</h2>
1894
<p>
19-
Read me provides a quick overview of what the project sets to achieve,
95+
Read me provides a quick overview of what the project sets to achieve,
2096
the likely uses and the guidelines of how others can contribute.
2197
</p>
22-
<details>
23-
<summary>Read more</summary>
24-
<p>
25-
For more in-depth information, you can read the professional guide here:
26-
<a href="https://www.makeareadme.com/" target="_blank" rel="noopener noreferrer">
27-
The Official README Guide
28-
</a>
29-
</p>
30-
</details>
98+
<a href="">Read more</a>
3199
</article>
32-
100+
33101
<article>
34102
<img src="placeholder2.png" alt="Wireframe image" />
35103
<h2>Purpose of Wireframe</h2>
36104
<p>
37-
Wireframe serves as a foundational blueprint or mental image of
38-
a product, it has numerous functions and most importantly
39-
wireframe is often used in the early stages of web or app
40-
development to prevent future, costly redesigns.
105+
Wireframe serves as a foundational blueprint or mental image of a
106+
product, it has numerous functions and most importantly wireframe is
107+
often used in the early stages of web or app development to prevent
108+
future, costly redesigns.
41109
</p>
42-
<details>
43-
<summary>Read more</summary>
44-
<p>
45-
For more details on wireframing best practices and how they streamline
46-
development, check out this guide:
47-
<a href="https://www.uxpin.com/studio/blog/wireframing-guide/" target="_blank" rel="noopener noreferrer">
48-
The Ultimate Guide to Wireframing
49-
</a>
50-
</p>
51-
</details>
110+
<a href="">Read more</a>
52111
</article>
53-
54112
<article>
55113
<img src="Branch.png" alt="Branch image" />
56114
<h2>What is a branch in Git</h2>
57115
<p>
58-
A branch represents an independent line of development in a Git repository,
59-
allowing multiple developers to work on different features or bug fixes simultaneously
60-
without affecting the main codebase until changes are ready to be merged.
116+
A branch represents an independent line of development in a Git
117+
repository, allowing multiple developers to work on different features
118+
or bug fixes simultaneously without affecting the main codebase until
119+
changes are ready to be merged.
61120
</p>
62-
<details>
63-
<summary>Read more</summary>
64-
<p>
65-
For a deeper dive into how branching workflows operate and how to merge
66-
your changes effectively, visit the official documentation:
67-
<a href="https://git-scm.com/book/en/v2/Git-Branching-Branches-in-a-Nutshell" target="_blank" rel="noopener noreferrer">
68-
Git Branching Explained
69-
</a>
70-
</p>
71-
</details>
72-
</article>
73-
121+
<a href="">Read more</a>
122+
</article>
74123
</main>
75124

76125
<footer>
77-
<p>
78-
By Toluwalase Tiamiyu.
79-
</p>
126+
<p>By Toluwalase Tiamiyu.</p>
80127
</footer>
81128
</body>
82-
</html>
129+
130+
</html>

0 commit comments

Comments
 (0)