Skip to content

Commit 6bc3697

Browse files
author
Chris Owen
authored
Create index.html
1 parent 993c705 commit 6bc3697

File tree

1 file changed

+130
-0
lines changed

1 file changed

+130
-0
lines changed

‎zoo-css-challenge/index.html‎

Lines changed: 130 additions & 0 deletions
Original file line numberDiff line numberDiff line change
@@ -0,0 +1,130 @@
1+
<body>
2+
<header>
3+
<img src='https://sharp-villani-e65ba8.netlify.app/zoo.svg'
4+
alt="zoo logo"
5+
id="logo"
6+
>
7+
<nav>
8+
<ul>
9+
<li>Directions</li>
10+
<li>Food & Drink</li>
11+
<li>Education</li>
12+
<li>Your Visit</li>
13+
</ul>
14+
</nav>
15+
</header>
16+
<main>
17+
<section class="introduction">
18+
<h1>Birmingham Zoo</h1>
19+
</section>
20+
21+
<div id="badge">
22+
<p>Opening 2021!</p>
23+
</div>
24+
25+
<section class="bears">
26+
<h2>Bears</h2>
27+
<p>Did you know that a bear's closest relative is the seal? Or that bears can smell over 2,000 times better than humans?</p>
28+
<div class="image-container">
29+
<img
30+
src="https://placebear.com/200/300"
31+
alt="Grizzly Bear"
32+
width="200"
33+
height="300"
34+
>
35+
<img src="https://placebear.com/400/300"
36+
alt="Grizzly Bear"
37+
width="400"
38+
height="300"
39+
>
40+
<img src="https://placebear.com/200/400"
41+
alt="Grizzly Bear"
42+
width="200"
43+
height="400"
44+
>
45+
</div>
46+
</section>
47+
48+
<section class="tigers">
49+
<h2>Tiger</h2>
50+
<h3>Top 5 Tiger Facts</h3>
51+
<ol>
52+
<li>Tigers are the largest cat species in the world reaching up to 3.3 meters in length and weighing up to 670 pounds!
53+
<li>Tigers are easily recognizable with their dark vertical stripes and reddish/orange fur.
54+
<li>The Bengal tiger is the most common tiger.
55+
<li>Tigers live between 20-26 years in the wild.
56+
<li>Unlike most other cats, tigers are great swimmers and actually like the water.
57+
</ol>
58+
</section>
59+
60+
<section class="giraffe">
61+
<h2>Giraffe</h2>
62+
63+
<p>Giraffes are the world's tallest mammals, thanks to their towering legs and long necks. A giraffe's legs alone are taller than many humans—about 6 feet . These long legs allow giraffes to run as fast as 35 miles an hour over short distances and cruise comfortably at 10 miles an hour over longer distances.</p>
64+
65+
<h3>Behavior</h3>
66+
67+
<p>Typically, these fascinating animals roam the open grasslands in small groups of about half a dozen.</p>
68+
69+
<p>Bulls sometimes battle one another by butting their long necks and heads. Such contests aren't usually dangerous and end when one animal submits and walks away.</p>
70+
71+
<h3>Height and Size</h3>
72+
73+
<p>Giraffes use their height to good advantage and browse on leaves and buds in treetops that few other animals can reach (acacias are a favorite). Even the giraffe's tongue is long! The 21-inch tongue helps them pluck tasty morsels from branches. Giraffes eat most of the time and, like cows, regurgitate food and chew it as cud. A giraffe eats hundreds of pounds of leaves each week and must travel miles to find enough food.</p>
74+
</section>
75+
76+
<section class="news">
77+
<h2>News</h2>
78+
<div class="card">
79+
<time>2010-04-16</time>
80+
<h4>Helping wild turtles in Seychelles</h4>
81+
<a>Find out More</a>
82+
</div>
83+
<div class="card">
84+
<time>2010-04-12</time>
85+
<h4>Learning about the rainforest</h4>
86+
<a>Find out More</a>
87+
</div>
88+
</section>
89+
90+
<section class="education">
91+
<div class="education-container">
92+
<h3>Learning resources for schools</h3>
93+
<p>Explore our activities, videos, and lesson plans to support a wide range of curriculum topics</p>
94+
<button>Find them here</button>
95+
</div>
96+
</section>
97+
98+
<section class="membership">
99+
<h2>Are there any benefits or discounts for members?</h2>
100+
<p>There are <strong>AMAZING</strong> benefits of becoming a member with Birmingham Zoo! Our members get special discounts in our shops, cafes, and unlimited entry</p>
101+
<button>Learn More</button>
102+
</section>
103+
104+
<section class="programs">
105+
<h2>Programs</h2>
106+
<div class="card">
107+
<h4>Children and Family Programs</h4>
108+
<a>Find out More</a>
109+
</div>
110+
<div class="card">
111+
<h4>Adult Programs</h4>
112+
<a>Find out More</a>
113+
</div>
114+
<div class="card">
115+
<h4>Youth and young adults</h4>
116+
<a>Find out More</a>
117+
</div>
118+
<h3>Useful Links</h3>
119+
<p>
120+
</p>
121+
<a href="https://www.w3schools.com">w3schools.com</a>
122+
<a href="https://www.nationalgeographic.com/" target="_blank">National Geographic</a>
123+
<a href="http://www.wikipedia.org" target="_top">Wikipedia</a>
124+
</section>
125+
126+
</main>
127+
<footer>
128+
<p>Open Monday-Friday 7am-4pm</p><address>1 Birmingham Road</address>
129+
</footer>
130+
</body>

0 commit comments

Comments
 (0)