124 lines
4.9 KiB
HTML
124 lines
4.9 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>
|
|
<script src="/js/hiddenNav.js"></script>
|
|
|
|
<!-- Completed files -->
|
|
</head>
|
|
<body>
|
|
<header>
|
|
<h1>Atlantic Fishing Resort</h1>
|
|
<div id="mySidenav" class="sideNav">
|
|
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
|
|
<a href="#" class="active">Home</a>
|
|
<a href="units.html">Units</a>
|
|
<a href="activities.html">Activities</a>
|
|
<a href="reservations.html">Reservations</a>
|
|
</div>
|
|
<div id="main">
|
|
<span style="font-size:24px;cursor:pointer" onclick="openNav()">☰ Menu</span>
|
|
</div>
|
|
<div class="mainNav">
|
|
<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>
|
|
</div>
|
|
</header>
|
|
<main>
|
|
<div id="hero">
|
|
<h2 style="text-align: center">Enjoy Nature in Luxury</h2>
|
|
<article>
|
|
<div class="flex-container">
|
|
<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 10px;">
|
|
<div class="flex-container">
|
|
<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 class="geoLoc">
|
|
<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 style="text-align: center">
|
|
<video controls autoplay loop
|
|
poster="atlantic.jpg"
|
|
width="900" height="600">
|
|
<source src="atlantic.mp4" type="video/mp4">
|
|
Your browser does not support the video tag.
|
|
</video>
|
|
</div>
|
|
<div id="contact">
|
|
<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>
|
|
</main>
|
|
<footer>
|
|
<div style="padding: 50px 50px;">
|
|
Copyright © 1999 Atlantic Fishing Resort
|
|
</div>
|
|
</footer>
|
|
</body>
|
|
</html> |