-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathzoo-page-requirements.html
81 lines (81 loc) · 2.61 KB
/
zoo-page-requirements.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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
<!DOCTYPE html>
<html>
<head>
<title>Zoo Requirements</title>
</head>
<body>
<main>
<!-- Header gives a title and image to introduce the page -->
<header>
<h1>Zoo Animal Education Material</h1>
<br />
<img
src="./img/Park.jpg"
alt="Zoo Entrance"
height="300
"
/>
</header>
<!-- Section covers the page title and description of the page's purpose -->
<section>
<h2>Zoo Animals List</h2>
<p>
The below information lists our lovely zoo animals with descriptions,
pictures, and links for further reading.
</p>
</section>
<!-- Section contains list of zoo animals with pictures, descriptions, and links to wikipedia pages -->
<section>
<h2><a href="https://en.wikipedia.org/wiki/Bear">Bears</a></h2>
<img
src="./img/Bear.jpg"
alt="Bear Photo"
height="200
"
/>
<p>Bears are large and potentially dangerous</p>
<ul>
<li>Ollie</li>
<li>Mona</li>
</ul>
<h2><a href="https://en.wikipedia.org/wiki/Giraffe">Giraffes</a></h2>
<img src="./img/Giraffe.jpg" alt="Giraffe Photo" height="230" />
<p>Giraffes are large but largely harmless</p>
<ul>
<li>Frankie</li>
<li>Coconut</li>
</ul>
<h2><a href="https://en.wikipedia.org/wiki/Lion">Lions</a></h2>
<img src="./img/Lion.jpg" alt="Lion Photo" height="200" />
<p>Lions are large, fast, and potentially dangerous</p>
<ul>
<li>Mella</li>
<li>Karl</li>
</ul>
<h2><a href="https://en.wikipedia.org/wiki/Monkey">Monkeys</a></h2>
<img src="./img/Monkey.jpg" alt="Monkey Photo" height="200" />
<p>Monkeys can be fun but may prank employees</p>
<ul>
<li>Cookie</li>
<li>Earl</li>
<li>Banana Pudding</li>
</ul>
<h2><a href="https://en.wikipedia.org/wiki/Alligator">Alligator</a></h2>
<img src="./img/Alligator.jpg" alt="Alligator Photo" height="200" />
<p>Alligators are potentially dangerous and exist in the water</p>
<ul>
<li>Wren</li>
<li>Aspen</li>
<li>Mika</li>
</ul>
</section>
</main>
<!-- Footer includes a warning for employees to act with care -->
<footer>
<span style="color: red"
>Please review material thoroughly, so when caring for animals all
appropriate considerations and risks are taken into account
</span>
</footer>
</body>
</html>