css-mantis/index.html at master · CodeBerrySchool/css-mantis · 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>
  <title>Mantis shrimp</title>
</head>
<body>

  <img src="http://i.imgur.com/tPT0bDo.jpg" alt="Mantis shrimp">

  <h1>True facts about the mantis shrimp</h1>
  <p class="lead">Mantis shrimps are predators which kill their prey by hitting them at high speed. They have large complex eyes and are highly coloured.</p>

  <h2>Attack</h2>
  <p>Mantis shrimps have two methods of attack; they can be <strong>spearers</strong> or <strong>smashers</strong>.</p>
  <p>They strike by rapidly unfolding and swinging their claws at the prey, and can cause serious damage on victims larger than themselves.</p>

  <h2>Eyesight</h2>
  <p>Their eyes are mounted on mobile stalks and constantly move about independently of each other. They are considered to be the most complex eyes in the animal kingdom.</p>
  <p>The mantis shrimp has such good eyes it can perceive both polarized light, and colour vision outside the normal visual spectrum.</p>

  <table>
    <caption>Types of color-receptive cones present in the eye</caption>
    <tr>
      <th>species</th>
      <th>types of cones</th>
    </tr>
    <tr>
      <td>dogs</td>
      <td>2</td>
    </tr>
    <tr>
      <td>humans</td>
      <td>3</td>
    </tr>
    <tr>
      <td>butterflies</td>
      <td>5</td>
    </tr>
    <tr>
      <td>mantis shrimp</td>
      <td>16</td>
    </tr>
  </table>

  <hr>

  <footer>Source: <a href="https://simple.wikipedia.org/wiki/Mantis_shrimp" target="_blank">Wikipedia</a></footer>

</body>
</html>