-
Notifications
You must be signed in to change notification settings - Fork 0
/
TheParadise.html
328 lines (278 loc) · 13.5 KB
/
TheParadise.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
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
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
<!DOCTYPE html>
<!-- The Paradise -->
<!-- Note Resolution may differ from Monitor and Browsers -->
<!-- Please do use full screen browser and avoid split screens -->
<html>
<!-- This title is only visible in the tab bar of the browser -->
<head>
<meta charset="UTF-8">
<title>Paradise</title>
<!-- Design of the website made in CSS -->
<style>
body {
background: url("https://bit.ly/2VjqwG5") no-repeat center center fixed;
background-size: cover;
}
#Navigation {
text-indent: 50px;
font-size: 30px;
height: auto;
width: auto;
bottom: 600px;
margin-left: auto;
margin-right: auto;
}
.navbar:link {
color: white;
text-decoration: none;
}
.navbar:visited {
color: cyan;
}
.parafont {
font-size: 20px;
font-family: monospace;
color: cyan;
background-color: rgba(19, 33, 61, 0.3);
}
.images {
display: block;
margin-left: auto;
margin-right: auto;
width: 500px;
}
.subhead {
margin-left: auto;
margin-right: auto;
text-align: center;
width: 500px;
color: darkblue;
background-color: yellow;
font-family: cursive;
}
div#contents {
font-family: cursive;
background-color: rgba(21,233,255, 0.3);
font-size: 20px;
line-height: 50px;
font-weight: bold;
width: 335px;
margin-top: 130px;
}
.text-content {
color: greenyellow;
font-family: monospace;
font-size: 25px;
}
.danger {
color: rgb(255, 0, 0);
text-align: center;
background-color: rgb(250, 150, 150);
margin-top: 80px;
}
a.back {
font-size: 20px;
text-align: center;
margin-top: 100px;
text-decoration: none;
color: orange;
}
#maintitle {
font-size: 50px;
text-align: center;
font-family: monospace;
color: cyan;
text-decoration: underline;
}
.info{
color: orange;
font-family: monospace;
background-color: rgba(0, 0, 0, 0.3);
}
#komododragon {
margin-top: 500px;
}
#furseals {
margin-top: 500px;
}
#american_aligator {
margin-top: 500px;
}
.subhead {
margin-top: 80px;
}
</style>
</head>
<body>
<h1 id="maintitle">The Paradise</h1>
<!-- Navigation using Table -->
<table id="Navigation">
<tr>
<th><a class="navbar" href="https://bit.ly/2Ygkjwz">Home</a></th>
<th><a class="navbar" href="https://bit.ly/2TU2ntd" target="_blank">About</a></th>
<th><a class="navbar" href="https://bit.ly/2FsTe0i" target="_blank">The Woods</a></th>
<th><a class="navbar" href="https://bit.ly/2TTTvik" target="_blank">The Jungle</a></th>
<th><a class="navbar" href="https://bit.ly/2USAbDm">The Paradise</a></th>
<th><a class="navbar" href="https://bit.ly/2FxOnfD" target="_blank">The Deep Sea</a></th>
<th><a class="navbar" href="https://bit.ly/2UbV5kx" target="_blank">Cool Facts</a></th>
</tr>
</table>
<!-- Content -->
<div id="contents">
<h2>Contents</h2>
<ul>
<li><a class="text-content" href="#komododragon">The Living Dragon</a></li>
<li><a class="text-content" href="#furseals">The Cutest</a></li>
<li><a class="text-content" href="#american_aligator">The Lizard Dinosaur</a></li>
</ul>
</div>
<!-- Komodo Dragon -->
<div id="komododragon">
<h2 class="subhead">Komodo Dragon</h2>
<a href="https://on.natgeo.com/2rkqoIy" target="_blank"><img class="images" src="https://bit.ly/2U3gpYz" alt="Komodo Dragon"></a>
<!-- Info -->
<h2 class="subhead">Additional Info</h2><br><br>
<div class="info">
<h2>Common Name: <em> Komodo Dragon</em></h2>
<h2>Scientific Name: <em>Varanus komodoensis</em></h2>
<h2>Type: <em>Reptiles</em></h2>
<h2>Diet: <em>Carnivore</em></h2>
<h2>Average Life span in the wild: <em>Up to 30 years</em></h2>
<h2>Size:<em>10 feet</em></h2>
<h2>Weight: <em>330 pounds</em></h2>
<h2>SIZE RELATIVE TO A 6-FT MAN:</h2>
<h2>Current Population: <em>Unknown</em></h2>
</div>
<h2 class="subhead">Type of Species</h2>
<p class="parafont">Komodo dragons have thrived in the harsh climate of Indonesia's Lesser Sunda Islands for millions of years.</p>
<!-- Unique -->
<h2 class="subhead">Unique of this Creature:</h2>
<!-- Unique Paragraph -->
<p class="parafont">Reaching 10 feet in length and more than 300 pounds, Komodo dragons are the heaviest lizards on Earth.
They have long, flat heads with rounded snouts, scaly skin, bowed legs, and huge, muscular tails.
<br><br>The dragon has venom glands, which are loaded with toxins that lower blood pressure, cause massive bleeding, prevent clotting, and induce shock.
They bite down with serrated teeth and pull back with powerful neck muscles.
The result: huge gaping wounds. The venom then quickens the loss of blood and sends the prey into shock.
Animals that escape the jaws of a Komodo will only feel lucky briefly.
Dragons can calmly follow an escapee for miles as the venom takes effect, using their keen sense of smell to hone in on the corpse.
A dragon can eat a whopping 80 percent of its body weight in a single feeding.
<br><br>There is a stable population of Komodo dragons on the islands of Komodo, Gila Motang, Rinca, and Flores.
However, a dearth of egg-laying females, poaching, human encroachment, and natural disasters have threaten the species' population.</p>
<!-- Special Interactions -->
<h2 class="subhead">Special Interactions of this Creature</h2><br>
<!-- Special Interactions Paragraph -->
<p class="parafont">As the dominant predators on the handful of islands they inhabit, they will eat almost anything,
including carrion, deer, pigs, smaller dragons, and even large water buffalo and humans.
When hunting, Komodo dragons rely on camouflage and patience, lying in wait for passing prey. When a victim ambles by,
the dragon springs, using its powerful legs, sharp claws and serrated, shark-like teeth to eviscerate its prey.</p>
<!-- Danger -->
<h2 class="danger">Danger to Human</h2>
<p class="parafont">Being said this creature is part of shark family, this means that they could be aggressive to humans. This type of shark is a</p>
<!-- Link to Contents -->
<a class="back" href="#contents"><h2>Top</h2></a>
</div>
<!-- Fur Seals -->
<div id="furseals">
<h2 class="subhead">Fur Seals</h2>
<a href="https://on.natgeo.com/2KQvyV5" target="_blank"><img class="images" src="https://bit.ly/2ukIHzb" alt="Fur Seals"></a>
<h2></h2>
<!-- Info -->
<h2 class="subhead">Additional Info</h2><br><br>
<div class="info">
<h2>Common Name: <em>Fur Seals</em></h2>
<h2>Scientific Name: <em>Arctocephalinae</em></h2>
<h2>Type: <em>Mammals</em></h2>
<h2>Diet: <em>Carnivore</em></h2>
<h2>Average Life span in the wild: <em>12 to 30 years</em></h2>
<h2>Size:<em>4 to 10 feet</em></h2>
<h2>Weight: <em>Up to 700 pounds</em></h2>
<h2>SIZE RELATIVE TO A 6-FT MAN:</h2>
<h2>Current Population: <em>1.3 million</em></h2>
</div>
<h2 class="subhead">Type of Species</h2><br>
<p class="parafont">The large northern fur seal, found in chilly northern waters, was hunted to near extinction during the 19th century.
These animals were protected by law in 1911, and populations later rebounded to 1.3 million animals.
<br><br>There are eight species of southern fur seals, all smaller than their northern relative.
They include the Guadalupe fur seal of Baja California, the brown fur seal of southern Africa and Australia, and the South American fur seal.
<br><br></p>
<!-- Unique -->
<h2 class="subhead">Unique of this Creature:</h2>
<!-- Unique Paragraph -->
<p class="parafont">When breeding season arrives, however, these social animals gather on shore in very large numbers.
Powerful males, known as bulls, establish territories and gather harems of up to 40 females, battling their rivals to establish dominance.
During this season, coastlines are filled with roaring, growling, honking seals.
<br><br>Female fur seals, or cows, give birth during this breeding season, then mate again just a few days later.
The following year they will return to give birth to a single pup after a nearly yearlong pregnancy, and mate once again to continue the cycle.
<br><br>Many fur seal populations have not rebounded from extensive hunting, and now face additional threats from climate change and overfishing, which can limit their prey.</p>
<!-- Special Interactions -->
<h2 class="subhead">Special Interactions of this Creature</h2><br>
<!-- Special Interactions Paragraph -->
<p class="parafont">Fur seals have sharp eyesight and keen hearing. They have small ears, unlike the earless or hair seals.
<br><br>Although they breathe air, seals are most at home in the water and may stay at sea for weeks at a time eating fish, squid, birds, and tiny shrimp-like krill.
Fur seals may swim by themselves or gather in small groups.</p>
<!-- Danger -->
<h2 class="danger">Danger to Human</h2>
<p class="parafont">eals may become ill from the food or may become dependant on humans for food. Seals are wild animals that can be aggressive and bite, causing major wounds and possibly infections to humans.</p>
<!-- Link to Contents -->
<a class="back" href="#contents"><h2>Top</h2></a>
</div>
<!-- American Aligator -->
<div id="american_aligator">
<h2 class="subhead">American Aligator</h2>
<a href="https://on.natgeo.com/2srJnBH" target="_blank"><img class="images" src="https://bit.ly/2WphqaY" alt="American Aligator"></a>
<h2></h2>
<!-- Info -->
<h2 class="subhead">Additional Info</h2>
<div class="info">
<h2>Common Name: <em>American Alligator</em></h2>
<h2>Scientific Name: <em>Alligator mississippiensis</em></h2>
<h2>Type: <em>Reptiles</em></h2>
<h2>Diet: <em>Carnivore</em></h2>
<h2>Average Life span in the wild: <em>35 to 50 years</em></h2>
<h2>Size:<em>10 to 15 feet</em></h2>
<h2>Weight: <em>1,000 pounds</em></h2>
<h2>SIZE RELATIVE TO A 6-FT MAN:</h2>
<h2>Current Population: <em>Unknown</em></h2>
</div>
<h2 class="subhead">Type of Species</h2>
<p class="parafont">The American alligator is a rare success story of an endangered animal not only saved from extinction but now thriving.
State and federal protections, habitat preservation efforts,
and reduced demand for alligator products have improved the species' wild population to more than one million and growing today.</p>
<!-- Unique -->
<h2 class="subhead">Unique of this Creature:</h2>
<!-- Unique Paragraph -->
<p class="parafont">One look at these menacing predators with their armored,
lizard-like bodies, muscular tails, and powerful jaws and it is obvious they are envoys from the distant past.
The species, scientists say, is more than 150 million years old,
managing to avoid extinction 65 million years ago when their prehistoric contemporaries, the dinosaurs, died off.
<br><br>American alligators reside nearly exclusively in the freshwater rivers, lakes, swamps,
and marshes of the southeastern United States, primarily Florida and Louisiana.
Heavy and ungainly out of water, these reptiles are supremely well adapted swimmers.
Males average 10 to 15 feet in length and can weigh 1,000 pounds. Females grow to a maximum of about 9.8 feet.
<br><br>Hatchlings are 6 to 8 inches long with yellow and black stripes.
Juveniles, which are on the menu for dozens of predators, including birds, raccoons, bobcats,
and even other alligators, usually stay with their mothers for about two years.
<br><br>Adult alligators are apex predators critical to the biodiversity of their habitat.
They feed mainly on fish, turtles, snakes, and small mammals. However, they are opportunists,
and a hungry gator will eat just about anything, including carrion, pets and, in rare instances, humans.</p>
<!-- Special Interactions -->
<h2 class="subhead">Special Interactions of this Creature</h2>
<!-- Special Interactions Paragraph -->
<p class="parafont">The female opens the nest in response to calls from the hatchlings when the eggs are ready to hatch.
She carries 8 to 10 hatchlings at a time in her mouth down to the water, pulling her tongue down to make a pouch in which they sit.
Upon arrival in the water, she opens her jaws and shakes her head gently from side to side, encouraging the hatchlings to swim out.
<br><br>The juveniles aggregate in pods that may include hatchlings from other nests and remain close to the mother typically as long as one year, but sometimes for two or even three years.
This social system affords protection during their most vulnerable life stage from predators such as raccoons,
large fish, birds, and even other alligators mostly large, dominant males.
The females respond swiftly to calls from hatchlings facing impending danger.
Hatchlings grow rapidly, especially during their first four years, sometimes averaging more than 1 foot of growth for each year of life.</p>
<!-- Danger -->
<h2 class="danger">Danger to Human</h2>
<p class="parafont">American alligators are one of these aggressive species.
However, the IUCN also says that only 6% of American alligator attacks are fatal.
That is a low risk of death, particularly when compared to 63% for the ferocious Nile crocodile and 25-50% for the saltwater crocodile.</p>
<!-- Link to Contents -->
<a class="back" href="#contents"><h2>Top</h2></a>
</div>
</body>
</html>