forked from vramdhanie/national_parks
-
Notifications
You must be signed in to change notification settings - Fork 1.1k
/
Copy pathindex.html
144 lines (141 loc) · 5.21 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
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>National Parks</title>
<link rel="stylesheet" href="style.css" />
</head>
<body>
<header class="banner">
<h1>National Parks</h1>
</header>
<main>
<section class="park-display">
<h2>Biscayne National Park</h2>
<div class="location-display">Florida, United States</div>
<div class="description-display">
Biscayne National Park encompasses coral reefs, islands and shoreline
mangrove forest in the northern Florida Keys. Its reefs and islands
are accessible only by boat. Dolphins, turtles and pelicans live in
Biscayne Bay Lagoon. The underwater Maritime Heritage Trail links dive
sites, most of them shipwrecks. On Boca Chita Key, Boca Chita
Lighthouse has coastal views. A museum at Convoy Point explains local
ecosystems.
</div>
<button class="rate-button" title="Add to Favourites">☆</button>
<div class="stats">
<div class="established-display stat">
<h3>Established</h3>
<div class="value">
June 28, 1980
</div>
</div>
<div class="area-display stat">
<h3>Area</h3>
<div class="value">
172,971 acres (699.99 km<sup>2</sup>)
</div>
</div>
<div class="rating-display stat">
<h3>Rating</h3>
<div class="value">
4.7
</div>
</div>
</div>
</section>
<section class="park-display">
<h2>Grand Canyon National Park</h2>
<div class="location-display">Arizona, United States</div>
<div class="description-display">
Grand Canyon National Park, in Arizona, is home to much of the immense
Grand Canyon, with its layered bands of red rock revealing millions of
years of geological history. Viewpoints include Mather Point, Yavapai
Observation Station and architect Mary Colter’s Lookout Studio and her
Desert View Watchtower. Lipan Point, with wide views of the canyon and
Colorado River, is a popular, especially at sunrise and sunset.
</div>
<button class="rate-button" title="Add to Favourites">☆</button>
<div class="stats">
<div class="established-display stat">
<h3>Established</h3>
<div class="value">
February 26, 1919
</div>
</div>
<div class="area-display stat">
<h3>Area</h3>
<div class="value">4,926 km<sup>2</sup></div>
</div>
<div class="rating-display stat">
<h3>Rating</h3>
<div class="value">
4.8
</div>
</div>
</div>
</section>
<section class="park-display">
<h2>Gateway Arch National Park</h2>
<div class="location-display">Missouri, United States</div>
<div class="description-display">
Gateway Arch National Park, formerly known as the Jefferson National
Expansion Memorial until 2018, is an American national park located in
St. Louis, Missouri, near the starting point of the Lewis and Clark
Expedition.
</div>
<button class="rate-button" title="Add to Favourites">☆</button>
<div class="stats">
<div class="established-display stat">
<h3>Established</h3>
<div class="value">
February 22, 2018
</div>
</div>
<div class="area-display stat">
<h3>Area</h3>
<div class="value">37 ha</div>
</div>
<div class="rating-display stat">
<h3>Rating</h3>
<div class="value">
4.7
</div>
</div>
</div>
</section>
<section class="park-display">
<h2>Indiana Dunes National Park</h2>
<div class="location-display">Indiana, United States</div>
<div class="description-display">
Indiana Dunes National Park is a United States National Park located
in Northwestern Indiana, managed by the National Park Service. It was
authorized by Congress in 1966 as the Indiana Dunes National
Lakeshore, the name by which it was known until it was designated the
nation's 61st national park on February 15, 2019.
</div>
<button class="rate-button" title="Add to Favourites">☆</button>
<div class="stats">
<div class="established-display stat">
<h3>Established</h3>
<div class="value">
February 15, 2019
</div>
</div>
<div class="area-display stat">
<h3>Area</h3>
<div class="value">60.97 km<sup>2</sup></div>
</div>
<div class="rating-display stat">
<h3>Rating</h3>
<div class="value">
4.6
</div>
</div>
</div>
</section>
</main>
<script src="index.js"></script>
</body>
</html>