Week 1: HTML5-Based Layout
This commit is contained in:
parent
9fc02178fd
commit
10058827d5
|
@ -0,0 +1 @@
|
||||||
|
.idea
|
34
index.html
34
index.html
|
@ -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>
|
Loading…
Reference in New Issue