1
0
Fork 0

Week 1: HTML5-Based Layout

This commit is contained in:
Llewellyn van der Merwe 2022-01-23 23:53:22 +02:00
parent 9fc02178fd
commit 10058827d5
Signed by: Llewellyn
GPG Key ID: EFC0C720A240551C
2 changed files with 57 additions and 58 deletions

1
.gitignore vendored Normal file
View File

@ -0,0 +1 @@
.idea

View File

@ -1,7 +1,8 @@
<!DOCTYPE html> <!DOCTYPE html>
<html lang="en"> <html lang="en">
<head> <head>
<meta name="description" content="Pacific Trails Resort, a special lodging company on the California North Coast.Rent Yurts, go hiking, or relax in the heated pool"> <meta name="description"
content="Pacific Trails Resort, a special lodging company on the California North Coast.Rent Yurts, go hiking, or relax in the heated pool">
<meta charset="utf-8"> <meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Pacific Trails Resort</title> <title>Pacific Trails Resort</title>
@ -13,23 +14,20 @@
<!-- Completed files --> <!-- Completed files -->
</head> </head>
<body> <body>
<div id="wrapper"> <header id="wrapper">
<h1>Pacific Trails Resort</h1> <h1>Pacific Trails Resort</h1>
<nav>
<ul> <ul>
<li><a href="index.html">Home</a></li> <li><a href="index.html">Home</a></li>
<li><a href="yurts.html">Yurts</a></li> <li><a href="yurts.html">Yurts</a></li>
<li><a href="activities.html">Activities</a></li> <li><a href="activities.html">Activities</a></li>
<li><a href="reservations.html">Reservations</a></li> <li><a href="reservations.html">Reservations</a></li>
</ul> </ul>
</nav>
<div id="homehero"></div> </header>
<main id="homehero">
<h2>Enjoy Nature in Luxury</h2> <h2>Enjoy Nature in Luxury</h2>
<video controls="controls" <video controls="controls"
poster="pacific.jpg" poster="pacific.jpg"
width="320" height="240"> width="320" height="240">
@ -39,10 +37,11 @@
src="pacific.swf" quality="high" src="pacific.swf" quality="high"
width="320" height="240"> width="320" height="240">
</video> </video>
<article>
<h3>What We Offer</h3>
<p><span class="resort">Pacific Trails Resort</span> offers a special lodging experience on the California North Coast. Relax in serenity with panoramic views of the Pacific Ocean.</p> <p><span class="resort">Pacific Trails Resort</span> offers a special lodging experience on the California North
Coast.
Relax in serenity with panoramic views of the Pacific Ocean.</p>
<ul> <ul>
<li>Private yurts with decks overlooking the ocean</li> <li>Private yurts with decks overlooking the ocean</li>
<li>Activities lodge with fireplace and gift shop</li> <li>Activities lodge with fireplace and gift shop</li>
@ -50,17 +49,16 @@
<li>Heated outdoor pool and whirlpool</li> <li>Heated outdoor pool and whirlpool</li>
<li>Guided hiking tours of the redwoods</li> <li>Guided hiking tours of the redwoods</li>
</ul> </ul>
</article>
<div> </main>
<footer>
<span class="resort">Pacific Trails Resort</span><br> <span class="resort">Pacific Trails Resort</span><br>
12010 Pacific Trails Road<br> 12010 Pacific Trails Road<br>
Zephyr, CA 95555<br><br> Zephyr, CA 95555<br><br>
<a id="mobile" href="tel:888-555-5555">888-555-5555</a> <a id="mobile" href="tel:888-555-5555">888-555-5555</a>
<span id="desktop">888-555-5555</span><br><br> <span id="desktop">888-555-5555</span><br><br>
</div>
Copyright © 2016 Pacific Trails Resort<br> Copyright © 2016 Pacific Trails Resort<br>
<a href="mailto:yourfirstname@yourlastname.com">yourfirstname@yourlastname.com</a> <a href="mailto:yourfirstname@yourlastname.com">yourfirstname@yourlastname.com</a>
</div> </footer>
</body> </body>
</html> </html>