-
Notifications
You must be signed in to change notification settings - Fork 0
/
species.html
66 lines (61 loc) · 2.48 KB
/
species.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
63
64
65
66
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Alien Species Among Us - Galactic Whiskers</title>
<link rel="stylesheet" href="global.css">
<link rel="stylesheet" href="species.css">
</head>
<body>
<header>
<img id="logo" src="logo.png" alt="Logo">
<h1>ALIENS IN DISGUISE???</h1>
<!-- Needs to be at least liiiitle authentic, right? ;) -->
<marquee behavior="scroll" direction="right">...they are watching...</marquee>
<nav>
<ul>
<li><a href="index.html">Home</a></li>
<li><a href="arrival.html">The Great Feline Arrival</a></li>
<li><a class="active-nav" href="species.html">Alien Species Among Us</a></li>
<li><a href="evidence.html">Evidence & Sightings</a></li>
</ul>
</nav>
</header>
<main>
<h2>Do you recognise them?</h2>
<p>Even if you do not recognise any of these cat species, BEWARE because cats are advanced intergalactic spies employing all kinds of masking techniques in an effort to hide their true identities!!</p>
<p>This list is not complete by any means and should not be treated as such. Join our endevour to identify more species.</p>
<div id="gallery">
<div class="gallery-item">
<img src="species-1.jpg" alt="An alien spieces no. 1">
<span>Abyssinian (space)cat</span>
</div>
<div class="gallery-item">
<img src="species-2.jpg" alt="An alien spieces no. 2">
<span>British longhair (space)cat</span>
</div>
<div class="gallery-item">
<img src="species-3.jpg" alt="An alien spieces no. 3">
<span>Foldex (space)cat</span>
</div>
<div class="gallery-item">
<img src="species-4.jpg" alt="An alien spieces no. 4">
<span>Birman (space)cat</span>
</div>
<div class="gallery-item">
<img src="species-5.jpg" alt="An alien spieces no. 5">
<span>Bengal (space)cat</span>
</div>
<div class="gallery-item">
<img src="species-6.jpg" alt="An alien spieces no. 6">
<span>Bombay (space)cat</span>
</div>
</div>
</main>
<footer>
<p>© 1998 Galactic Whiskers (not really)</p>
<p>Disclaimer: This website is a creative and playful reimagination of an early era website when the internet was young and cats first hacked it. All content is meant for laughs and should be taken as seriously as a cat chasing a laser pointer.</p>
</footer>
</body>
</html>