-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
142 lines (135 loc) · 4.48 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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
<html>
<head>
<title>Zoo Animal Database</title>
</head>
<body>
<h1>How to Identify and Care for Animals at this Zoo.</h1>
<section>
<h2>Bears</h2>
<ul>
<li>Ollie</li>
<img
src="images/ollie.jpg"
alt="Picture of the bear, Ollie, resting"
width="500"
height="400"
/>
<p>Ollie Likes honey.</p>
<li>Mona</li>
<img
src="images/mona.jpg"
alt="Picutre of the bear, Mona, sitting."
width="500"
height="400"
/>
<p>Mona likes taking Ollie's honey.</p>
</ul>
<p>For more information about bears. <a href="https://en.wikipedia.org/wiki/Bear">Click Here.</a></p>
</section>
<section>
<h2>Giraffes</h2>
<ul>
<li>Frankie</li>
<img
src="images/frankie.jpeg"
alt="close up of the giraffe, Frankie, looking the camera"
width="500"
height="400"
/>
<p>Frankie likes to swing his head in circles.</p>
<li>Coconut</li>
<img
src="images/coconut.jpeg"
alt="Picture of the giraffe, coconut, standing"
width="500"
height="400"
/>
<p>Coconut will sleep standing up.</p>
</ul>
<p>For more information about giraffes. <a href="https://en.wikipedia.org/wiki/Giraffe">Click Here.</a></p>
</section>
<section>
<h2>Lions</h2>
<ul>
<li>Mella</li>
<img
src="images/mella.jpeg"
alt="Picture of the lion, Mella, head swaying"
width="500"
height="400"
/>
<p>Will chase you if you run from her.</p>
<li>Karl</li>
<img
src="images/karl.jpeg"
alt="Picture of the lion, Karl, sitting sunlight."
weidth="500"
height="400"
/>
<p>Karl is always spaced out.</p>
</ul>
<p>For more information about lions. <a href="https://en.wikipedia.org/wiki/Lion">Click Here.</a></p>
</section>
<section>
<h2>Monkeys</h2>
<ul>
<li>Cookie</li>
<img
src="images/cookie.jpeg"
alt="Picture of the monkey, Cookie, looking through wallets"
width="500"
height="400"
/>
<p>Will steal your wallet.</p>
<li>Earl</li>
<img
src="images/earl.jpeg"
alt="Picture of the monkey, Earl, with a phone"
width="500"
height="400"
/>
<p>Will steal your phone.</p>
<li>Banana Pudding</li>
<img
src="images/bananapudding.jpeg"
alt="Picture of the monkey, banna pudding, with glasses"
width="500"
height="400"
/>
<p>Will steal your glasses.</p>
</ul>
<p>For more information about monkeys. <a href="https://en.wikipedia.org/wiki/Monkey">Click Here.</a></p>
</section>
<section>
<h2>Alligators</h2>
<ul>
<li>Wren</li>
<img
src="images/wren.jpg"
alt="image of swamp since Wren is invisble"
width="500"
height="400"
/>
<!-- This image is just a swamp and is the correct image. The alligator is invisible. -->
<p>Is invisible, be careful when feeding.</p>
<li>Aspen</li>
<img
src="images/aspen.jpg"
alt="Image of the alligator, Aspen, resting."
width="500"
height="400"
/>
<p>Easy to mistaken as a rock, be careful when feeding.</p>
<li>Mika</li>
<img
src="images/mika.jpg"
alt="image of the alligator, Mika, opened mouthed."
width="500"
height="400"
/>
<p>Will playfully eat you, be careful when feeding.</p>
</ul>
<p>For more information about alligators. <a href="https://en.wikipedia.org/wiki/Alligator">Click Here.</a></p>
</section>
</body>
</html>