EMP-comp/animals.html at main · Cweeeeeee/EMP-comp · 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
51
52
53
54
55
56
57
58
59
60
61
62
63
<!DOCTYPE html>
<html>
  <head>
    <title>Harmony Wildlife Sanctuary</title>
    <link rel="stylesheet" href="style.css">
    <meta name="viewport" content="width=device-width, initial-scale=1">
  </head>
  <body>
    <header>
      <div>
        <img src="images/logo.png" id="logo"/>
        <h2>Harmony Wildlife Sanctuary</h2>
      </div>
      <nav>
        <a href="index.html">Home</a>
        <a href="animals.html">Our Wildlife</a>
        <a href="about.html">About Us</a>
      </nav>
    </header>
    <main>
      <h1>Our Wildlife</h1>

      <!-- Lesson 3 - Exercise 2 -->
      <section class="animals">
        <div class="animal">
          <img src="images/elephant.jpg">
          <h3>Elephant</h3>
          <p>Elephants are the largest land mammals known for their size, intelligence, and remarkable memory. They have a long trunk, large tusks, and live in social groups called herds.</p>
        </div>
        <div class="animal">
            <img src="images/bengal-tiger.jpg">
            <h3>Bengal Tiger</h3>
            <p>Bengal Tigers are majestic big cats known for their orange coat with black stripes. They are powerful hunters and can be found in the forests of India and other parts of Asia.</p>
        </div>
        <div class="animal">
            <img src="images/capybara.jpg">
            <h3>Capybara</h3>
            <p>Capybaras are the largest rodents in the world, resembling oversized guinea pigs. They are semi-aquatic and live near bodies of water, forming social groups and often seen bathing.</p>
        </div>
        <div class="animal">
            <img src="images/gorilla.jpg">
            <h3>Silverback Gorilla</h3>
            <p>Silverback Gorillas are dominant male gorillas with silver hair on their backs. They are powerful and live in family groups, exhibiting complex social behaviors in their forest habitats.</p>
          </div>
          <div class="animal">
              <img src="images/flying-frog.jpg">
              <h3>Flying Frog</h3>
              <p>The Flying Frog is a unique amphibian capable of gliding through the air using webbed feet and skin flaps. They are found in Southeast Asian rainforests and have vibrant colors.</p>
          </div>
          <div class="animal">
              <img src="images/hippo.jpg">
              <h3>Hippo</h3>
              <p>Hippos are large, semi-aquatic mammals with barrel-shaped bodies and huge mouths. Despite their hefty appearance, they are agile swimmers and reside near rivers and lakes in Africa.</p>
          </div>
      </section>

    </main>
    <footer>
      <p>&copy; 2023 Developed by CodeWizardsHQ</p>
    </footer>

  </body>
</html>