12 files changed, 403 insertions, 0 deletions
diff --git a/HTML/Tests/Test2/INSTRUCTIONS b/HTML/Tests/Test2/INSTRUCTIONS
new file mode 100644
index 0000000..4d32520
--- /dev/null
+++ b/HTML/Tests/Test2/INSTRUCTIONS
@@ -0,0 +1,17 @@
+
+Please complete the Pacific Trails Case Study for Chapters 5 - 8.  Each chapter may or may not have anything for you to do.  
+
+    Create a Test2 folder on Boole to place all of your files. 
+    Ftp(submit) all of the files/graphics needed for this site to Boole. Do NOT zip your test folder to ftp it to Boole.  Create the folder on Boole and then ftp the files to that folder.
+    Submit here, the address for your working website that you have now published on Boole.  Try the address of your site in a web browser to see if it is visible when you enter the site address.  THEN submit it.  Remember, I want the full complete address to your home page of the site on Boole.
+
+BOTH components of Test 2 are due by 11:59PM on Tuesday, March 15, 2022
+Point Values: 
+
+    Hands-On Test - 100
+    Concepts Exam - 100
+
+Use your email address for the test and and make sure it works!  You are required to include an email address as part of the hands-on test.  
+SUBMIT HERE, the URL to the home page of the site that you've completed for the Pacific Trail Case Study at the end of Chapter 8  It will reflect what you have done in all the chapters up to now.
+The beginning of your site address will be similar to the beginning of mine on Boole:  http://boole.cs.anonymized.university.url/~tmanly/COMS1333/Test2/.......  but yours will take me directly to the home page of your site.
+
diff --git a/HTML/Tests/Test2/activities.html b/HTML/Tests/Test2/activities.html
new file mode 100644
index 0000000..a351793
--- /dev/null
+++ b/HTML/Tests/Test2/activities.html
@@ -0,0 +1,47 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Pacific Trails Resort :: Activities</title>
+        <meta charset="utf-8">
+        <link rel="stylesheet" href=pacific.css>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    </head>
+    <body class=content>
+        <div id=wrapper>
+        <header>
+            <h1><a href=index.html>Pacific Trails Resort</a></h1>
+
+        </header>
+        <nav>
+            <ul>
+            <li><a href="index.html">Home</a></li>
+            <li><a href="yurts.html">Yurts</a></li>
+            <li><a href="activities.html">Activities</a></li>
+            <li><a href="">Reservations</a></li>
+            </ul>
+        </nav>
+            <div id=trailhero></div>
+        <main>
+            <h2>Activities at Pacific Trails</h2>
+            <section>
+            <h3>Hiking</h3>
+            <p>Pacific Trails Resort has 5 miles of hiking trails and is adjacent to a state park. Go it alone or join one of our guided hikes.</p>
+            </section>
+            <section>
+            <h3>Kayaking</h3>
+            <p>Ocean kayaks are available for guest use.</p>
+            </section>
+            <section>
+            <h3>Bird Watching</h3>
+            <p>While anytime is a good time for bird watching at Pacific Trails, we offer guided birdwatching trips at sunrise several times a week.</p>
+            </section>
+        </main>
+        <footer>
+            Copyright &copy; 2022 Pacific Trails Resort
+            <br />
+            <!--"Place your name in an email link". I'm assuming that this is what was meant by this.-->
+            <a href=mailto:msglm@techchud.xyz>msglm</a>
+        </footer>
+        </div>
+    </body>
+</html>
diff --git a/HTML/Tests/Test2/coast.jpg b/HTML/Tests/Test2/coast.jpg
new file mode 100644
index 0000000..af3fef0
--- /dev/null
+++ b/HTML/Tests/Test2/coast.jpg
diff --git a/HTML/Tests/Test2/coast2.jpg b/HTML/Tests/Test2/coast2.jpg
new file mode 100644
index 0000000..ac2b452
--- /dev/null
+++ b/HTML/Tests/Test2/coast2.jpg
diff --git a/HTML/Tests/Test2/favicon.ico b/HTML/Tests/Test2/favicon.ico
new file mode 100644
index 0000000..ad98119
--- /dev/null
+++ b/HTML/Tests/Test2/favicon.ico
diff --git a/HTML/Tests/Test2/index.html b/HTML/Tests/Test2/index.html
new file mode 100644
index 0000000..372bb22
--- /dev/null
+++ b/HTML/Tests/Test2/index.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Pacific Trails Resort</title>
+        <meta charset="utf-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <link rel="stylesheet" href=pacific.css>
+    </head>
+    <body>
+        <div id=wrapper>
+            <header>
+                <h1><a href=index.html>Pacific Trails Resort</a></h1>
+            </header>
+            <nav>
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="yurts.html">Yurts</a></li>
+                    <li><a href="activities.html">Activities</a></li>
+                    <li><a href="">Reservations</a></li>
+                </ul>
+            </nav>
+            <div id=homehero>
+            </div>
+            <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>
+                Copyright &copy; 2022 Pacific Trails Resort
+                <br />
+                <!--"Place your name in an email link". I'm assuming that this is what was meant by this.-->
+                <small><a href=mailto:msglm@techchud.xyz>msglm</a></small>
+            </footer>
+            <div>
+    </body>
+</html>
diff --git a/HTML/Tests/Test2/marker.gif b/HTML/Tests/Test2/marker.gif
new file mode 100644
index 0000000..318f8b0
--- /dev/null
+++ b/HTML/Tests/Test2/marker.gif
diff --git a/HTML/Tests/Test2/pacific.css b/HTML/Tests/Test2/pacific.css
new file mode 100644
index 0000000..bcdfc2c
--- /dev/null
+++ b/HTML/Tests/Test2/pacific.css
@@ -0,0 +1,239 @@
+* {
+    box-sizing: border-box; 
+}
+
+body {
+    background-color: #EAEAEA;
+    color: #666666;
+    font-family: "Times New Roman", Times, serif;
+}
+
+header {
+    background-color: #002171;
+    color: #FFFFFF;
+    text-align: center;
+}
+
+nav {
+    font-weight: bold;
+    padding: 0%;
+    font-size: 120%;
+}
+
+nav ul {
+    list-style: none;
+    margin: 0%;
+    padding-left: 0%;
+    font-size: 1.2em;
+}
+
+nav li {
+    border: 1px darkblue solid;
+    text-align: center;
+}
+
+
+nav a {
+    text-decoration: none;
+}
+
+nav a:link {
+    text-decoration: none;
+    color: #5C7FA3;
+}
+
+nav a:visited {
+    text-decoration: none;
+    color: #344873;
+}
+
+nav a:hover {
+    color:#A52A2A;
+}
+
+header a {
+    text-decoration: none;
+}
+
+header a:link {
+    text-decoration: none;
+    color: #FFFFFF;
+}
+
+header a:visited {
+    text-decoration: none;
+    color: #FFFFFF;
+}
+
+header a:hover {
+    text-decoration: none;
+    color: #90C7E3;
+}
+
+
+h2 {
+    color: #1976D2;
+    font-family: Georgia, 'Times New Roman', serif;
+    text-shadow: 1px 1px 1px grey;
+}
+
+h1 {
+    margin-bottom: 0%;
+    font-family: Georgia, 'Times New Roman', serif;
+    margin-top: 0%;
+    letter-spacing: 0.25em;
+    padding-top: 0.5em;
+    padding-bottom: 0.5em;
+}
+
+h3 {    
+    font-family: Georgia, 'Times New Roman', serif;
+    color: #000033;
+}
+
+main ul {
+    list-style-image: url(marker.gif);
+}
+
+main {
+    padding-top: 1px;
+    padding-right: 20px;
+    padding-bottom: 20px;
+    padding-left: 20px;
+    display: block;
+    background-color: #FFFFFF;
+    padding-left: 30px;
+    overflow: auto;
+}
+
+footer {
+    font-size: 75%;
+    font-style: italic;
+    text-align: center;
+    font-family: Georgia, 'Times New Roman', serif;
+    padding: 2em;
+    background-color: #FFFFFF;
+}
+
+dt {
+    color: #002171;
+}
+
+.resort {
+    color: #1976D2;
+    font-weight: bold;
+}
+
+#contact {
+    font-size: 90%;
+}
+
+#wrapper {
+    background-color: #90C7E3;
+    background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3);
+    background-repeat: no-repeat;
+}
+
+#homehero {
+    background-image: url(coast2.jpg);
+    height: 300px;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+}
+
+#yurthero {
+    background-image: url(yurt.jpg);
+    height: 300px;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+}
+
+#trailhero {
+    background-image: url(trail.jpg);
+    height: 300px;
+    background-size: 100% 100%;
+    background-repeat: no-repeat;
+}
+
+@media screen and (min-width: 600px) {
+    nav ul {
+        display: flex;
+        flex-wrap: nowrap;
+        justify-content: space-around;
+    }
+
+    nav li {
+        border: none;
+    }
+
+    section {
+        padding-left:2em;
+        padding-right: 2em;
+    }
+    h2         {
+        grid-row: 1 / 2; grid-column: 1 / 5; 
+    }
+
+    section    {
+        grid-row: 2 / 3; grid-column: auto; 
+    }
+
+    #special   {
+        grid-row: auto; grid-column: 1 / 5; 
+    }
+
+    footer     {
+        grid-row: auto; grid-column: 1 / 5; 
+    }
+
+    .content main { 
+        display: grid;
+        grid-template-rows: auto;
+        grid-template-columns: 1fr 1fr 1fr; 
+    }
+}
+
+
+
+@media screen and (min-width: 1024px) {
+    nav {
+        text-align: left;
+    }
+
+    nav ul {
+        flex-direction: column;
+    }
+    
+
+    #wrapper {
+        margin: auto;
+        width: 80%;
+        border: 1px darkblue solid;
+        box-shadow: 1px 1px 1px grey;
+        display: grid;
+        grid-template-rows: auto;
+        grid-template-columns: 180px 1fr;
+    }
+
+    header {
+            grid-row: 1; grid-column: 1/3;
+    }
+
+    nav {
+        grid-row: 2; grid-column: 1;
+    }
+    
+    div {
+        grid-row: 2; grid-column: 2;
+    }
+    
+    main {
+        grid-row: 3; grid-column: 2;
+    }
+    
+    footer {
+        grid-row: 4; grid-column: 2;
+    }
+
+}
+
diff --git a/HTML/Tests/Test2/sunset.jpg b/HTML/Tests/Test2/sunset.jpg
new file mode 100644
index 0000000..3ce0adc
--- /dev/null
+++ b/HTML/Tests/Test2/sunset.jpg
diff --git a/HTML/Tests/Test2/trail.jpg b/HTML/Tests/Test2/trail.jpg
new file mode 100644
index 0000000..cdb05c3
--- /dev/null
+++ b/HTML/Tests/Test2/trail.jpg
diff --git a/HTML/Tests/Test2/yurt.jpg b/HTML/Tests/Test2/yurt.jpg
new file mode 100644
index 0000000..535de06
--- /dev/null
+++ b/HTML/Tests/Test2/yurt.jpg
diff --git a/HTML/Tests/Test2/yurts.html b/HTML/Tests/Test2/yurts.html
new file mode 100644
index 0000000..8d423d0
--- /dev/null
+++ b/HTML/Tests/Test2/yurts.html
@@ -0,0 +1,48 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Pacific Trails Resort :: Yurts</title>
+        <meta charset="utf-8">
+        <link rel="stylesheet" href=pacific.css>
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    </head>
+    <body class=content>
+        <div id=wrapper>
+            <header>
+                <h1><a href=index.html>Pacific Trails Resort</a></h1>
+
+            </header>
+            <nav>
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="yurts.html">Yurts</a></li>
+                    <li><a href="activities.html">Activities</a></li>
+                    <li><a href="">Reservations</a></li>
+                </ul>
+            </nav>
+            <div id=yurthero>
+            </div>
+            <main>
+                <h2>The Yurts at Pacific Trails</h2>
+                <section>
+                <h3>What is a yurt?</h3>
+                <p>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.</p>
+                </section>
+                <section>
+                <h3>How are the yurts furnished?</h3>
+                <p>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.</p>
+                </section>
+                <section>
+                <h3>What should I bring?</h3>
+                <p>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!</p>
+                </section>
+            </main>
+            <footer>
+                Copyright &copy; 2022 Pacific Trails Resort
+                <br />
+                <!--"Place your name in an email link". I'm assuming that this is what was meant by this.-->
+                <a href=mailto:msglm@techchud.xyz>msglm</a>
+            </footer>
+        </div>
+    </body>
+</html>