-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
160 lines (155 loc) · 5.94 KB
/
index.html
File metadata and controls
160 lines (155 loc) · 5.94 KB
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
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Extinct - Home</title>
<link rel="stylesheet" href="style.css">
</head>
<body>
<header>
<div class="container">
<nav>
<ul>
<li><a href="home.html">Home</a></li>
<li><a href="about.html">About</a></li>
<li><a href="#">Extinct Species</a></li>
<li><a href="timeline.html">Timeline</a></li>
<li><a href="contact.html">Contact</a></li>
</ul>
</nav>
<div class="hero">
<h1>Extinct</h1>
<p>Discover the fascinating world of extinct species, from the terrifying Helicoprion to the gentle Dodo bird.</p>
<a href="explore.html" class="btn">Explore</a>
</div>
</div>
</header>
<main>
<section class="featured-species">
<div class="container">
<h2>Featured Species</h2>
<div class="species">
<h3>Helicoprion</h3>
<img src="assets/images/Helicoprion.png" alt="Helicoprion">
<p>The Helicoprion is an Extinct Species related to the modern day Sharks.
They lived 270 Million years ago During the early Permian period in the Paleozoic era.
The cause of their extinction is due to the "Permian Extinction" which occured 252 Million
years ago due to overfullings of lava warming the planet killing Millions of species leading to extinction,
and that was the2nd mass Extinction event in the Earth's history.
</p>
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Dunkleosteus</h3>
<img src="assets/images/Dunkleosteus.png" alt="Dunkleosteus">
<!--<p> contain needs to be edit accordingly-->
<p>The Dunkleosteus is an Extinct genus of humagus fish that lived in the late Devonian Period
around 358 Million years ago in Paleozoic era
</p>
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Dimetrodon</h3>
<img src="assets/images/Dimetrodon.png" alt="Dimetrodon">
<p>The Dimetrodon is an Extinct genus of warm blooded lizards.
</p>
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Megalania</h3>
<img src="assets/images/Megalania.png" alt="Megalania">
<p>The Megalania is an Extinct genus of Poisonius lizards that roamed australia 50,000 years ago.
</p>
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Terror Bird</h3>
<img src="assets/images/Terror Bird.png" alt="Terror Bird">
<p>The Terror Bird is an Extinct genus of Large flightless Birds that mainly roamed South America
but it also lived in Africa 53 to 0.1Million years ago.
</p>
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Doedicurus</h3>
<img src="assets/images/Doedicurus.png" alt="Doedicurus">
<p>The Doedicurus is an Extinct genus of Large armadila's that roamed South America 12,000 years ago.
</p>
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Titanaboa</h3>
<img src="assets/images/Titanaboa.png" alt="Titanaboa">
<p>The Titanaboa lived in Collombia and went Extinct 58 Million years ago due to the dropping temperature
leading to Extinction.Oh climate change how tragic can it be.</p>
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>ichthyosaur</h3>
<img src="assets/images/ichthyosaur.png" alt="ichthyosaur">
<p>The ichthyosaur lived in the Mesozoic era 250 Million years ago in the jurassic Period and went Extinct around
90 Million years ago.
</p>
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Josephoartigasia monesi</h3>
<img src="assets/images/Josephoartigasia monesi.png" alt="Josephoartigasia monesi">
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Woolly Mammoth</h3>
<img src="assets/images/Woolly Mammoth.png" alt="Woolly Mammoth">
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Dodo</h3>
<img src="assets/images/Dodo Bird.png" alt="Dodo">
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Great Auk</h3>
<img src="assets/images/Great Auk.png" alt="Great Auk">
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Laughing owl</h3>
<img src="assets/images/Laughing owl.png" alt="Laughing owl">
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Haast Eagle</h3>
<img src="assets/images/Haast Eagle.png" alt="Haast Eagle">
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Passenger Pigeon</h3>
<img src="assets/images/Passenger Pigeon.png" alt="Passenger Pigeon">
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Steller's Sea Cow</h3>
<img src="assets/images/Steller's Sea Cow.png" alt="Steller's Sea Cow">
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Moa</h3>
<img src="assets/images/Moa.png" alt="Moa">
<a href="#">LearnMore</a>
</div>
<div class="species">
<h3>Smilodon</h3>
<img src="assets/images/Smilodon.png" alt="Smilodon">
<p>The Saber-Tooth Tiger, or Smilodon, went extinct around 10,000 years ago at the end of the last Ice Age. While the exact cause of their extinction is not known, it is thought to be related to climate change and the decline of their prey.</p>
<a href="#">LearnMore</a>
</div>
</div>
</section>
</main>
</body>
<footer>
<p>©2023 ProtonDev All rights reserved</p>
</footer>
</html>