-
Notifications
You must be signed in to change notification settings - Fork 0
/
card.html
44 lines (42 loc) · 1.67 KB
/
card.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<title>Animal Trading Cards</title>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<!-- It honestly feels like a mess of code and tweaking bits here and there. I think it could be a lot more efficient.
I wanted to do more. Hopefully it passes -->
<div id="outer" class="border">
<!-- your favorite animal's name goes here -->
<div id="four50">
<h3>American Bison</h3>
<!-- your favorite animal's image goes here -->
<img src="american-bison-yann-allegre-crop.png" alt="American Bison">
<div class="inner-border">
<div>
<!-- your favorite animal's interesting fact goes here -->
<p id="interesting">Bison are the largest animal in North America. They are also fast, running up to
35 MPH. They can jump high fences, and are strong swimmers.
</p>
<ul class="left">
<!-- your favorite animal's list items go here -->
<li><span>Scientific Name</span>:
Bison bison</li>
<li><span>Average Length</span>: 6.6-11.5 feet</li>
<li><span>Average Life Span</span>: 12 to 20 years</li>
<li><span>Habitat</span>: Open grasslands in N. America</li>
</ul>
<!-- your favorite animal's description goes here -->
<p>The front and back of the American bison have different shades of brown fur. It protects
the bison from the rough elements of the plains, spanning Mexico to Canada.
They are often referred to as Buffalo, which are Asian. They can reach up to 11 and a half feet in length and are fast
and agile, despite their lumbering appearance. They fertilize the soil as they thrust their
hooves into the soil.
</p>
</div>
</div>
</div></div>
</body>
</html>