Skip to content

Commit dd37262

Browse files
MacDonald91MacDonald91
committed
comp-lete task requirments
1 parent 1b5bda1 commit dd37262

3 files changed

Lines changed: 78 additions & 45 deletions

File tree

‎Form-Controls/index.html‎

Lines changed: 7 additions & 2 deletions
Original file line numberDiff line numberDiff line change
@@ -11,12 +11,15 @@
1111
<main>
1212
<h1>Product Pick</h1>
1313

14-
<form action="result.html" method="GET">
14+
<form>
1515
<fieldset>
1616
<legend>Choose your T-shirt</legend>
1717

1818
<label for="name">Name:</label>
19-
<input type="text" id="name" name="name" required />
19+
<input type="text" id="name" name="name" minlength="2" required />
20+
21+
<label for="email">Email:</label>
22+
<input type="email" id="email" name="email" required />
2023

2124
<label for="colour">Colour:</label>
2225
<select id="colour" name="colour" required>
@@ -32,6 +35,8 @@ <h1>Product Pick</h1>
3235
<option value="Small">Small</option>
3336
<option value="Medium">Medium</option>
3437
<option value="Large">Large</option>
38+
<option value="XL">XL</option>
39+
<option value="XXL">XXL</option>
3540
</select>
3641

3742
<button type="submit">Submit</button>

‎Form-Controls/results.html‎

Lines changed: 0 additions & 28 deletions
This file was deleted.

‎Wireframe/index.html‎

Lines changed: 71 additions & 15 deletions
Original file line numberDiff line numberDiff line change
@@ -3,31 +3,87 @@
33
<head>
44
<meta charset="UTF-8" />
55
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Wireframe</title>
6+
<title>Wireframe Task</title>
7+
<meta
8+
name="description"
9+
content="A simple explanation of README files, wireframes, and Git branches."
10+
/>
711
<link rel="stylesheet" href="style.css" />
812
</head>
13+
914
<body>
1015
<header>
11-
<h1>Wireframe</h1>
16+
<h1>Web Development Fundamentals</h1>
1217
<p>
13-
This is the default, provided code and no changes have been made yet.
18+
This page explains README files, wireframes, and Git branches using a
19+
simple wireframe layout.
1420
</p>
1521
</header>
22+
1623
<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>
24+
<section>
25+
<!-- README ARTICLE -->
26+
<article>
27+
<img
28+
src="placeholder.svg"
29+
alt="Illustration representing a README file"
30+
/>
31+
<h2>What is a README file?</h2>
32+
<p>
33+
A README file explains what a project is about, how to use it, and
34+
any important information someone needs before contributing to the
35+
project.
36+
</p>
37+
<a
38+
href="https://docs.github.com/en/repositories/managing-your-repositorys-settings-and-features/customizing-your-repository/about-readmes"
39+
target="_blank"
40+
>
41+
Read more
42+
</a>
43+
</article>
44+
45+
<!-- WIREFRAME ARTICLE -->
46+
<article>
47+
<img
48+
src="wireframe.png"
49+
alt="Example of a webpage wireframe layout"
50+
/>
51+
<h2>What is a wireframe?</h2>
52+
<p>
53+
A wireframe is a simple visual guide that shows the structure and
54+
layout of a webpage before design and development begins.
55+
</p>
56+
<a
57+
href="https://www.figma.com/resource-library/what-is-a-wireframe/"
58+
target="_blank"
59+
>
60+
Read more
61+
</a>
62+
</article>
63+
64+
<!-- GIT BRANCH ARTICLE -->
65+
<article>
66+
<img
67+
src="placeholder.svg"
68+
alt="Diagram representing Git branches"
69+
/>
70+
<h2>What is a Git branch?</h2>
71+
<p>
72+
A Git branch allows developers to work on new features or fixes
73+
without affecting the main version of a project.
74+
</p>
75+
<a
76+
href="https://docs.github.com/en/get-started/using-git/about-branches"
77+
target="_blank"
78+
>
79+
Read more
80+
</a>
81+
</article>
82+
</section>
2683
</main>
84+
2785
<footer>
28-
<p>
29-
This is the default, provided code and no changes have been made yet.
30-
</p>
86+
<p>© 2026 CYF Wireframe Task</p>
3187
</footer>
3288
</body>
3389
</html>

0 commit comments

Comments
 (0)