Skip to content

Commit 3092b42

Browse files
cywong-devcywong-dev
committed
Initial version on 24 May 2026
1 parent 30d0d01 commit 3092b42

6 files changed

Lines changed: 119 additions & 28 deletions

File tree

‎Form-Controls/style.css‎

Lines changed: 8 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -35,4 +35,11 @@
3535

3636
.custojmer-form button:hover {
3737
background-color: #003f8a;
38-
}
38+
}
39+
40+
footer {
41+
position: fixed;
42+
left: 0;
43+
bottom: 0;
44+
width: 100%;
45+
}

‎Wireframe/branch.svg‎

Lines changed: 11 additions & 0 deletions
Loading

‎Wireframe/index.html‎

Lines changed: 64 additions & 27 deletions
Original file line numberDiff line numberDiff line change
@@ -1,33 +1,70 @@
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>
14+
<ul>
15+
<li>
16+
What is the purpose of a README file?
17+
</li>
18+
<li>
19+
What is the purpose of a wireframe?
20+
</li>
21+
<li>
22+
What is a branch in Git?
23+
</li>
24+
</ul>
25+
This is the webpage to provide detail explanation for the above questions
26+
</h1>
27+
</header>
28+
<main>
29+
<article>
30+
<img src="readme.svg" alt="" />
31+
<h2>What is the purpose of a README file?</h2>
1232
<p>
13-
This is the default, provided code and no changes have been made yet.
33+
A README file is the foundational documentation for a software, dataset, or coding project. It serves as a
34+
project's "front door," designed to help users quickly understand what the project does, how to install and use
35+
it, and how to contribute
1436
</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>
37+
<a
38+
href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes">Read
39+
more</a>
40+
</article>
41+
42+
<article>
43+
<img src="wireframe.svg" alt="" />
44+
<h2>What is the purpose of a wireframe?</h2>
2845
<p>
29-
This is the default, provided code and no changes have been made yet.
46+
Wireframes are the foundational blueprints of a website or app. Used early in the development process, they help
47+
teams visualize structure, map user flows, and establish content hierarchy before committing to costly colors,
48+
branding, or final UI design
3049
</p>
31-
</footer>
32-
</body>
33-
</html>
50+
<a href="https://www.productplan.com/glossary/wireframe/">Read more</a>
51+
</article>
52+
53+
<article>
54+
<img src="branch.svg" alt="" />
55+
<h2>What is a branch in Git?</h2>
56+
<p>
57+
A branch in Git is simply a lightweight movable pointer to one of these commits. The default branch name in Git
58+
is master .
59+
</p>
60+
<a href="https://www.w3schools.com/GIT/git_branch.asp?remote=github">Read more</a>
61+
</article>
62+
</main>
63+
<footer>
64+
<p>
65+
By ChunyanWong HOMEWORK FOR WIREFRAME SOLUTION
66+
</p>
67+
</footer>
68+
</body>
69+
70+
</html>

‎Wireframe/readme.svg‎

Lines changed: 18 additions & 0 deletions
Loading

‎Wireframe/wireframe.png‎

-55.4 KB
Binary file not shown.

‎Wireframe/wireframe.svg‎

Lines changed: 18 additions & 0 deletions
Loading

0 commit comments

Comments
 (0)