-
Notifications
You must be signed in to change notification settings - Fork 4
/
Copy pathcard.html
29 lines (29 loc) · 1.3 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Animal Trading Cards</title>
<link rel="stylesheet" href="styles.css">
</head>
<body class="border margin-1rem max-width-1">
<div>
<!-- your favorite animal's name goes here -->
<h3 class="font-size-2rem margin-1rem">Cat</h3>
<!-- your favorite animal's image goes here -->
<img class="margin-1rem" src="http://placekitten.com/g/300/200" alt="Cat">
<div class="border margin-1rem">
<!-- your favorite animal's interesting fact goes here -->
<p class="margin-1rem"><em>Cats have over 20 muscles that control their ears.</em></p>
<ul>
<!-- your favorite animal's list items go here -->
<li class="list-style-none"><span class="bold">Kingdom</span>: Animalia</li>
<li class="list-style-none"><span class="bold">Phylum</span>: Chordata</li>
<li class="list-style-none"><span class="bold">Class</span>: Mammalia</li>
<li class="list-style-none"><span class="bold">Order</span>: Carnivora</li>
</ul>
<!-- your favorite animal's description goes here -->
<p class="margin-1rem">The domestic cat is a small, typically furry, carnivorous mammal. They are often called house cats when kept as indoor pets or simply cats when there is no need to distinguish them from other felids and felines.</p>
</div>
</div>
</body>
</html>