/
about.html
123 lines (123 loc) · 6.76 KB
/
about.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>About</title>
<link rel="stylesheet" href="css/about.css">
<!--FontAwesome Kit Link-->
<script src="https://kit.fontawesome.com/818c989c71.js" crossorigin="anonymous"></script>
<!--Google Font Kit Link-->
<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=Alice&family=Charm&display=swap" rel="stylesheet">
</head>
<body>
<!--Heading-->
<div class="heading shadow">Maui Adventures
</div>
<!--Navigation-->
<div class="navbar shadow coconutlogo topnav sticky">
<nav>
<a class="logo" href="https://www.gohawaii.com/islands/maui">
<img src="img/coconutlogo.png" alt="coconutlogo" height="60px"></a>
<ul>
<li><a class="active" href="index.html">Home</a>
</li>
<li><a href="contact.html"target="_blank">Contact</a></li>
<li><a href="about.html" target="_blank">About</a></li>
</ul>
</nav>
</div>
<!--First Row-->
<div class="row">
<!--Column 1-->
<div class="columnWide" style="background-color: rgba(127, 255, 212, 0);">
<h2>Snorkel Lahaina</h2>
<p>Maui's west and northwest coasts offer some of the best snorkeling in the world. Be on the lookout for sea turtles, especially on the sand blending in under large rocks. They come up for air every few minutes and will often continue swimming near you if you are calm. Remember they are endagered, so be respectful and don't touch or harass them.</p>
</div>
<!--Column 2-->
<div class="columnNarrow" style="background-color: rgba(137, 43, 226, 0);">
<img class="landscape" src="img/SnorkelandTurtle.jpeg" alt="SnorkelandTurtle">
<img class="landscape" src="img/SnorkelTurtle.jpeg">
</div>
</div>
<div class="clear"></div>
<!--Second Row-->
<div class="row">
<!--Column 1-->
<div class="columnNarrow" style="background-color: rgba(137, 43, 226, 0);">
<img class="landscape" src="img/RoadtoHanaWaterfall.jpeg">
<img class="landscape" src="img/HanaWaterfall.jpeg">
</div>
<!--Column 2-->
<div class="columnWide" style="background-color: rgba(127, 255, 212, 0);">
<h2>Road to Hana</h2>
<p>The historic Road to Hana is a gorgeous winding road where you'll find lush greenery, multiple waterfalls, and plenty of worthwhile roadside stops like various amazing foods stands, the Black Sand Beach, and Waioka Pond. Plan in advance and make sure to come equipped with a reliable vehicle with a full gas tank; it's a full day trip and there are not many services along the way. Definitely an amazing trip with a convertable rental.</p>
</div>
</div>
<div class="clear"></div>
<!--Third Row-->
<div class="row">
<!--Column 1-->
<div class="columnWide" style="background-color: rgba(246, 225, 248, 0);">
<h2>Breweries and Eats</h2>
<p>Maui is home to some of the best restaurants and breweries. Maui Brewing is a popular hot spot with three locations on the island, and with good reason. However, Waikiki Brewing and Kilokilo Brewing are amazing local breweries that are worth a visit. Waikiki brewing even has beachfront seating and a great menu so you can relax and dine to the sound of the waves.</p>
</div>
<!--Column 2-->
<div class="columnNarrow" style="background-color: rgba(137, 43, 226, 0);">
<img class="portrait" src="img/fishandchips.jpeg">
</div>
</div>
<div class="clear"></div>
<!--Fourth Row-->
<div class="row">
<!--Column 1-->
<div class="columnNarrow text" style="background-color: rgba(137, 43, 226, 0);">
<img class="landscape" src="img/BlackSandBeachView.jpeg">
<img class="landscape" src="img/BlackSand.jpeg">
</div>
<!--Column 2-->
<div class="columnWide" style="background-color: rgba(127, 255, 212, 0);">
<h2>Black Sand Beach</h2>
<p>Maui's famous Honokalani Beach boasts beautiful black sand that you'll rarely see elsewhere in the world. This is a must-see stop toward the end of the Road to Hana. However, you must make specifically timed reservations at least a few days in advane through Waianapanapa State Park, and the beach closes in the early afternoon so it is recommended to start your Hana trip early enough to make it.</p>
</div>
</div>
<div class="clear"></div>
<!--Fifth Row-->
<div class="row">
<!--Column 1-->
<div class="lastColumnWide" style="background-color: rgba(246, 225, 248, 0);">
<h2>Waioka Pond (Venus Pools)</h2>
<p>Waioka Pond, known as the "Venus Pools" to tourists, are a series of three cascading pools connected by scenic waterfalls. This is Maui's most popular local spot for cliff jumping, with various heights to jump from depending on your courage. Waioka Pond is difficult to find, with rare roadside parking and requiring a short walk through dense flora to reach. This also means that there are usually only a few families there at a time, so it's relatively uncrowded. You might have to ask a local for precise location of the trailhead, but make sure to ask about Waioka Pond. It is highly offensive to refer to them as the Venus Pools in Hawaiian culture.</p>
</div>
<!--Column 2-->
<div class="lastColumnNarrow" style="background-color: rgba(137, 43, 226, 0);">
<img class="landscape" src="img/VenusPools.jpeg">
<img class="landscape" src="img/VenusPoolCave.jpeg">
</div>
</div>
<div class="clear"></div>
<!--Video Cliff Jump-->
<div class="video">
<video width="450" height="350" controls><source src="img/CliffJump.mov" type="video/mp4">
</video>
</div>
<!--Footer-->
<div class="footer shadow">
<div class="footerText">
<p class="textFloat">© 2022 Maui Adventures</p>
<p class="textFloat">Privacy Policy</p>
<p class="textFloat">Terms of Use</p>
</div>
<div class="footerClear"></div>
<div class="footerIcons">
<a href="https://www.facebook.com/maui.hawaii.guide/" class="fa-brands fa-facebook fa-xl" target="_blank"></a>
<a href="https://www.instagram.com/mauihi/?hl=en" class="fa-brands fa-instagram fa-xl" target="_blank"></a>
<a href="https://twitter.com/themauinewshi"class="fa-brands fa-twitter fa-xl"
target="_blank"></a>
</div>
</div>
</body>
</html>