diff options
Diffstat (limited to 'HTML/Tests/Test1/pacific')
| -rw-r--r-- | HTML/Tests/Test1/pacific/index.html | 47 | ||||
| -rw-r--r-- | HTML/Tests/Test1/pacific/pacific.css | 29 | ||||
| -rw-r--r-- | HTML/Tests/Test1/pacific/yurts.html | 39 |
3 files changed, 115 insertions, 0 deletions
diff --git a/HTML/Tests/Test1/pacific/index.html b/HTML/Tests/Test1/pacific/index.html new file mode 100644 index 0000000..5e0171a --- /dev/null +++ b/HTML/Tests/Test1/pacific/index.html @@ -0,0 +1,47 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>Pacific Trails Resort</title> + <meta charset="utf-8"> + <link rel="stylesheet" href=pacific.css> + </head> + <body> + <header> + <h1>Pacific Trails Resort</h1> + </header> + <nav> + <!--For some reason there's a margin here and it makes everything look funky.--!> + <b> + <a href="index.html">Home</a> + <a href="yurts.html">Yurts</a> + <a href="">Activities</a> + <a href="">Reservations</a> + </b> + </nav> + <main> + <h2 class=resort>Enjoy Nature in Luxury</h2> + <p><span class=resort>Pacific Trails Resort</span> offers a special lodging experience on the California North Coast with panoramic views of the Pacific Ocean. Your stay at Pacific Trails Resort includes a sumptuously appointed private yurt and a cooked-to-order breakfast each morning.</p> + <ul> + <li>Unwind in the heated outdoor pool and whirlpool</li> + <li>Explore the coast on your own or join our guided tours</li> + <li>Relax in our lodge while enjoying complimentary appetizers and beverages </li> + <li>Savor nightly fine dining with an ocean view</li> + </ul> + <div id="contact"> + <span class="resort">Pacific Trails Resort</span><br/> + 12010 Pacific Trails Road<br/> + Zephyr, CA 95555<br/> + <br/> + 888-555-5555<br/> + <br/> + </div> + + </main> + <footer> + <small><i>Copyright © 2022 Pacific Trails Resort</i></small> + <br /> + <!--"Place your name in an email link". I'm assuming that this is what was meant by this.--> + <small><i><a href=mailto:msglm@techchud.xyz>msglm</a></i> </small> + </footer> + </body> +</html> diff --git a/HTML/Tests/Test1/pacific/pacific.css b/HTML/Tests/Test1/pacific/pacific.css new file mode 100644 index 0000000..dc77295 --- /dev/null +++ b/HTML/Tests/Test1/pacific/pacific.css @@ -0,0 +1,29 @@ +body { + background-color: #FFFFFF; + color: #666666 +} + +header { + background-color: #002171; + color: #FFFFfF +} + +nav { + background-color: #BBDEFB; +} + +h2 { + color: #1976D2; +} + +h1 { + margin-bottom: 0; +} + +dt { + color: #002171; +} + +.resort { + color: #1976D2; +} diff --git a/HTML/Tests/Test1/pacific/yurts.html b/HTML/Tests/Test1/pacific/yurts.html new file mode 100644 index 0000000..ce35d52 --- /dev/null +++ b/HTML/Tests/Test1/pacific/yurts.html @@ -0,0 +1,39 @@ +<!DOCTYPE html> +<html lang="en"> + <head> + <title>Pacific Trails Resort :: Yurts</title> + <meta charset="utf-8"> + <link rel="stylesheet" href=pacific.css> + </head> + <body> + <header> + <h1>Pacific Trails Resort</h1> + </header> + <nav> + <b> + <a href="index.html">Home</a> + <a href="yurts.html">Yurts</a> + <a href="">Activities</a> + <a href="">Reservations</a> + </b> + </nav> + <main> + <h2>The Yurts at Pacific Trails</h2> + <dl> + <dt><strong>What is a yurt?</strong></dt> + <dd>Our luxury yurts are permanent structures four feet off the ground. Each yurt is fully enclosed with canvas walls, a wooden floor, and a roof dome that can be opened.</dd> + <dt><strong>How are the yurts furnished?</strong></dt> + <dd>Each yurt is furnished with a queen-size bed with down quilt and gas-fired stove. Your luxury camping experience includes electricity and a sink with hot and cold running water. Shower and restroom facilities are located in the lodge.</dd> + <dt><strong>What should I bring?</strong></dt> + <dd>Most guests pack comfortable walking shoes and plan to dress for changing weather with light layers of clothing. It's also helpful to bring a flashlight and a sense of adventure!</dd> + </dl> + </main> + <footer> + <small><i>Copyright © 2022 Pacific Trails Resort</i></small> + <br /> + <!--"Place your name in an email link". I'm assuming that this is what was meant by this.--> + <small><i><a href=mailto:msglm@techchud.xyz>msglm</a></i> </small> + </footer> + + </body> +</html> |