57 lines
2.1 KiB
HTML
57 lines
2.1 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Island of Taniti</title>
|
|
<link rel="stylesheet" href="styles.css">
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<img src="icons/island.svg" />
|
|
<p>ISLAND OF TANITI</p>
|
|
<ul>
|
|
<li><a href="index.html">HOME</a></li>
|
|
<li><a href="food-and-attractions.html">FOOD & ATTRACTIONS</a></li>
|
|
<li><a href="lodging.html">LODGING</a></li>
|
|
<li><a href="transportation.html">TRANSPORTATION</a></li>
|
|
<li><a href="faqs.html">FAQs</a></li>
|
|
</ul>
|
|
</header>
|
|
|
|
<div id="top-banner">
|
|
<img src="images/islands.jpg" alt="Picture of Islands" >
|
|
</div>
|
|
|
|
<div id="content">
|
|
|
|
<h1>Welcome to Paradise!</h1>
|
|
|
|
<div style="text-align: center; display: flex; flex-direction: column; align-items: center; justify-content: center; width: 100%; margin-top: 50px;">
|
|
<div class="button">Book a trip!</div>
|
|
</div>
|
|
|
|
<h2>About the Island</h2>
|
|
|
|
<div class="split-container">
|
|
<div>
|
|
<p>Taniti is a small, tropical island in the Pacific. While the island has an area of less than 500 square miles, the terrain is varied and includes both sandy and rocky beaches, a small but safe harbor, lush tropical rainforests, and a mountainous interior that includes a small, active volcano. Taniti has an indigenous population of about 20,000. Until a recent increase in tourism, most the Tanitian economy was dominated by fishing or agriculture.</p>
|
|
</div>
|
|
<div class="image-container-right"><img src="images/istockphoto-501296920-612x612.jpg" alt="Island photo 2"></div>
|
|
</div>
|
|
|
|
<div class="split-container">
|
|
<h3>Visit our <a href="faqs.html">FAQs</a> for more information!</h3>
|
|
</div>
|
|
</div>
|
|
|
|
<footer>
|
|
<ul>
|
|
<li>Design by <a href="https://bellsworne.com">Bellsworne Tech</a></li> |
|
|
<li><a href="https://git.bellsworne.tech/chrisbell/d479-prototype">Page source</a></li> |
|
|
<li>©2024</li>
|
|
</ul>
|
|
</footer>
|
|
</body>
|
|
</html>
|