Deep-Sea/gallery.html at main · LucaDai/Deep-Sea · 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
<!DOCTYPE html>
<html>
    <head>
        <title>Gallery of The Deep Sea</title>
        <link rel="stylesheet" href="style.css">
    </head>
    <body>
      <script src="https://kit.fontawesome.com/c28a2a9143.js" crossorigin="anonymous"></script>

      <h1 class = "sea">Deep Sea</h1>
      <hr>
      <h2 class="headertekst"></h2><br>
          <div class="gallery">
            <a target="StripedBass">
              <img src="images/striped-bass.png" alt="StripedBass" width="600" height="400">
            </a>
            <div class="desc">Striped Bass</div>
            <div class="detail">It lives in saltwater oceans, but enter freshwater to spawn. They are nocturnal and are especially active at night; near their habitat, the sound of slapping water is often heard late in the quiet night. It is a carnivorous fish, feeding on small fish and crustaceans, and its breeding season is in autumn and winter.</div>
          </div>
          <div class="gallery">
            <a target="ClownFish">
                <img src="images/clown-fish.png" alt="ClownFish" width="600" height="400">
            </a>
            <div class="desc">ClownFish</div>
            <div class="detail">Most clownfish live in waters with clear water, plenty of light, and a water depth of more than 50 meters. Clownfish have an inextricable symbiotic relationship with sea anemones. Anemones provide shelter and protection, while clownfish clean up parasites, necrotic tissue, and organic and inorganic waste from the anemones.</div>
            </div>
          </div>

          <div class="gallery">
            <a target="BlueTang" >
              <img src="images/blue-tang.png" alt="BlueTang" width="600" height="400">
            </a>
            <div class="desc">Blue Tang</div>
            <div class="detail">It inhabits the reef area facing the sea and passing by the current, and the habitat depth is about 2-40 meters. Adults usually gather in groups about 1 meter above the seafloor, while juveniles gather near coral shoots. It is known that it mainly feeds on extremely fine zooplankton and algae. This fish is distributed in the Indo-Pacific waters, including the Great Barrier Reef.</div>
          </div>

          <div class="gallery">
            <a target="Turtle">
              <img src="images/green-sea-turtle-Left.png" alt="Turtle" width="600" height="400">
            </a>
            <div class="desc">Green Sea Turtle</div>
            <div class="detail">They live in the sea most of their lives, but they still retain some of their ancestors' lifestyles during the evolution process, so they must return to their birthplace to lay eggs and breed offspring, forming a unique living habit. Research suggests that 52% of the world’s turtles have eaten plastic waste. The reasons are simple: a floating plastic bag can look like a lot of jellyfish, algae, or other species that make up a large component of the sea turtles’ diets.</div>
          </div>

          <div class="gallery">
            <a target="Plastic">
              <img src="images/bag.png" alt="Plastic" width="600" height="400">
            </a>
            <div class="desc">Plastic</div>
            <div class="detail">At least 14 million tons of plastic end up in the ocean every year, and plastic makes up 80% of all marine debris found from surface waters to deep-sea sediments. Marine species ingest or are entangled by plastic debris, which causes severe injuries and death.</div>
          </div>
        <div class="back">
          <button onclick= "window.location.href='index.html';" class = "tton"><i class="fas fa-gamepad"></i>   Back to Deep Sea</button>
        </div>
    </body>

</html>