Animal-Card-FEND/index.html at master · ClaudeDev/Animal-Card-FEND · GitHub

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
<!DOCTYPE html>
<html>

<head>
  <meta charset="utf-8">
  <title>Animal Trading Cards</title>
  <link rel="stylesheet" href="styles.css">
  <link href="https://fonts.googleapis.com/css?family=Exo+2:200i|Open+Sans|Barlow|Rock+Salt|Shadows+Into+Light|Kalam:700" rel="stylesheet">
</head>

<body>
  <div class="element container solid-card-border">
    <!-- your favorite animal's image goes here -->
    <div>
      <h3 class="h3text solid-h3-border">
        Black Panther
      </h3>
      <img src="http://res.cloudinary.com/dikujrdbe/image/upload/v1510546923/Panther_gl6hgp.jpg" class="displayed hidden-image-border" alt="Black Panther Animated">
    </div>

    <div class="solid-fact-border">
      <!-- your favorite animal's interesting fact goes here -->
      <p class="italic-fact">
        Panthers can reach up to 58 kilometres per hour and they can run after their prey with the same speed.
      </p>
      <ul class="list-text">
        <!-- your favorite animal's list items go here -->
        <li class="licentered">
          <span class="list-item-attribute-title">Diet</span>: Carnivore
        </li>
        <li class="licentered">
          <span class="list-item-attribute-title">Weight</span>: 29 to 91kg
        </li>
        <li class="licentered">
          <span class="list-item-attribute-title">Life Span</span>: 20 years under supervision and 12 years on their own
        </li>
        <li class="licentered">
          <span class="list-item-attribute-title">Conservation Status</span>: The Florida Panther is one of the most endangered mammals on the planet.</li>
      </ul>
      <!-- your favorite animal's description goes here -->
      <p class="list-text">
        A black panther is the melanistic color variant of any big cat species. Black panthers in Asia and Africa are leopards (Panthera pardus), and those in the Americas are black jaguars (Panthera onca). Panthers are great swimmers and often dive to relax
        themselves. They have keen sense of hearing and extremely good eye sight with strong jaws and firm claws to hold on their prey. They are very agile and can leap up to 20 feet to catch their food. They are very good and strong climbers and can
        take their heavy prey on trees and devour the food there.
      </p>
    </div>
  </div>
</body>

</html>