-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
70 lines (64 loc) · 3.62 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
63
64
65
66
67
68
69
70
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Type of encoding -->
<meta charset="utf-8" />
<!-- https://www.w3schools.com/css/css_rwd_viewport.asp -->
<meta name="viewport" content="width=device-width, initial-scale=1" />
<title>Birdwatching: Hornbills!</title>
<!-- Use https://favicon.io/favicon-converter/ to convert png to favicon-->
<link rel="icon" type = "image/png" href="./favicon/favicon.ico" />
<link rel="apple-touch-icon" sizes="180x180" href="./favicon/apple-touch-icon.png">
<link rel="icon" type="image/png" sizes="32x32" href="./favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="16x16" href="./favicon/favicon-16x16.png">
<link rel="manifest" href="./favicon/site.webmanifest">
<link rel="stylesheet" href="styles.css">
<link rel="stylesheet" href="navbar.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Roboto+Serif&display=swap" rel="stylesheet">
</head>
<body>
<ul id="nav">
<li class="nav-item"><a class="nav-link" href="index.html">Home</a></li>
<li class="nav-item"><a class="nav-link" href="log.html">Hornbill Log</a></li>
<li class="nav-item" style="float:right"><a class="nav-link active" href="location.html">Hornbill Location</a></li>
</ul>
<div id="header-section">
<h1>Hornbills!</h1>
<p>Scroll down to learn more</p>
<button id="time" class="btn">Get Time</button>
<p id="target"></p>
</div>
<div class="body-section">
<div class="row">
<h2>All about Hornbills</h2>
<div class="column">
<p>
The species is considered to be among the smallest and most common
of the Asian hornbills. It has the largest distribution in the genus
and is found in the Indian Subcontinent and throughout Southeast
Asia. Its natural habitat is subtropical or tropical moist
lowland forests. The oriental pied hornbill's diet includes fruit,
insects, shellfish, small reptiles and, sometimes, small mammals and
birds including their eggs.
</p>
<p>
Three species are believed to be native to Singapore—the Oriental Pied Hornbill (Anthracoceros albiros- tris), Rhinoceros Hornbill (Buceros rhinoceros), and Helmeted Hornbill (Rhinoplax vigil). Only the Oriental Pied Hornbill, a species common in Southeast Asia, remains extant in Singapore.
</p>
<p>Learn more at <a href="https://en.wikipedia.org/wiki/Hornbill" target="_blank">this</a> link</p>
</div>
<div class="column">
<img style="width: 60%; display: block; margin-right: auto; margin-left: auto;" src="./Oriental_pied_hornbill.jpeg">
</div>
</div>
</div>
<!-- <div class="hornbill-sightings">
<h1 id="counter-display">Total Hornbills Sighted: </h1>
<button id="counter-plus" class="btn">I have seen a Hornbill!</button>
<button id="reset" class="btn">Reset</button>
</div>
<script src="counter.js" type="text/javascript"></script> -->
<script src="time.js" type="text/javascript"></script>
</body>
</html>