-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
66 lines (64 loc) · 3.3 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Mad Libs</title>
<link rel="stylesheet" href="css/style.css">
<script defer src="js/main.js"></script>
</head>
<body>
<header class="header">
<a class="header__a" href="/"><h1 class="center">Mad Libs</h1></a>
</header>
<main class="main">
<article class="main__article madLibsForm">
<h3 class="center">Fill out the form to see your Mad Lib!</h3>
<hr>
<form class="madLibsForm__form">
<fieldset class="madLibsForm__fieldset">
<legend class="offscreen">Fill out the form to see your Mad Lib!</legend>
<section class="madLibsForm__section">
<label class="madLibsForm__label" for="adj1">Adjective:</label>
<input class="madLibsForm__input" type="text" name="adj1" id="adj1">
</section>
<section class="madLibsForm__section">
<label class="madLibsForm__label"for="noun">Noun:</label>
<input class="madLibsForm__input" type="text" name="noun" id="noun">
</section>
<section class="madLibsForm__section">
<label class="madLibsForm__label"for="adj2">Adjective:</label>
<input class="madLibsForm__input" type="text" name="adj2" id="adj2">
</section>
<section class="madLibsForm__section">
<label class="madLibsForm__label"for="clothing">Clothing:</label>
<input class="madLibsForm__input" type="text" name="clothing" id="clothing">
</section>
<section class="madLibsForm__section">
<label class="madLibsForm__label"for="bodyPart">Body Part:</label>
<input class="madLibsForm__input" type="text" name="bodyPart" id="bodyPart">
</section>
<section class="madLibsForm__section">
<label class="madLibsForm__label"for="verb">Verb:</label>
<input class="madLibsForm__input" type="text" name="verb" id="verb">
</section>
<section class="madLibsForm__section">
<label class="madLibsForm__label"for="food">Food:</label>
<input class="madLibsForm__input" type="text" name="food" id="food">
</section>
</fieldset>
<button class="madLibsForm__button madLibsForm__button--submit" id="submit" type="submit">Submit</button>
<button class="madLibsForm__button madLibsForm__button--reset" id="reset" type="reset">Reset</button>
</form>
<hr>
<p class="madLibsForm__p"></p>
</article>
</main>
<footer class="footer">
<p class="footer__p center">
Codefi Code Labs Prework Final Project<br>
(Made by <a href="https://github.com/amturner/CodeLabs-Prework-FinalProject" target="_blank">Alexander Turner</a> - <date datetime="2023-07-05">5th July 2023</date>)
</p>
</footer>
</body>
</html>