116 lines
4.8 KiB
HTML
116 lines
4.8 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
<head>
|
|
<meta name="description"
|
|
content="Atlantic Fishing Resort, a special lodging company on the Namibian West Coast. Rent fishing equipment, go exploring, or relax in the heated pool">
|
|
<meta charset="utf-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>Atlantic Fishing Resort</title>
|
|
<link rel="stylesheet" href="css/atlantic.css">
|
|
|
|
<!--[if lt IE 9]>
|
|
<script src="https://cdnjs.cloudflare.com/ajax/libs/html5shiv/3.7.3/html5shiv.js"></script>
|
|
<![endif]-->
|
|
|
|
<script src="/js/geo.js"></script>
|
|
|
|
<!-- Completed files -->
|
|
</head>
|
|
<body>
|
|
<header id="wrapper">
|
|
<h1>Atlantic Fishing Resort</h1>
|
|
<nav>
|
|
<ul>
|
|
<li>
|
|
<a href="#" class="active">Home</a>
|
|
</li>
|
|
<li>
|
|
<a href="units.html">Units</a>
|
|
</li>
|
|
<li>
|
|
<a href="activities.html">Activities</a>
|
|
</li>
|
|
<li>
|
|
<a href="reservations.html">Reservations</a>
|
|
</li>
|
|
</ul>
|
|
</nav>
|
|
</header>
|
|
<main>
|
|
<div id="home-hero">
|
|
<h2 style="text-align: center">Enjoy Nature in Luxury</h2>
|
|
<article>
|
|
<div class="flex-container" style="display: flex; align-items: flex-start; justify-content: space-evenly;">
|
|
<div>
|
|
<h3>What We Offer</h3>
|
|
<p><span class="resort">Atlantic Fishing Resort</span> offers a special lodging experience on the
|
|
Namibian West
|
|
Coast.<br/>
|
|
Relax in serenity with panoramic views of the Atlantic Ocean.</p>
|
|
</div>
|
|
<div>
|
|
<ul>
|
|
<li>Private apartments with beach front views</li>
|
|
<li>Activities in and around town</li>
|
|
<li>Shops in walking distance</li>
|
|
<li>Nightly fine dining at the Overlook Cafe</li>
|
|
<li>Heated jacuzzi and sauna</li>
|
|
<li>Guided fishing tours</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
</div>
|
|
<article>
|
|
<div style="padding: 50px 50px;">
|
|
<div class="flex-container" style="display: flex; align-items: flex-start; justify-content: space-evenly;">
|
|
<div>
|
|
<h3>Find us</h3>
|
|
<h4>Using our GEO Location service</h4>
|
|
<p>Allow us to check your location and we will send you tips to find us based on your current
|
|
location.</p>
|
|
<button type="button" id="toggleWatchBtn" style="margin-bottom: 20px;">Check my location</button>
|
|
<!--Position information will be inserted here-->
|
|
<div id="result"></div>
|
|
</div>
|
|
<div style="padding: 50px 0">
|
|
<img id="default-image" src="images/default.jpg" alt="Atlantic Holiday Resort">
|
|
<img id="book-flight-image" src="images/book_flight.jpg" alt="Book a flight to Namibia"
|
|
style="display: none;">
|
|
<img id="rent-car-image" src="images/rent_car.jpg" alt="Rent a car in Namibia"
|
|
style="display: none;">
|
|
<img id="walking-distance-image" src="images/walking_distance.jpg" alt="Walking in the dunes"
|
|
style="display: none;">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</article>
|
|
<div class="flex-container" style="display: flex; align-items: flex-start; justify-content: space-evenly;">
|
|
<div>
|
|
<video controls="controls"
|
|
poster="pacific.jpg"
|
|
width="320" height="240">
|
|
<source src="pacific.mp4" type="video/mp4">
|
|
<source src="pacific.ogg" type="video/ogg">
|
|
<embed type="application/x-shockwave-flash"
|
|
src="pacific.swf" quality="high"
|
|
width="320" height="240">
|
|
</video>
|
|
</div>
|
|
<div>
|
|
<span class="resort">Atlantic Fishing Resort</span><br />
|
|
12010 Atlantic Fishing Road<br />
|
|
Hentiesbaai, Namibia 95555<br /><br />
|
|
<a id="mobile" href="tel:888-555-5555">888-555-5555</a>
|
|
<span id="desktop">888-555-5555</span><br /><br />
|
|
<a href="mailto:yourfirstname@yourlastname.com">yourfirstname@yourlastname.com</a>
|
|
</div>
|
|
</div>
|
|
</main>
|
|
<footer>
|
|
<div style="padding: 50px 50px;">
|
|
Copyright © 1999 Atlantic Fishing Resort
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |