Skip to content

Commit 57154a0

Browse files
YonatanteklemariamYonatanteklemariam
committed
Move correct index.html to root and remove old file
1 parent e984f76 commit 57154a0

2 files changed

Lines changed: 94 additions & 138 deletions

File tree

‎Form-Controls/index.html‎

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

‎index.html‎

Lines changed: 94 additions & 33 deletions
Original file line numberDiff line numberDiff line change
@@ -1,46 +1,107 @@
11
<!DOCTYPE html>
22
<html lang="en">
33
<head>
4-
<meta charset="UTF-8" />
5-
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
6-
<title>Coursework</title>
4+
<meta charset="utf-8">
5+
<meta http-equiv="X-UA-Compatible" content="IE=edge">
6+
<title>My Form Exercise</title>
7+
<meta name="description" content="">
8+
<meta name="viewport" content="width=device-width, initial-scale=1">
9+
710
<style>
8-
:root {
9-
--paper: oklch(7 0 0);
10-
--ink: color-mix(in oklab, var(--color) 5%, black);
11-
--font: 100%/1.5 system-ui;
12-
--space: clamp(6px, 6px + 2vw, 15px);
13-
--line: 1px solid;
14-
}
11+
1512
body {
16-
background: var(--paper);
17-
color: var(--ink);
18-
font: var(--font);
19-
max-width: 1280px;
13+
font-family: Arial, sans-serif;
14+
margin: 20px;
15+
background-color: #ffffff;
16+
color: #000000;
17+
}
18+
19+
header, footer {
20+
text-align: center;
21+
margin-bottom: 20px;
22+
}
23+
24+
form {
25+
max-width: 400px;
2026
margin: 0 auto;
2127
}
28+
29+
label {
30+
display: block;
31+
margin-top: 10px;
32+
}
33+
34+
input[type="text"],
35+
input[type="email"],
36+
select {
37+
width: 100%;
38+
padding: 8px;
39+
margin-top: 5px;
40+
box-sizing: border-box;
41+
}
42+
43+
button, input[type="submit"] {
44+
margin-top: 15px;
45+
padding: 10px 20px;
46+
background-color: #000000;
47+
color: #ffffff;
48+
border: none;
49+
cursor: pointer;
50+
}
51+
52+
input, select {
53+
color: #222222;
54+
background-color: #ffffff;
55+
}
56+
2257
</style>
58+
2359
</head>
2460
<body>
25-
<header><h1>🧐 CYF Coursework Disposable Branch Previews</h1></header>
61+
<header>
62+
<h1>Product Pick</h1>
63+
</header>
2664
<main>
27-
<ol>
28-
<li>
29-
<h2><a href="/Wireframe">Project 1: Wireframe</a></h2>
30-
<p>
31-
Mentors:
32-
<a href="Wireframe/readme.md">open the assignment in a tab</a>
33-
</p>
34-
</li>
35-
<li>
36-
<h2><a href="/Form-Controls">Project 2: Form Controls</a></h2>
37-
<p>
38-
Mentors:
39-
<a href="Form-Controls/readme.md">open the assignment in a tab</a>
40-
</p>
41-
</li>
42-
</ol>
65+
<form>
66+
<label for="name">Customer Name</label>
67+
<input type="text" id="name" name="name" placeholder="Enter Your Name" pattern=".*\S.*\S.*" required>
68+
<br>
69+
<label for="email">Email</label>
70+
<input type="email" id="email" name="email" placeholder="Enter Your Email" required>
71+
<br>
72+
Choose a color:
73+
<div>
74+
<label for="red">Red</label>
75+
<input type="radio" id="red" name="color" value="red" required>
76+
</div>
77+
<div>
78+
<label for="black">Black</label>
79+
<input type="radio" id="black" name="color" value="black" required>
80+
</div>
81+
<div>
82+
<label for="cream">Cream</label>
83+
<input type="radio" id="cream" name="color" value="cream" required>
84+
</div>
85+
<br>
86+
<label for="size">Choose a size:</label>
87+
<select id="size" name="size" required>
88+
<option value="">Select a size</option>
89+
<option value="extrasmall">XS</option>
90+
<option value="small">S</option>
91+
<option value="medium">M</option>
92+
<option value="large">L</option>
93+
<option value="extralarge">XL</option>
94+
<option value="doubleextralarge">XXL</option>
95+
</select>
96+
<br>
97+
<button type="submit" value="Submit">Submit</button>
98+
</form>
4399
</main>
44-
<footer><a href="HOW_TO_REVIEW.md">HOW TO REVIEW MD</a></footer>
100+
<footer>
101+
<!-- change to your name-->
102+
<p>By Yonatan Teklemariam</p>
103+
</footer>
45104
</body>
46-
</html>
105+
<-- This is a comment. It will not be displayed on the page. -->
106+
<-- You can add more comments like this to explain your code. -->
107+
</html>

0 commit comments

Comments
 (0)