-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
40 lines (40 loc) · 2.52 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
<!DOCTYPE html>
<html lang="en" dir="ltr">
<head>
<meta charset="utf-8">
<link rel="stylesheet" type="text/css" href="./resources/style.css">
<title>Beach Paradise</title>
</head>
<body>
<h1>Beach Paradise</h1>
<h2>The Top Beach Destinations in the World</h2>
<nav class="beaches">
<ol>
<li><a href="#bahia">Bay of Bahia</a>"</li>
<li><a href="#selange">Selange Beach</a>"</li>
<li><a href="#hunt">Hunt Lagoon</a>"</li>
<li><a href="#moat">Moat Lagoon</a>"</li>
</ol>
<article id="bahia">
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/bahia.jpeg" alt="Bay of Bahia">
<h3>Bay of Bahia</h3>
<p>Nestled on the northern end of the Isle of Caludge, this beach is cited as the most popular getaway for vacationers during peak summer months. Popular activities include scuba diving, snorkeling, and bird watching.</p>
</article>
<article id="selange">
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/selange.jpeg" alt="Selange Beach">
<h3>Selange Beach</h3>
<p>Selange Beach is known for its temperate sand. Made up of ground coral due to thousands of years of tectonic activity, the sand is always cool to the touch, despite the heat. The western portion includes fantastic flora and fauna and many pre-Columbian ruins.</p>
</article>
<article id="hunt">
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/hunt.jpeg" alt="Hunt Lagoon">
<h3>Hunt Lagoon</h3>
<p>Known primarily for it's hidden location on Kamar Island (which includes swimming through an underground cave), Hunt Lagoon offers a peaceful respite from the tourist-laden locations found throughout Kamar. If possible, make a visit at night – it's bioluminescent lagoon is like viewing fireworks in the water!</p>
</article>
<article id="moat">
<img src="https://s3.amazonaws.com/codecademy-content/courses/freelance-1/unit-2/moat.jpeg" alt="Moat Lagoon">
<h3>Moat Lagoon</h3>
<p>Last, but certainly not least, is Moat Lagoon. This is one of the most difficult beach locations to access. The lagoon is located inside of a prehistoric cenote, or underground aquifer. Accessing it involves crossing the moat surrounding the lagoon (hence the name) with locals by kayak. Once there, marvel at the phenomenal (and endangered) quetzal bird and its golden feathers.</p>
</article>
</nav>
</body>
</html>