-
Notifications
You must be signed in to change notification settings - Fork 19
/
Copy pathindex.html
51 lines (43 loc) · 1.59 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
<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>Welcome to the Zoo!</title>
<link rel='stylesheet' href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400italic,600,600italic'>
<link rel="stylesheet" href="resources/style.css">
</head>
<body>
<header>
<h1>Welcome to the Zoo!</h1>
</header>
<section class="featured-animal">
<h2>Featured Animal</h2>
<div class="featured-animal--info">
<p class="featured-animal--description">
Each week we feature a different animal from our zoo. The featured animal this week is
<strong class="featured-animal--name"></strong>, a
<span class="featured-animal--age"></span> year-old
<span class="featured-animal--common-name"></span> who lives at the
<span class="featured-animal--location"></span>.
</p>
<div class="featured-animal--image-container">
</div>
</div>
</section>
<section class="animal-gallery">
<h2>Animal Gallery</h2>
<p>Take a look at the animals at the zoo!</p>
<div class="animal-gallery--animals">
</div>
</section>
<section class="animal-ages">
<h2>Animal Ages</h2>
<p>We have a wide variety of species and ages at the zoo!</p>
</section>
<section class="attribution">
<p>Images <a href="resources/attribution.html">provided by Wikimedia Commons</a>.</p>
</section>
<script src="resources/render-helpers.js"></script>
<script src="zoo.js"></script>
</body>
</html>