-
-
Notifications
You must be signed in to change notification settings - Fork 67
/
Copy pathindex.html
62 lines (58 loc) · 2.37 KB
/
index.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
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
<!DOCTYPE html>
<html lang="en-ca">
<head>
<meta charset="utf-8">
<title>JS ❤ CSS</title>
<meta name="viewport" content="width=device-width,initial-scale=1">
<link href="css/main.css" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Dosis:400,700" rel="stylesheet">
</head>
<body>
<header>
<h1 class="big-heading">Sea Slugs</h1>
</header>
<main>
<p>A nudibranch is a member of the Nudibranchia, a group of soft-bodied, marine gastropod mollusks which shed their shells after their larval stage. They are noted for their often extraordinary colours and striking forms. Currently, about 2,300 valid species of nudibranchs are known.</p>
<section>
<h2>Colourful nudibranchs</h2>
<ul>
<li>
<img src="images/ceratosoma-amoenum.jpg" alt="">
<h3>Ceratosoma amoenum</h3>
<p>Ceratosoma amoenum, or the clown nudibranch, is a species of colorful dorid nudibranch, a sea slug, a shell-less marine gastropod mollusk in the family Chromodorididae.</p>
<dl>
<dt class="big-label">Genus</dt>
<dd>Ceratosoma</dd>
<dt class="big-label">Species</dt>
<dd>C. amoenum</dd>
</dl>
</li>
<li>
<img src="images/hypselodoris-bennetti.jpg" alt="">
<h3>Hypselodoris bennetti</h3>
<p>Hypselodoris bennetti is a species of colourful sea slug or dorid nudibranch, a marine gastropod mollusk in the family Chromodorididae.</p>
<dl>
<dt class="big-label">Genus</dt>
<dd>Hypselodoris</dd>
<dt class="big-label">Species</dt>
<dd>H. bennetti</dd>
</dl>
</li>
<li>
<img class="slug-img" src="images/tambja-verconis.jpg" alt="">
<h3>Tambja verconis</h3>
<p>Tambja verconis, common name Verco’s nudibranch, is a species of brightly coloured “sea slug”, more correctly a nudibranch, a marine gastropod mollusk in the family Polyceridae.</p>
<dl>
<dt class="big-label">Genus</dt>
<dd>Tambja</dd>
<dt class="big-label">Species</dt>
<dd>T. verconis</dd>
</dl>
</li>
</ul>
</section>
</main>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.0.0-beta1/jquery.min.js"></script>
<script src="js/main.js"></script>
</body>
</html>