I hate this

2023-02-22 19:08:31 -06:00
parent 8b84fc39b8
commit fd595f2d9b
51 changed files with 2606 additions and 82 deletions
--- a/.gitignore
+++ b/.gitignore
@@ -12,3 +12,4 @@
 /Assignments/lab6.2_CalebFontenot/nbproject/private/
 /Assignments/MP04_CalebFontenot/nbproject/private/
 /Assignments/lab7_CalebFontenot/nbproject/private/
+/Assignments/MP05_CalebFontenot/nbproject/private/
--- a/Assignments/MP04_CalebFontenot/public_html/yurts.html
+++ b/Assignments/MP04_CalebFontenot/public_html/yurts.html
@@ -25,16 +25,22 @@ Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this
        </div>
        <main><h2>The Yurts at Pacific Trails</h2></main>
        <dl>
+            <div>
            <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>
+            </div>
+            <div>
            <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>
+            </div> 
+            <div>
            <dt><strong>What should I bring?</strong></dt>
            <dd>Most guest 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>
+            </div>
        </dl>
    </body>
    <footer>
--- a/Assignments/MP05_CalebFontenot/.bowerrc
+++ b/Assignments/MP05_CalebFontenot/.bowerrc
@@ -0,0 +1,3 @@
+{
+    "directory": "public_html/bower_components"
+}
--- a/Assignments/MP05_CalebFontenot/Gruntfile.js
+++ b/Assignments/MP05_CalebFontenot/Gruntfile.js
@@ -0,0 +1,9 @@
+/* 
+ * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+ * Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/Gruntfile.js to edit this template
+ */
+module.exports = function (grunt) {
+    // Project configuration.
+    grunt.initConfig({
+    });
+};
--- a/Assignments/MP05_CalebFontenot/Markou.txt
+++ b/Assignments/MP05_CalebFontenot/Markou.txt
@@ -0,0 +1,3 @@
+https://calebfontenot.com/Pacific_Trails_Resort/index.html
+
+😄
--- a/Assignments/MP05_CalebFontenot/Printed
+++ b/Assignments/MP05_CalebFontenot/Printed
@@ -0,0 +1,72 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>activities.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.ST2 {color: #287bde}
+.value {color: #a5c261}
+.ST3 {color: #6a8759}
+.tag {color: #e8bf6a}
+.ST4 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.block-comment {color: #808080}
+.ws {color: #505050}
+.argument {color: #bababa}
+.ST5 {color: #6a8759; background-color: #364135}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/activities.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="block-comment">&lt;!--</span>
+<span class="block-comment">Click </span><span class="ST2">nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt</span><span class="block-comment"> to change this license</span>
+<span class="block-comment">Click </span><span class="ST2">nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html</span><span class="block-comment"> to edit this template</span>
+<span class="block-comment">--&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Pacific Trail Resort :: Yurts<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;UTF-8&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;pacific.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">name</span><span class="argument">=</span><span class="value">&quot;viewport&quot;</span> <span class="argument">content</span><span class="argument">=</span><span class="value">&quot;width=device-width, initial-scale=1.0&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">wrapper</span><span class="value">&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">b</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span> Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;yurts.html&quot;</span><span class="tag">&gt;</span> Yurts<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;activities.html&quot;</span><span class="tag">&gt;</span> Activities<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;reservations.html&quot;</span><span class="tag">&gt;</span> Reservations<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+            <span class="tag">&lt;/</span><span class="tag">b</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST5">trailhero</span><span class="value">&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Activities at Pacific Trails<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">dl</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">dt</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">strong</span><span class="tag">&gt;</span>Hiking<span class="tag">&lt;/</span><span class="tag">strong</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">dt</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">dd</span><span class="tag">&gt;</span>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.<span class="tag">&lt;/</span><span class="tag">dd</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">dt</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">strong</span><span class="tag">&gt;</span>Kayaking<span class="tag">&lt;/</span><span class="tag">strong</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">dt</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">dd</span><span class="tag">&gt;</span>Ocean kayaks are available for guest use.<span class="tag">&lt;/</span><span class="tag">dd</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">dt</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">strong</span><span class="tag">&gt;</span>Bird Watching<span class="tag">&lt;/</span><span class="tag">strong</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">dt</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">dd</span><span class="tag">&gt;</span>While anytime is a good time for bird watching at Pacific Trails, we offer guided birdwatching trips at sunrise several times a week.<span class="tag">&lt;/</span><span class="tag">dd</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">dl</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">small</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">i</span><span class="tag">&gt;</span>Copyright <span class="ST4">&amp;copy;</span> 2023 Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">i</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">small</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;mailto:caleb@fontenot.com&quot;</span><span class="tag">&gt;</span> caleb@fontenot.com<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+    <span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+
+</pre></body>
+</html>
--- a/Assignments/MP05_CalebFontenot/Printed
+++ b/Assignments/MP05_CalebFontenot/Printed
@@ -0,0 +1,92 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>index.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.ST2 {color: #287bde}
+.value {color: #a5c261}
+.ST3 {color: #6a8759}
+.tag {color: #e8bf6a}
+.ST4 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.block-comment {color: #808080}
+.ws {color: #505050}
+.argument {color: #bababa}
+.ST5 {color: #6a8759; background-color: #364135}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/index.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="block-comment">&lt;!--</span>
+<span class="block-comment">Click </span><span class="ST2">nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt</span><span class="block-comment"> to change this license</span>
+<span class="block-comment">Click </span><span class="ST2">nbfs://nbhost/SystemFileSystem/Templates/Other/html.html</span><span class="block-comment"> to edit this template</span>
+<span class="block-comment">--&gt;</span>
+
+<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Pacific Trail Resort<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;UTF-8&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;pacific.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">name</span><span class="argument">=</span><span class="value">&quot;viewport&quot;</span> <span class="argument">content</span><span class="argument">=</span><span class="value">&quot;width=device-width, initial-scale=1.0&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">wrapper</span><span class="value">&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span> 
+            <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">b</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span> Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;yurts.html&quot;</span><span class="tag">&gt;</span> Yurts<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;activities.html&quot;</span><span class="tag">&gt;</span> Activities<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;reservations.html&quot;</span><span class="tag">&gt;</span> Reservations<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+            <span class="tag">&lt;/</span><span class="tag">b</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST5">homehero</span><span class="value">&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Enjoy Nature in Luxury<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">span</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">resort</span><span class="value">&quot;</span><span class="tag">&gt;</span>Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">span</span><span class="tag">&gt;</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 sumptuous appointed private yurt and a cooked-to-order breakfast each morning.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>
+                Relax in our lodge while enjoying complimentary appetizers and beverages
+            <span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>
+                Savor nightly fine dining with an ocean views
+            <span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>
+                Unwind in the heated outdoor pool and whirlpool
+            <span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>
+                Explore the coast on your own or join our guided tours
+            <span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">id</span><span class="value">&quot;</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">span</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">resort</span><span class="value">&quot;</span><span class="tag">&gt;</span>Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">span</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+                12010 Pacific Trails Road <span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+                Zephyr, CA 95555 <span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+                888-555-5555
+                <span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">small</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">i</span><span class="tag">&gt;</span>Copyright <span class="ST4">&amp;copy;</span> 2023 Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">i</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">small</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;mailto:caleb@fontenot.com&quot;</span><span class="tag">&gt;</span> caleb@fontenot.com<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+    <span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+
+
+</pre></body>
+</html>
--- a/Assignments/MP05_CalebFontenot/Printed
+++ b/Assignments/MP05_CalebFontenot/Printed
@@ -0,0 +1,124 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>pacific.css</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST1 {color: #287bde}
+.strings {color: #6a8759}
+.numbers {color: #6897bb}
+.ST0 {color: #808080; background-color: #323232}
+.comments {color: #808080}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/pacific.css</td></tr></table>
+<pre>
+<span class="ST0">/*</span>
+<span class="comments">Click </span><span class="ST1">nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt</span><span class="comments"> to change this license</span>
+<span class="comments">Click </span><span class="ST1">nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css</span><span class="comments"> to edit this template</span>
+<span class="comments">*/</span>
+<span class="comments">/*</span> 
+    <span class="comments">Created on : Jan 25, 2023, 9:50:47 AM</span>
+    <span class="comments">Author     : caleb</span>
+<span class="comments">*/</span>
+
+<span class="strings">body</span> {
+    background-color: <span class="numbers">#90C7E3</span>;
+    background-image: linear-gradient(to bottom, <span class="numbers">#FFFFFF</span>, <span class="numbers">#90C7E3</span>);
+    color: <span class="numbers">#555555</span>;
+    font-family: Arial, Helvetica, sans-serif;
+}
+<span class="strings">.</span><span class="strings">wrapper</span> {
+    background-color: <span class="numbers">#FFFFFF</span>;
+    width: <span class="numbers">80%</span>;
+    min-width: <span class="numbers">960px</span>;
+    max-width: <span class="numbers">2048px</span>;
+    box-shadow: <span class="numbers">3px</span> <span class="numbers">3px</span> <span class="numbers">3px</span> <span class="numbers">#333333</span>;
+    margin-left: auto;
+    margin-right: auto;
+}
+<span class="strings">header</span> {
+    background-color: <span class="numbers">#002171</span>;
+    color: <span class="numbers">#FFFFFF</span>;
+    line-height: <span class="numbers">60px</span>;
+    top-padding: <span class="numbers">15px</span>;
+    text-align: center;
+    background-image: <span class="strings">url(&quot;images/sunset.jpg&quot;)</span>;
+    background-repeat: no-repeat;
+    background-position: right;
+}
+<span class="strings">nav</span> {
+    background-color: <span class="numbers">#FFFFFF</span>;
+    text-align: center;
+    font-weight: bold;
+    text-decoration: none;
+    padding: <span class="numbers">1em</span>;
+}
+<span class="strings">main</span> {
+    top-padding: <span class="numbers">1px</span>;
+    right-padding: <span class="numbers">20px</span>;
+    left-padding: <span class="numbers">20px</span>;
+}
+<span class="strings">h1</span>{
+    margin-bottom: <span class="numbers">0</span>;
+    font-family: Georgia, <span class="strings">&quot;Times New Roman&quot;</span>, sans-serif;
+}
+<span class="strings">h2</span> {
+    color: <span class="numbers">#1976D2</span>;
+    font-family: Georgia, <span class="strings">&quot;Times New Roman&quot;</span>, sans-serif;
+    text-shadow: <span class="numbers">1px</span> <span class="numbers">1px</span> <span class="numbers">#CCCCCC</span>;
+}
+<span class="strings">h3</span> {
+    color: <span class="numbers">#000033</span>;
+    font-family: Georgia, <span class="strings">&quot;Times New Roman&quot;</span>, sans-serif;
+}
+<span class="strings">dt</span> {
+    color: <span class="numbers">#002171</span>;
+}
+<span class="strings">ul</span> {
+    list-style-image: <span class="strings">url(&#39;images/marker.gif&#39;)</span>
+}
+<span class="strings">footer</span> {
+    font-size: <span class="numbers">75%</span>;
+    font-style: italic;
+    font-family: Georgia, <span class="strings">&quot;Times New Roman&quot;</span>, sans-serif;
+    text-align: center;
+    padding: <span class="numbers">2em</span>;
+}
+<span class="strings">.</span><span class="strings">resort</span> {
+    color: <span class="numbers">#1976D2</span>;
+    font-weight: bold;
+}
+<span class="strings">.</span><span class="strings">contact</span> {
+    font-size: <span class="numbers">90%</span>;
+}
+<span class="strings">img</span> {
+    height: <span class="numbers">100%</span>;
+    width: <span class="numbers">100%</span>;
+}
+<span class="strings">#homehero</span> {
+    height: <span class="numbers">300px</span>;
+    background-image: <span class="strings">url(&quot;images/coast.jpg&quot;)</span>;
+    background-repeat: no-repeat;
+    background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
+}
+<span class="strings">#yurthero</span> {
+    height: <span class="numbers">300px</span>;
+    background-image: <span class="strings">url(&quot;images/yurt.jpg&quot;)</span>;
+    background-repeat: no-repeat;
+    background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
+}
+<span class="strings">#trailhero</span> {
+    height: <span class="numbers">300px</span>;
+    background-image: <span class="strings">url(&quot;images/trail.jpg&quot;)</span>;
+    background-repeat: no-repeat;
+    background-size: <span class="numbers">100%</span> <span class="numbers">100%</span>;
+}
+</pre></body>
+</html>
--- a/Assignments/MP05_CalebFontenot/Printed
+++ b/Assignments/MP05_CalebFontenot/Printed
@@ -0,0 +1,76 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>yurts.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.ST2 {color: #287bde}
+.value {color: #a5c261}
+.ST3 {color: #6a8759}
+.tag {color: #e8bf6a}
+.ST4 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.block-comment {color: #808080}
+.ws {color: #505050}
+.argument {color: #bababa}
+.ST5 {color: #6a8759; background-color: #364135}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/MP04_CalebFontenot/public_html/yurts.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="block-comment">&lt;!--</span>
+<span class="block-comment">Click </span><span class="ST2">nbfs</span><span class="ST2">://</span><span class="ST2">nbhost</span><span class="ST2">/</span><span class="ST2">SystemFileSystem</span><span class="ST2">/Templates/Licenses/license-default.</span><span class="ST2">txt</span><span class="block-comment"> to change this license</span>
+<span class="block-comment">Click </span><span class="ST2">nbfs</span><span class="ST2">://</span><span class="ST2">nbhost</span><span class="ST2">/</span><span class="ST2">SystemFileSystem</span><span class="ST2">/Templates/</span><span class="ST2">ClientSide</span><span class="ST2">/</span><span class="ST2">html</span><span class="ST2">.</span><span class="ST2">html</span><span class="block-comment"> to edit this template</span>
+<span class="block-comment">--&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Pacific Trail Resort :: Yurts<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;UTF-8&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;pacific.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">name</span><span class="argument">=</span><span class="value">&quot;viewport&quot;</span> <span class="argument">content</span><span class="argument">=</span><span class="value">&quot;width=device-width, initial-scale=1.0&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST3">wrapper</span><span class="value">&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">b</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span> Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;yurts.html&quot;</span><span class="tag">&gt;</span> Yurts<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;activities.html&quot;</span><span class="tag">&gt;</span> Activities<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;reservations.html&quot;</span><span class="tag">&gt;</span> Reservations<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+            <span class="tag">&lt;/</span><span class="tag">b</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST5">yurthero</span><span class="value">&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>The Yurts at Pacific Trails<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">dl</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">dt</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">strong</span><span class="tag">&gt;</span>What is a yurt?<span class="tag">&lt;/</span><span class="tag">strong</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">dt</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">dd</span><span class="tag">&gt;</span>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.<span class="tag">&lt;/</span><span class="tag">dd</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">dt</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">strong</span><span class="tag">&gt;</span>How are the yurts furnished?<span class="tag">&lt;/</span><span class="tag">strong</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">dt</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">dd</span><span class="tag">&gt;</span>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. <span class="tag">&lt;/</span><span class="tag">dd</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">dt</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">strong</span><span class="tag">&gt;</span>What should I bring?<span class="tag">&lt;/</span><span class="tag">strong</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">dt</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">dd</span><span class="tag">&gt;</span>Most guest pack comfortable walking shoes and plan to dress for changing weather with light layers of clothing. 
+                It&#39;s also helpful to bring a flashlight and a sense of adventure! <span class="tag">&lt;/</span><span class="tag">dd</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">dl</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">small</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">i</span><span class="tag">&gt;</span>Copyright <span class="ST4">&amp;copy;</span> 2023 Pacific Trails Resort<span class="tag">&lt;/</span><span class="tag">i</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">small</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;mailto:caleb@fontenot.com&quot;</span><span class="tag">&gt;</span> caleb@fontenot.com<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="ST4">&amp;nbsp;</span>
+    <span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+
+</pre></body>
+</html>
--- a/Assignments/MP05_CalebFontenot/bower.json
+++ b/Assignments/MP05_CalebFontenot/bower.json
@@ -0,0 +1,13 @@
+{
+    "name": "MP05_CalebFontenot",
+    "version": "1.0.0",
+    "main": "path/to/main.css",
+    "ignore": [
+        ".jshintrc",
+        "**/*.txt"
+    ],
+    "dependencies": {
+    },
+    "devDependencies": {
+    }
+}
--- a/Assignments/MP05_CalebFontenot/gulpfile.js
+++ b/Assignments/MP05_CalebFontenot/gulpfile.js
@@ -0,0 +1,10 @@
+/* 
+ * Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+ * Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/gulpfile.js to edit this template
+ */
+
+var gulp = require('gulp');
+
+gulp.task('default', function () {
+    // place code for your default task here
+});
--- a/Assignments/MP05_CalebFontenot/nbproject/project.properties
+++ b/Assignments/MP05_CalebFontenot/nbproject/project.properties
@@ -0,0 +1,5 @@
+file.reference.MP03_CalebFontenot-public_html=public_html
+file.reference.MP03_CalebFontenot-test=test
+files.encoding=UTF-8
+site.root.folder=${file.reference.MP03_CalebFontenot-public_html}
+test.folder=${file.reference.MP03_CalebFontenot-test}
--- a/Assignments/MP05_CalebFontenot/nbproject/project.xml
+++ b/Assignments/MP05_CalebFontenot/nbproject/project.xml
@@ -0,0 +1,9 @@
+<?xml version="1.0" encoding="UTF-8"?>
+<project xmlns="http://www.netbeans.org/ns/project/1">
+    <type>org.netbeans.modules.web.clientproject</type>
+    <configuration>
+        <data xmlns="http://www.netbeans.org/ns/clientside-project/1">
+            <name>MP05_CalebFontenot</name>
+        </data>
+    </configuration>
+</project>
--- a/Assignments/MP05_CalebFontenot/package.json
+++ b/Assignments/MP05_CalebFontenot/package.json
@@ -0,0 +1,8 @@
+{
+    "name": "MP05_CalebFontenot",
+    "version": "1.0.0",
+    "keywords": ["util", "functional", "server", "client", "browser"],
+    "author": "caleb",
+    "contributors": [],
+    "dependencies": {}
+}
--- a/Assignments/MP05_CalebFontenot/public_html/activities.html
+++ b/Assignments/MP05_CalebFontenot/public_html/activities.html
@@ -0,0 +1,42 @@
+<!DOCTYPE html>
+<!--
+Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template
+-->
+<html>
+    <head>
+        <title>Pacific Trail Resort :: Yurts</title>
+        <meta charset="UTF-8">
+        <link href="pacific.css" rel="stylesheet">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    </head>
+    <div class="wrapper">
+    <body>
+        <header> <h1>Pacific Trails Resort</h1> </header>
+        <nav>
+            <b>
+                <a href="index.html"> Home</a>&nbsp;
+                <a href="yurts.html"> Yurts</a>&nbsp;
+                <a href="activities.html"> Activities</a>&nbsp;
+                <a href="reservations.html"> Reservations</a>&nbsp;
+            </b>
+        </nav>
+        <div id="trailhero">
+        </div>
+        <main><h2>Activities at Pacific Trails</h2></main>
+        <dl>
+            <dt><strong>Hiking</strong></dt>
+            <dd>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.</dd>
+            <dt><strong>Kayaking</strong></dt>
+            <dd>Ocean kayaks are available for guest use.</dd>
+            <dt><strong>Bird Watching</strong></dt>
+            <dd>While anytime is a good time for bird watching at Pacific Trails, we offer guided birdwatching trips at sunrise several times a week.</dd>
+        </dl>
+    </body>
+    <footer>
+        <small><i>Copyright &copy; 2023 Pacific Trails Resort</i></small>
+        <br>
+        <a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>&nbsp;
+    </footer>
+    </div>
+</html>
--- a/Assignments/MP05_CalebFontenot/public_html/images/coast.jpg
+++ b/Assignments/MP05_CalebFontenot/public_html/images/coast.jpg
--- a/Assignments/MP05_CalebFontenot/public_html/images/coast2.jpg
+++ b/Assignments/MP05_CalebFontenot/public_html/images/coast2.jpg
--- a/Assignments/MP05_CalebFontenot/public_html/images/favicon.ico
+++ b/Assignments/MP05_CalebFontenot/public_html/images/favicon.ico
--- a/Assignments/MP05_CalebFontenot/public_html/images/marker.gif
+++ b/Assignments/MP05_CalebFontenot/public_html/images/marker.gif
--- a/Assignments/MP05_CalebFontenot/public_html/images/sunset.jpg
+++ b/Assignments/MP05_CalebFontenot/public_html/images/sunset.jpg
--- a/Assignments/MP05_CalebFontenot/public_html/images/trail.jpg
+++ b/Assignments/MP05_CalebFontenot/public_html/images/trail.jpg
--- a/Assignments/MP05_CalebFontenot/public_html/images/yurt.jpg
+++ b/Assignments/MP05_CalebFontenot/public_html/images/yurt.jpg
--- a/Assignments/MP05_CalebFontenot/public_html/index.html
+++ b/Assignments/MP05_CalebFontenot/public_html/index.html
@@ -0,0 +1,62 @@
+<!DOCTYPE html>
+<!--
+Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+Click nbfs://nbhost/SystemFileSystem/Templates/Other/html.html to edit this template
+-->
+
+<head>
+    <title>Pacific Trail Resort</title>
+    <meta charset="UTF-8">
+    <link href="pacific.css" rel="stylesheet">
+    <meta name="viewport" content="width=device-width, initial-scale=1.0">
+</head>
+<div class="wrapper">
+    <body>
+        <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.html"> Reservations</a></li>
+            </ul>
+        </nav>
+        <div id="homehero">
+        </div>
+        <main><h2>Enjoy Nature in Luxury</h2></main>
+        <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 sumptuous appointed private yurt and a cooked-to-order breakfast each morning.</p>
+        <ul>
+            <li>
+                Relax in our lodge while enjoying complimentary appetizers and beverages
+            </li>
+            <li>
+                Savor nightly fine dining with an ocean views
+            </li>
+            <li>
+                Unwind in the heated outdoor pool and whirlpool
+            </li>
+            <li>
+                Explore the coast on your own or join our guided tours
+            </li>
+        </ul>
+        <div class="id">
+            <p>
+                <span class="resort">Pacific Trails Resort</span> <br>
+                12010 Pacific Trails Road <br>
+                Zephyr, CA 95555 <br>
+                <br>
+                888-555-5555
+                <br>
+            </p>
+        </div>
+    </body>
+    <footer>
+        <small><i>Copyright &copy; 2023 Pacific Trails Resort</i></small>
+        <br>
+        <a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>&nbsp;
+    </footer>
+</div>
+
--- a/Assignments/MP05_CalebFontenot/public_html/pacific.css
+++ b/Assignments/MP05_CalebFontenot/public_html/pacific.css
@@ -0,0 +1,129 @@
+/*
+Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/css.css to edit this template
+*/
+/* 
+    Created on : Jan 25, 2023, 9:50:47 AM
+    Author     : caleb
+*/
+* {
+  box-sizing: border-box;
+}
+body {
+    background-color: #EAEAEA;
+    
+    color: #555555;
+    font-family: Arial, Helvetica, sans-serif;
+}
+.wrapper {
+    background-color: #90C7E3;
+    width: 80%;
+    background-image: linear-gradient(to bottom, #FFFFFF, #90C7E3);
+    min-width: 960px;
+    max-width: 2048px;
+    box-shadow: 1px 1px 1px #000033;
+    margin-left: auto;
+    margin-right: auto;
+}
+header {
+    background-color: #002171;
+    color: #FFFFFF;
+    line-height: 120px;
+    padding-top: 30px;
+    padding-left: 3em;
+    text-align: center;
+    background-repeat: no-repeat;
+    background-position: right;
+}
+nav {
+    padding:1.5em;
+    font-size: 120%;
+    float: left;
+    width: 160px;
+    font-weight: bold;
+    text-decoration: none;
+    padding: 1em;
+}
+nav ul {
+    list-style-type: none;
+    margin: 0;
+    padding: 0;
+    font-size: 1.2em;
+}
+nav a:link, a:visited {
+    color: #344873;
+}
+nav :hover {
+    color: #A52A2A;
+}
+header a:link a:visited {
+    text-decoration: none;
+    color: #FFFFFF;
+}
+main {
+    padding-top: 1px;
+    padding-right: 20px;
+    padding-left: 20px;
+    background-color: #FFFFFF;
+}
+h1{
+    margin-bottom: 0;
+    font-family: Georgia, "Times New Roman", sans-serif;
+    font-size: 3em;
+    letter-spacing: 0.25em;
+}
+h2 {
+    color: #1976D2;
+    font-family: Georgia, "Times New Roman", sans-serif;
+    text-shadow: 1px 1px #CCCCCC;
+}
+h3 {
+    color: #000033;
+    font-family: Georgia, "Times New Roman", sans-serif;
+}
+dt {
+    color: #002171;
+}
+ul {
+    list-style-image: url('images/marker.gif')
+}
+footer {
+    font-size: 75%;
+    font-style: italic;
+    font-family: Georgia, "Times New Roman", sans-serif;
+    text-align: center;
+    padding: 2em;
+}
+.resort {
+    color: #1976D2;
+    font-weight: bold;
+}
+.contact {
+    font-size: 90%;
+}
+img {
+    height: 100%;
+    width: 100%;
+}
+#homehero {
+    height: 300px;
+    margin-left: 190px;
+    background-image: url("images/coast2.jpg");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+}
+#yurthero {
+    height: 300px;
+    background-image: url("images/yurt.jpg");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    margin-left: 190px;
+}
+#trailhero {
+    height: 300px;
+    background-image: url("images/trail.jpg");
+    background-repeat: no-repeat;
+    background-size: 100% 100%;
+    margin-left: 190px;
+}
+
--- a/Assignments/MP05_CalebFontenot/public_html/yurts.html
+++ b/Assignments/MP05_CalebFontenot/public_html/yurts.html
@@ -0,0 +1,52 @@
+<!DOCTYPE html>
+<!--
+Click nbfs://nbhost/SystemFileSystem/Templates/Licenses/license-default.txt to change this license
+Click nbfs://nbhost/SystemFileSystem/Templates/ClientSide/html.html to edit this template
+-->
+<html>
+    <head>
+        <title>Pacific Trail Resort :: Yurts</title>
+        <meta charset="UTF-8">
+        <link href="pacific.css" rel="stylesheet">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    </head>
+    <div class="wrapper">
+    <body>
+        <header> <h1>Pacific Trails Resort</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.html"> Reservations</a></li>
+            </ul>
+        </nav>
+        <div id="yurthero">
+        </div>
+        <main><h2>The Yurts at Pacific Trails</h2></main>
+        <dl>
+            <div>
+            <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>
+            </div>
+    <div>
+            <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>
+    </div>
+            <div>
+            <dt><strong>What should I bring?</strong></dt>
+            <dd>Most guest 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>
+            </div>
+        </dl>
+    </body>
+    <footer>
+        <small><i>Copyright &copy; 2023 Pacific Trails Resort</i></small>
+        <br>
+        <a href="mailto:caleb@fontenot.com"> caleb@fontenot.com</a>&nbsp;
+    </footer>
+    </div>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,140 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>index.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.ST2 {color: #6897bb}
+.ST3 {color: #6a8759}
+.tag {color: #e8bf6a}
+.ST4 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.11/index.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
+* { box-sizing: border-box; }
+body {font-family: Verdana, Arial, sans-serif;
+      background-color: <span class="ST2">#00005D</span>;
+}
+<span class="ST2">#wrapper</span> { background-color: <span class="ST2">#b3c7e6</span>; 
+           color: <span class="ST2">#000066</span>;
+           width: <span class="ST2">80%</span>;
+                   margin: auto;
+           min-width:<span class="ST2">940px</span>;
+}  
+header { background-color: <span class="ST2">#869dc7</span>;
+        color: <span class="ST2">#00005D</span>; 
+        font-size: <span class="ST2">150%</span>; 
+        padding: <span class="ST2">10px</span> <span class="ST2">10px</span> <span class="ST2">10px</span> <span class="ST2">155px</span>;
+                background-image: <span class="ST3">url(lighthouselogo.jpg)</span>; 
+                background-repeat: no-repeat;
+                height: <span class="ST2">130px</span>;
+                margin-top: <span class="ST2">40px</span>;
+}
+h2 { color: <span class="ST2">#869dc7</span>; 
+     font-family: arial, sans-serif;
+}
+nav { position: fixed; top: <span class="ST2">0</span>; left: <span class="ST2">0</span>; 
+     height: <span class="ST2">40px</span>;
+         min-width: <span class="ST2">40em</span>;
+         width: <span class="ST2">100%</span>;
+     background-color: <span class="ST2">#B3C7E6</span>;
+         z-index: <span class="ST2">9999</span>;
+}
+nav ul { list-style-type: none;
+         text-align: right;
+                 font-size: <span class="ST2">1.5em</span>;
+                 margin: <span class="ST2">5px</span>;
+         padding-right: <span class="ST2">10%</span>;             
+}
+nav li { display: inline; }
+nav a { text-decoration: none;
+        padding-left: <span class="ST2">10px</span>;
+                padding-right: <span class="ST2">10px</span>;
+}
+main { padding: <span class="ST2">20px</span> <span class="ST2">20px</span> <span class="ST2">0</span> <span class="ST2">20px</span>; 
+           background-color: <span class="ST2">#ffffff</span>;
+           color: <span class="ST2">#000000</span>;
+                   display: block;
+} 
+main img { margin: <span class="ST2">10px</span>;
+             float: right;
+}
+
+footer {font-size:<span class="ST2">70%</span>;
+         text-align: center;
+                 clear: right;
+         padding-bottom:<span class="ST2">20px</span>;
+}
+<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>wrapper<span class="value">&quot;</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
+          <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+      <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.html&quot;</span><span class="tag">&gt;</span>Menu<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+      <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;directions.html&quot;</span><span class="tag">&gt;</span>Directions<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+      <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span>Contact<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+         <span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span> 
+      <span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>floatright<span class="value">&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+  fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+  fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+  fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>Copyright <span class="ST4">&amp;copy;</span> 
+  <span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+
+
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,140 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>index.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.ST2 {color: #6897bb}
+.ST3 {color: #6a8759}
+.tag {color: #e8bf6a}
+.ST4 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.11/index.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
+* { box-sizing: border-box; }
+body {font-family: Verdana, Arial, sans-serif;
+      background-color: <span class="ST2">#00005D</span>;
+}
+<span class="ST2">#wrapper</span> { background-color: <span class="ST2">#b3c7e6</span>; 
+           color: <span class="ST2">#000066</span>;
+           width: <span class="ST2">80%</span>;
+                   margin: auto;
+           min-width:<span class="ST2">940px</span>;
+}  
+header { background-color: <span class="ST2">#869dc7</span>;
+        color: <span class="ST2">#00005D</span>; 
+        font-size: <span class="ST2">150%</span>; 
+        padding: <span class="ST2">10px</span> <span class="ST2">10px</span> <span class="ST2">10px</span> <span class="ST2">155px</span>;
+                background-image: <span class="ST3">url(lighthouselogo.jpg)</span>; 
+                background-repeat: no-repeat;
+                height: <span class="ST2">130px</span>;
+                margin-top: <span class="ST2">40px</span>;
+}
+h2 { color: <span class="ST2">#869dc7</span>; 
+     font-family: arial, sans-serif;
+}
+nav { position: fixed; top: <span class="ST2">0</span>; left: <span class="ST2">0</span>; 
+     height: <span class="ST2">40px</span>;
+         min-width: <span class="ST2">40em</span>;
+         width: <span class="ST2">100%</span>;
+     background-color: <span class="ST2">#B3C7E6</span>;
+         z-index: <span class="ST2">9999</span>;
+}
+nav ul { list-style-type: none;
+         text-align: right;
+                 font-size: <span class="ST2">1.5em</span>;
+                 margin: <span class="ST2">5px</span>;
+         padding-right: <span class="ST2">10%</span>;             
+}
+nav li { display: inline; }
+nav a { text-decoration: none;
+        padding-left: <span class="ST2">10px</span>;
+                padding-right: <span class="ST2">10px</span>;
+}
+main { padding: <span class="ST2">20px</span> <span class="ST2">20px</span> <span class="ST2">0</span> <span class="ST2">20px</span>; 
+           background-color: <span class="ST2">#ffffff</span>;
+           color: <span class="ST2">#000000</span>;
+                   display: block;
+} 
+main img { margin: <span class="ST2">10px</span>;
+             float: right;
+}
+
+footer {font-size:<span class="ST2">70%</span>;
+         text-align: center;
+                 clear: right;
+         padding-bottom:<span class="ST2">20px</span>;
+}
+<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>wrapper<span class="value">&quot;</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
+          <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+      <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.html&quot;</span><span class="tag">&gt;</span>Menu<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+      <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;directions.html&quot;</span><span class="tag">&gt;</span>Directions<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+      <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span>Contact<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+         <span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span> 
+      <span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>floatright<span class="value">&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+  fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+  fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+  fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>Copyright <span class="ST4">&amp;copy;</span> 
+  <span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+
+
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,161 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>index.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.ST2 {color: #6897bb}
+.ST3 {color: #6a8759}
+.tag {color: #e8bf6a}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+.block-comment {color: #808080}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.12/index.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>KayakDoorCounty.net<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span> 
+body { font-family: Tahoma, Verdana, Arial, sans-serif; 
+       margin: <span class="ST2">0</span>; padding: <span class="ST2">0</span>; 
+}
+.hero { 
+    background-image: <span class="ST3">url(beached.jpg)</span>; 
+    min-height: <span class="ST2">100vh</span>;  
+    background-repeat: no-repeat; 
+    background-size: cover;  
+}       
+.tourshero { 
+    background-image: <span class="ST3">url(kayaks.jpg)</span>; 
+    min-height: <span class="ST2">100vh</span>;
+    background-repeat: no-repeat; 
+    background-size: cover;  
+}
+.rentalshero { 
+    background-image: <span class="ST3">url(rentals.jpg)</span>; 
+    min-height: <span class="ST2">100vh</span>; 
+    background-repeat: no-repeat; 
+    background-size: cover; 
+}
+.contacthero { 
+    background-image: <span class="ST3">url(lonekayak.jpg)</span>; 
+    min-height: <span class="ST2">100vh</span>;  
+    background-repeat: no-repeat; 
+    background-size: cover; 
+}
+nav { z-index:<span class="ST2">9999</span>;
+      position: fixed;
+          top: <span class="ST2">0</span>;
+          left: <span class="ST2">0</span>;
+          padding: <span class="ST2">.5em</span>; 
+          height: <span class="ST2">40px</span>;
+          background:rgba(<span class="ST2">25</span>,<span class="ST2">25</span>, <span class="ST2">25</span>, <span class="ST2">0.70</span>);
+          width: <span class="ST2">100%</span>;
+          font-size: <span class="ST2">120%</span>;
+          font-weight: bold;
+          min-width: <span class="ST2">900px</span>;       }
+nav ul { list-style-type: none; 
+         margin: <span class="ST2">5px</span>; }
+nav ul li { display: inline; padding-left: <span class="ST2">2em</span>; padding-right: <span class="ST2">2em</span>; }
+nav a { text-decoration:none; }
+nav a:link { color: <span class="ST2">#EAEAEA</span>; }
+nav a:visited { color: <span class="ST2">#FFF</span>; }
+nav a:hover { color: <span class="ST2">#FDA27F</span>; }
+h1 { height: <span class="ST2">100px</span>; 
+     padding-top: <span class="ST2">2em</span>; 
+         text-align: center;
+      background:rgba(<span class="ST2">255</span>, <span class="ST2">255</span>, <span class="ST2">255</span>, <span class="ST2">0.80</span>);
+        }
+.space  { height: <span class="ST2">20vh</span>; }
+<span class="ST2">#tours</span>, <span class="ST2">#rentals</span>, <span class="ST2">#contact</span> {  background-color: <span class="ST2">#FFF</span>;
+                                                  width: <span class="ST2">60%</span>;
+                                                  padding-left: <span class="ST2">6em</span>;
+                                                  padding-top: <span class="ST2">70px</span>;
+                                                  padding-bottom: <span class="ST2">2em</span>;
+}
+footer {   background:rgba(<span class="ST2">25</span>,<span class="ST2">25</span>, <span class="ST2">25</span>, <span class="ST2">0.90</span>);
+         width: <span class="ST2">100%</span>;
+         font-size: <span class="ST2">90%</span>;
+         text-align: center;    
+         color: <span class="ST2">#EAEAEA</span>;
+                 position: fixed;
+                 bottom: <span class="ST2">0</span>;
+                }       
+footer a { text-decoration: none;
+           color: <span class="ST2">#EAEAEA</span>; }            
+<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;#home&quot;</span><span class="tag">&gt;</span>KayakDoorCounty.net<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;#tours&quot;</span><span class="tag">&gt;</span>Tours<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;#rentals&quot;</span><span class="tag">&gt;</span>Rentals<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;#contact&quot;</span><span class="tag">&gt;</span>Contact<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+   <span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
+
+
+<span class="block-comment">&lt;!-- Home Page --&gt;</span>
+<span class="tag">&lt;</span><span class="tag">section</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>home<span class="value">&quot;</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>hero<span class="value">&quot;</span> <span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>space<span class="value">&quot;</span><span class="tag">&gt;</span> <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;#home&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;kayakdc.gif&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;KayakDoorCounty.net&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;/</span><span class="tag">section</span><span class="tag">&gt;</span>
+
+<span class="block-comment">&lt;!-- Tours Page --&gt;</span>
+<span class="tag">&lt;</span><span class="tag">section</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>tours<span class="value">&quot;</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Tours by KayakDoorCounty.net<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Your next adventure is only a paddle away....<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take a guided kayak tour while you explore the scenic shoreline of Door County<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">h3</span><span class="tag">&gt;</span>Featured tours this week:<span class="tag">&lt;/</span><span class="tag">h3</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Cana Island<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Mink River<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Europe Lake<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">section</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>tourshero<span class="value">&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="block-comment">&lt;!-- Rentals Page --&gt;</span>
+<span class="tag">&lt;</span><span class="tag">section</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>rentals<span class="value">&quot;</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Rent Kayaks from KayakDoorCounty.net<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">h3</span><span class="tag">&gt;</span>Be Your Own Guide.....<span class="tag">&lt;/</span><span class="tag">h3</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Half day, full day, and week-long rentals available.<span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+Rent a kayak at one of these three scenic locations:<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Eagle Harbor<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Sister Bay<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span>Garrett Bay<span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">section</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>rentalshero<span class="value">&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="block-comment">&lt;!-- Contact Page --&gt;</span>
+<span class="tag">&lt;</span><span class="tag">section</span>  <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>contact<span class="value">&quot;</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Contact KayakDoorCounty.net<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">h3</span><span class="tag">&gt;</span>Call, Text, or Email<span class="tag">&lt;/</span><span class="tag">h3</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>A trained kayak guide will answer all your questions and get you out on the water!<span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Call to reserve your kayak today!<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+555-555-5555<span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;mailto:info@kayakdoorcounty.net&quot;</span><span class="tag">&gt;</span>info@kayakdoorcounty.net<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">section</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>contacthero<span class="value">&quot;</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>
+KayakDoorCounty.net<span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;mailto:info@kayakdoorcounty.net&quot;</span><span class="tag">&gt;</span>info@kayakdoorcounty.net<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span> 
+&lt;/html&gt; 
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,159 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>index.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.ST2 {color: #6a8759}
+.ST3 {color: #6897bb}
+.tag {color: #e8bf6a}
+.ST5 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+.ST4 {color: #e8bf6a; font-family: monospace; font-weight: bold; font-style: italic}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.13/index.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
+            <span class="ST2">*</span> {
+                box-sizing: border-box;
+            }
+            <span class="ST2">body</span> {
+                font-family:Verdana, Arial, sans-serif;
+                background-color: <span class="ST3">#00005D</span>;
+            }
+            <span class="ST2">#wrapper</span> {
+                background-color: <span class="ST3">#b3c7e6</span>;
+                color: <span class="ST3">#000066</span>;
+                width: <span class="ST3">80%</span>;
+                margin: auto;
+                min-width:<span class="ST3">940px</span>;
+            }
+            <span class="ST2">nav</span> {
+                position: fixed;
+            }
+            <span class="ST2">nav</span> <span class="ST2">ul</span> {
+                list-style-type: none;
+                padding: <span class="ST3">10px</span>;
+            }
+            <span class="ST2">nav</span> <span class="ST2">a</span> {
+                text-decoration: none;
+                padding: <span class="ST3">10px</span>;
+                font-weight: bold;
+            }
+            <span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">link</span> {
+                color: <span class="ST3">#FFFFFF</span>;
+            }
+            <span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">visited</span> {
+                color: <span class="ST3">#EAEAEA</span>;
+            }
+            <span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">hover</span> {
+                color: <span class="ST3">#000066</span>;
+            }
+            <span class="ST2">main</span> {
+                margin-left: <span class="ST3">155px</span>;
+                background-color: <span class="ST3">#ffffff</span>;
+                color: <span class="ST3">#000000</span>;
+                display: block;
+            }
+            <span class="ST2">header</span> {
+                background-color: <span class="ST3">#869dc7</span>;
+                color: <span class="ST3">#00005D</span>;
+                font-size: <span class="ST3">150%</span>;
+                padding: <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">155px</span>;
+                background-image: <span class="ST2">url(lighthouselogo.jpg)</span>;
+                background-repeat: no-repeat;
+                height: <span class="ST3">130px</span>;
+            }
+
+            <span class="ST2">h2</span> {
+                color: <span class="ST3">#869dc7</span>;
+                font-family: arial, sans-serif;
+            }
+            <span class="ST2">.</span><span class="ST2">content</span> {
+                padding: <span class="ST3">20px</span> <span class="ST3">20px</span> <span class="ST3">0</span> <span class="ST3">20px</span>;
+            }
+            <span class="ST2">#floatright</span> {
+                margin: <span class="ST3">10px</span>;
+                float: right;
+            }
+
+            <span class="ST2">footer</span> {
+                font-size:<span class="ST3">70%</span>;
+                text-align: center;
+                clear: right;
+                padding-bottom:<span class="ST3">20px</span>;
+            }
+        <span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span> 
+    <span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">wrapper</span><span class="value">&quot;</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.html&quot;</span><span class="tag">&gt;</span>Menu<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;directions.html&quot;</span><span class="tag">&gt;</span>Directions<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span>Contact<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span> 
+                <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">content</span><span class="value">&quot;</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">floatright</span><span class="value">&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+                    fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+                    fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+                    fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+          
+            <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>Copyright <span class="ST5">&amp;copy;</span> 
+            <span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
+                  <span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+
+
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>box1.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.ST2 {color: #6897bb}
+.tag {color: #e8bf6a}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.1/box1.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>CSS<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
+            .div1 {
+                width:<span class="ST2">200px</span>;
+                height:<span class="ST2">200px</span>;
+                background-color:<span class="ST2">#D1ECFF</span>;
+                border: <span class="ST2">3px</span> dashed <span class="ST2">#000000</span>;
+                padding:<span class="ST2">5px</span>;
+            }
+            .div2 {
+                width:<span class="ST2">100px</span>;
+                height:<span class="ST2">100px</span>;
+                background-color:<span class="ST2">#FFFFFF</span>;
+                border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
+                padding:<span class="ST2">5px</span>;
+                margin:<span class="ST2">10px</span>;
+            }
+        <span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>div1<span class="value">&quot;</span><span class="tag">&gt;</span>
+            This is the first box.
+        <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>div2<span class="value">&quot;</span><span class="tag">&gt;</span>
+            This is the second box.
+        <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+
+    <span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>box2.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.ST2 {color: #6897bb}
+.tag {color: #e8bf6a}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.1/box2.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>CSS<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
+            .div1 {
+                width:<span class="ST2">200px</span>;
+                height:<span class="ST2">200px</span>;
+                background-color:<span class="ST2">#D1ECFF</span>;
+                border: <span class="ST2">3px</span> dashed <span class="ST2">#000000</span>;
+                padding:<span class="ST2">5px</span>;
+            }
+            .div2 {
+                width:<span class="ST2">100px</span>;
+                height:<span class="ST2">100px</span>;
+                background-color:<span class="ST2">#FFFFFF</span>;
+                border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
+                padding:<span class="ST2">5px</span>;
+                margin:<span class="ST2">5px</span>;
+            }
+        <span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>div1<span class="value">&quot;</span><span class="tag">&gt;</span>
+            This is the first box.
+        <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>div2<span class="value">&quot;</span><span class="tag">&gt;</span>
+            This is the second box.
+        <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,57 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>boxsizing1.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.ST2 {color: #6897bb}
+.tag {color: #e8bf6a}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.5/boxsizing1.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Default box-sizing<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
+body { width: <span class="ST2">600px</span>; }
+.pod { float: left; 
+    width: <span class="ST2">30%</span>;
+        height: <span class="ST2">150px</span>;
+        background-color: <span class="ST2">#D1ECFF</span>;
+        padding: <span class="ST2">20px</span>; margin: <span class="ST2">10px</span>; border: <span class="ST2">1px</span> solid <span class="ST2">#000033</span>; }
+<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
+
+<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Default box-sizing<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+ <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>pod<span class="value">&quot;</span><span class="tag">&gt;</span>
+Element 1
+<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>pod<span class="value">&quot;</span><span class="tag">&gt;</span>
+Element 2
+<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>pod<span class="value">&quot;</span><span class="tag">&gt;</span>
+Element 3
+<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
+
+<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,60 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>float.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.ST2 {color: #6897bb}
+.tag {color: #e8bf6a}
+.ST3 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.2/float.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>CSS Float<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
+body {  width: <span class="ST2">500px</span>;
+        background-color: <span class="ST2">#FFFFFF</span>;
+        color: <span class="ST2">#000000</span>;
+}
+div {  background-color: <span class="ST2">#F3F1BF</span>;
+}
+h1 {   background-color: <span class="ST2">#658B42</span>;
+       padding: <span class="ST2">10px</span>;   
+       color: <span class="ST2">#E1DB5F</span>;
+}
+p {    font-family: Arial,sans-serif;  
+}
+.float { float: left;
+         margin-right: <span class="ST2">10px</span>;
+         border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
+}
+<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Yellow Lady Slipper<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>float<span class="value">&quot;</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;yls.jpg&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Yellow Lady Slipper&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;100&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;100&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Be Green When Enjoying Wildflowers<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy wild plants in their native surroundings. Protect their environment in all possible ways <span class="ST3">&amp;mdash;</span> support organizations dedicated to preserving their habitat. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span> 
+<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>float.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.sgml-declaration {color: #628fb5}
+.value {color: #a5c261}
+.ST2 {color: #6897bb}
+.tag {color: #e8bf6a}
+.ST3 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.3/float.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>CSS Float<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
+            body {
+                width: <span class="ST2">500px</span>;
+                background-color: <span class="ST2">#FFFFFF</span>;
+                color: <span class="ST2">#000000</span>;
+            }
+            div {
+                background-color: <span class="ST2">#F3F1BF</span>;
+            }
+            h1 {
+                background-color: <span class="ST2">#658B42</span>;
+                padding: <span class="ST2">10px</span>;
+                color: <span class="ST2">#E1DB5F</span>;
+            }
+            p {
+                font-family: Arial,sans-serif;
+            }
+            .float {
+                float: left;
+                margin-right: <span class="ST2">10px</span>;
+                border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
+            }
+            .clearleft {
+                clear: left;
+            }
+        <span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Yellow Lady Slipper<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">div</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>float<span class="value">&quot;</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;yls.jpg&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Yellow Lady Slipper&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;100&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;100&quot;</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+            <span class="sgml-declaration">&lt;!br</span> <span class="sgml-declaration">class=&quot;clearleft&quot;</span><span class="sgml-declaration">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>clearleft<span class="value">&quot;</span><span class="tag">&gt;</span>Be Green When Enjoying Wildflowers<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy wild plants in their native surroundings. Protect their environment in all possible ways <span class="ST3">&amp;mdash;</span> support organizations dedicated to preserving their habitat. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span> 
+    <span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,74 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>float.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.sgml-declaration {color: #628fb5}
+.value {color: #a5c261}
+.ST2 {color: #6897bb}
+.tag {color: #e8bf6a}
+.ST3 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.4/float.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>CSS Float<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
+            body {
+                width: <span class="ST2">500px</span>;
+                background-color: <span class="ST2">#FFFFFF</span>;
+                color: <span class="ST2">#000000</span>;
+            }
+            div {
+                background-color: <span class="ST2">#F3F1BF</span>;
+                overflow: scroll;
+                width: <span class="ST2">300px</span>;
+                height: <span class="ST2">100px</span>;
+            }
+            h1 {
+                background-color: <span class="ST2">#658B42</span>;
+                padding: <span class="ST2">10px</span>;
+                color: <span class="ST2">#E1DB5F</span>;
+            }
+            p {
+                font-family: Arial,sans-serif;
+            }
+            .float {
+                float: left;
+                margin-right: <span class="ST2">10px</span>;
+                border: <span class="ST2">3px</span> ridge <span class="ST2">#000000</span>;
+            }
+            .clearleft {
+                clear: left;
+            }
+        <span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Yellow Lady Slipper<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">div</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>float<span class="value">&quot;</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;yls.jpg&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Yellow Lady Slipper&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;100&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;100&quot;</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>The Yellow Lady Slipper grows in wooded areas and blooms in June each year. The flower is a member of the orchid family.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+            <span class="sgml-declaration">&lt;!br</span> <span class="sgml-declaration">class=&quot;clearleft&quot;</span><span class="sgml-declaration">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>clearleft<span class="value">&quot;</span><span class="tag">&gt;</span>Be Green When Enjoying Wildflowers<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy wild plants in their native surroundings. Protect their environment in all possible ways <span class="ST3">&amp;mdash;</span> support organizations dedicated to preserving their habitat. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span> 
+    <span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,58 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>boxsizing2.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.ST2 {color: #6897bb}
+.tag {color: #e8bf6a}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.5/boxsizing2.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>box-sizing set to border-box<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
+* { box-sizing: border-box; }
+body { width: <span class="ST2">600px</span>; }
+.pod { float: left; 
+    width: <span class="ST2">30%</span>;
+        height: <span class="ST2">150px</span>;
+        background-color: <span class="ST2">#D1ECFF</span>;
+        padding:<span class="ST2">20px</span>; margin: <span class="ST2">10px</span>; border: <span class="ST2">1px</span> solid <span class="ST2">#000033</span>; }
+<span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
+
+<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>box-sizing set to border-box<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>pod<span class="value">&quot;</span><span class="tag">&gt;</span>
+Element 1
+<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>pod<span class="value">&quot;</span><span class="tag">&gt;</span>
+Element 2
+<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span>pod<span class="value">&quot;</span><span class="tag">&gt;</span>
+Element 3
+<span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
+
+<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,141 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>index.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.ST2 {color: #6a8759}
+.ST3 {color: #6897bb}
+.tag {color: #e8bf6a}
+.ST5 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+.ST4 {color: #e8bf6a; font-family: monospace; font-weight: bold; font-style: italic}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.6/index.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
+            <span class="ST2">*</span> {
+                box-sizing: border-box;
+            }
+            <span class="ST2">body</span> {
+                font-family:Verdana, Arial, sans-serif;
+                background-color: <span class="ST3">#00005D</span>;
+            }
+            <span class="ST2">#wrapper</span> {
+                background-color: <span class="ST3">#b3c7e6</span>;
+                color: <span class="ST3">#000066</span>;
+                width: <span class="ST3">80%</span>;
+                margin: auto;
+                min-width:<span class="ST3">940px</span>;
+            }
+            <span class="ST2">nav</span> {
+                float: left;
+                width: <span class="ST3">150px</span>;
+            }
+            <span class="ST2">nav</span> <span class="ST2">ul</span> {
+                list-style-type: none;
+                padding: <span class="ST3">10px</span>;
+            }
+            <span class="ST2">nav</span> <span class="ST2">a</span> {
+                text-decoration: none;
+                padding: <span class="ST3">10px</span>;
+                font-weight: bold;
+            }
+            <span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">link</span> {
+                color: <span class="ST3">#FFFFFF</span>;
+            }
+            <span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">visited</span> {
+                color: <span class="ST3">#EAEAEA</span>;
+            }
+            <span class="ST2">nav</span> <span class="ST2">a</span><span class="ST4">:</span><span class="ST4">hover</span> {
+                color: <span class="ST3">#000066</span>;
+            }
+            <span class="ST2">main</span> {
+                margin-left: <span class="ST3">155px</span>;
+                background-color: <span class="ST3">#ffffff</span>;
+                color: <span class="ST3">#000000</span>;
+                display: block;
+            }
+            <span class="ST2">header</span> {
+                background-color: <span class="ST3">#869dc7</span>;
+                color: <span class="ST3">#00005D</span>;
+                font-size: <span class="ST3">150%</span>;
+                padding: <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">10px</span> <span class="ST3">155px</span>;
+                background-image: <span class="ST2">url(lighthouselogo.jpg)</span>;
+                background-repeat: no-repeat;
+                height: <span class="ST3">130px</span>;
+            }
+
+            <span class="ST2">h2</span> {
+                color: <span class="ST3">#869dc7</span>;
+                font-family: arial, sans-serif;
+            }
+            <span class="ST2">.</span><span class="ST2">content</span> {
+                padding: <span class="ST3">20px</span> <span class="ST3">20px</span> <span class="ST3">0</span> <span class="ST3">20px</span>;
+            }
+            <span class="ST2">#floatright</span> {
+                margin: <span class="ST3">10px</span>;
+                float: right;
+            }
+
+            <span class="ST2">footer</span> {
+                font-size:<span class="ST3">70%</span>;
+                text-align: center;
+                clear: right;
+                padding-bottom:<span class="ST3">20px</span>;
+            }
+        <span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span> 
+    <span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">wrapper</span><span class="value">&quot;</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.html&quot;</span><span class="tag">&gt;</span>Menu<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;directions.html&quot;</span><span class="tag">&gt;</span>Directions<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span>Contact<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">class</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">content</span><span class="value">&quot;</span><span class="tag">&gt;</span> 
+                    <span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span><span class="ST2">floatright</span><span class="value">&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+                        fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>Copyright <span class="ST5">&amp;copy;</span>
+                <span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+
+
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,86 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>singlecol.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.ST2 {color: #6897bb}
+.tag {color: #e8bf6a}
+.ST3 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.6/singlecol.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Layout Example<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">style</span><span class="tag">&gt;</span>
+            nav {
+                float: left;
+                height: <span class="ST2">150px</span>;
+                padding: <span class="ST2">10px</span>;
+            }
+            main {
+                margin-left: <span class="ST2">160px</span>;
+                padding: <span class="ST2">10px</span>;
+                background-color: <span class="ST2">#FFFFFF</span>;
+            }
+            <span class="ST2">#wrapper</span> {
+                width: <span class="ST2">80%</span>;
+                margin-left: auto;
+                margin-right: auto;
+                background-color: <span class="ST2">#EAEAEA</span>;
+            }
+            body {
+                background-color: <span class="ST2">#000066</span>;
+            }
+            header {
+                background-color: <span class="ST2">#CCCCFF</span>;
+            }
+            h1 {
+                margin: <span class="ST2">0</span>;
+                padding: <span class="ST2">10px</span>;
+            }
+            footer {
+                text-align: center;
+                font-style: italic;
+                background-color: <span class="ST2">#CCCCFF</span>;
+                clear: both;
+            }
+        <span class="tag">&lt;/</span><span class="tag">style</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>wrapper<span class="value">&quot;</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Layout Example<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span> <span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;page1.html&quot;</span><span class="tag">&gt;</span>Page 1<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">br</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;page2.html&quot;</span><span class="tag">&gt;</span>Page 2<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Page Heading<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+                <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence. This is a sentence.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span>
+            <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>Copyright <span class="ST3">&amp;copy;</span> <span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+
+
+
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>index.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.tag {color: #e8bf6a}
+.ST2 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+.block-comment {color: #808080}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.7/index.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;bistro.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>wrapper<span class="value">&quot;</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
+         <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.html&quot;</span><span class="tag">&gt;</span>Menu<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;directions.html&quot;</span><span class="tag">&gt;</span>Directions<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span>Contact<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span> 
+   <span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span> 
+  <span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span> 
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+  fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>floatright<span class="value">&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery!<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+   <span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span> <span class="block-comment">&lt;!-- end of main content --&gt;</span>
+   <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>Copyright <span class="ST2">&amp;copy;</span>
+   <span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span> <span class="block-comment">&lt;!-- end of wrapper --&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+
+
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,66 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>bistro.css</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.highlight-caret-row {background-color: #323232}
+.numbers {color: #6897bb}
+.strings {color: #6a8759}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.8/bistro.css</td></tr></table>
+<pre>
+<span class="highlight-caret-row">*</span> <span class="highlight-caret-row">{</span> <span class="highlight-caret-row">box-sizing</span><span class="highlight-caret-row">:</span> <span class="highlight-caret-row">border-box</span><span class="highlight-caret-row">;</span> <span class="highlight-caret-row">}</span>
+body { background-color: <span class="numbers">#00005D</span>;
+           font-family: Verdana, Arial, sans-serif; }
+<span class="numbers">#wrapper</span> { margin: <span class="numbers">0</span> auto; 
+           width: <span class="numbers">80%</span>; 
+                   min-width: <span class="numbers">940px</span>;
+                   background-color: <span class="numbers">#B3C7E6</span>; 
+                  color: <span class="numbers">#000066</span>; }
+header { background-color: <span class="numbers">#869DC7</span>; 
+        color: <span class="numbers">#00005D</span>;
+        font-size: <span class="numbers">150%</span>; 
+                padding: <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">155px</span>;
+        height: <span class="numbers">150px</span>;
+        background-repeat: no-repeat;
+        background-image: <span class="strings">url(lighthouselogo.jpg)</span>; }
+nav { float: right; 
+     width: <span class="numbers">150px</span>; 
+         font-weight: bold;
+     letter-spacing: <span class="numbers">0.1em</span>; }
+main { background-color: <span class="numbers">#FFFFFF</span>; 
+          color: <span class="numbers">#000000</span>;
+                  padding: <span class="numbers">10px</span> <span class="numbers">20px</span>; 
+                 display: block;
+                overflow: auto; }
+h2 { color: <span class="numbers">#869DC7</span>;
+    font-family: Arial, sans-serif; }
+<span class="numbers">#floatright</span> { float: right; margin: <span class="numbers">10px</span>; }
+
+nav ul { list-style-type: none; margin: <span class="numbers">0</span>; padding: <span class="numbers">0</span>; }
+nav a { text-decoration: none; padding: <span class="numbers">20px</span>; display: block;
+       background-color: <span class="numbers">#B3C7E6</span>;
+       border-bottom: <span class="numbers">1px</span> solid <span class="numbers">#FFFFFF</span>; 
+}
+nav a:link { color: <span class="numbers">#FFFFFF</span>; }
+nav a:visited { color: <span class="numbers">#EAEAEA</span>; }
+nav a:hover { color: <span class="numbers">#869DC7</span>;
+             background-color: <span class="numbers">#EAEAEA</span>; } 
+footer { font-size: <span class="numbers">70%</span>; 
+       text-align: center;
+           padding: <span class="numbers">10px</span>;
+           background-color: <span class="numbers">#869DC7</span>; 
+           clear: both;
+}
+
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,53 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>bistroprint.css</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.highlight-caret-row {background-color: #323232}
+.numbers {color: #6897bb}
+.strings {color: #6a8759}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.8/bistroprint.css</td></tr></table>
+<pre>
+<span class="highlight-caret-row">*</span> <span class="highlight-caret-row">{</span> <span class="highlight-caret-row">box-sizing</span><span class="highlight-caret-row">:</span> <span class="highlight-caret-row">border-box</span><span class="highlight-caret-row">;</span> <span class="highlight-caret-row">}</span>
+body { background-color: <span class="numbers">#00005D</span>;
+           font-family: Verdana, Arial, sans-serif; }
+<span class="numbers">#wrapper</span> { margin: <span class="numbers">0</span> auto; 
+           width: <span class="numbers">80%</span>; 
+                   min-width: <span class="numbers">940px</span>;
+                   background-color: <span class="numbers">#B3C7E6</span>; 
+                  color: <span class="numbers">#000066</span>; }
+header { color: <span class="numbers">#000000</span>; font-size: <span class="numbers">20pt</span>; }
+nav { display: none; }
+main { font-family: <span class="strings">&quot;Times New Roman&quot;</span>, serif; font-size: <span class="numbers">12pt</span>; }
+h2 { color: <span class="numbers">#869DC7</span>;
+    font-family: Arial, sans-serif; }
+<span class="numbers">#floatright</span> { float: right; margin: <span class="numbers">10px</span>; }
+
+nav ul { list-style-type: none; margin: <span class="numbers">0</span>; padding: <span class="numbers">0</span>; }
+nav a { text-decoration: none; padding: <span class="numbers">20px</span>; display: block;
+       background-color: <span class="numbers">#B3C7E6</span>;
+       border-bottom: <span class="numbers">1px</span> solid <span class="numbers">#FFFFFF</span>; 
+}
+nav a:link { color: <span class="numbers">#FFFFFF</span>; }
+nav a:visited { color: <span class="numbers">#EAEAEA</span>; }
+nav a:hover { color: <span class="numbers">#869DC7</span>;
+             background-color: <span class="numbers">#EAEAEA</span>; } 
+footer { font-size: <span class="numbers">70%</span>; 
+       text-align: center;
+           padding: <span class="numbers">10px</span>;
+           background-color: <span class="numbers">#869DC7</span>; 
+           clear: both;
+}
+
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,68 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>index.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.tag {color: #e8bf6a}
+.ST2 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+.block-comment {color: #808080}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.8/index.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;bistro.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span> <span class="argument">media</span><span class="argument">=</span><span class="value">&quot;screen&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;bistroprint.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span> <span class="argument">media</span><span class="argument">=</span><span class="value">&quot;print&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>wrapper<span class="value">&quot;</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
+         <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.html&quot;</span><span class="tag">&gt;</span>Menu<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;directions.html&quot;</span><span class="tag">&gt;</span>Directions<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span>Contact<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span> 
+   <span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span> 
+  <span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span> 
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+  fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>floatright<span class="value">&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery!<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+   <span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span> <span class="block-comment">&lt;!-- end of main content --&gt;</span>
+   <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>Copyright <span class="ST2">&amp;copy;</span> 
+   <span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span> <span class="block-comment">&lt;!-- end of wrapper --&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+
+
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,71 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>bistro.css</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.highlight-caret-row {background-color: #323232}
+.numbers {color: #6897bb}
+.strings {color: #6a8759}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.9/bistro.css</td></tr></table>
+<pre>
+<span class="highlight-caret-row">*</span> <span class="highlight-caret-row">{</span> <span class="highlight-caret-row">box-sizing</span><span class="highlight-caret-row">:</span> <span class="highlight-caret-row">border-box</span><span class="highlight-caret-row">;</span> <span class="highlight-caret-row">}</span>
+body { background-color: <span class="numbers">#00005D</span>;
+           font-family: Verdana, Arial, sans-serif; }
+<span class="numbers">#wrapper</span> { margin: <span class="numbers">0</span> auto; 
+           width: <span class="numbers">80%</span>; 
+                   min-width: <span class="numbers">940px</span>;
+                   background-color: <span class="numbers">#B3C7E6</span>; 
+                  color: <span class="numbers">#000066</span>; }
+header { background-color: <span class="numbers">#869DC7</span>; 
+        color: <span class="numbers">#00005D</span>;
+        font-size: <span class="numbers">150%</span>; 
+                padding: <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">10px</span> <span class="numbers">155px</span>;
+        height: <span class="numbers">150px</span>;
+        background-repeat: no-repeat;
+        background-image: <span class="strings">url(lighthouselogo.jpg)</span>; }
+nav { float: right; 
+     width: <span class="numbers">150px</span>; 
+         font-weight: bold;
+     letter-spacing: <span class="numbers">0.1em</span>; }
+main { background-color: <span class="numbers">#FFFFFF</span>; 
+          color: <span class="numbers">#000000</span>;
+                  padding: <span class="numbers">10px</span> <span class="numbers">20px</span>; 
+                 display: block;
+                overflow: auto; }
+h2 { color: <span class="numbers">#869DC7</span>;
+    font-family: Arial, sans-serif; }
+<span class="numbers">#floatright</span> { float: right; margin: <span class="numbers">10px</span>; }
+
+nav ul { list-style-type: none; margin: <span class="numbers">0</span>; padding: <span class="numbers">0</span>; }
+nav a { text-decoration: none; padding: <span class="numbers">20px</span>; display: block;
+       background-color: <span class="numbers">#B3C7E6</span>;
+       border-bottom: <span class="numbers">1px</span> solid <span class="numbers">#FFFFFF</span>; 
+           background-image: <span class="strings">url(sprites.gif)</span>;
+background-repeat: no-repeat;
+background-position: right <span class="numbers">0</span>;
+           
+}
+nav a:link { color: <span class="numbers">#FFFFFF</span>; }
+nav a:visited { color: <span class="numbers">#EAEAEA</span>; }
+nav a:hover { color: <span class="numbers">#869DC7</span>;
+             background-color: <span class="numbers">#EAEAEA</span>; 
+                         background-position: right -<span class="numbers">100px</span>;} 
+footer { font-size: <span class="numbers">70%</span>; 
+       text-align: center;
+           padding: <span class="numbers">10px</span>;
+           background-color: <span class="numbers">#869DC7</span>; 
+           clear: both;
+}
+
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/Printed
+++ b/Assignments/lab7_CalebFontenot/Printed
@@ -0,0 +1,67 @@
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<html>
+<head>
+<title>index.html</title>
+<meta http-equiv="content-type" content="text/html; charset=UTF-8">
+<style type="text/css">
+<!--
+body {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+pre {color: #a9b7c6; background-color: #2b2b2b; font-family: monospace; font-weight: bold}
+table {color: #888888; background-color: #313335; font-family: monospace; font-weight: bold}
+.ST0 {color: #628fb5; background-color: #323232}
+.value {color: #a5c261}
+.tag {color: #e8bf6a}
+.ST2 {color: #6d9cbe; font-family: monospace}
+.ST1 {color: #505050; background-color: #323232}
+.ws {color: #505050}
+.argument {color: #bababa}
+.block-comment {color: #808080}
+-->
+</style>
+</head>
+<body>
+<table width="100%"><tr><td align="center">/home/caleb/ASDV-WebDev/Assignments/lab7_CalebFontenot/public_html/7.9/index.html</td></tr></table>
+<pre>
+<span class="ST0">&lt;!DOCTYPE</span> <span class="ST0">html</span><span class="ST0">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">html</span> <span class="argument">lang</span><span class="argument">=</span><span class="value">&quot;en&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">title</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">title</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">meta</span> <span class="argument">charset</span><span class="argument">=</span><span class="value">&quot;utf-8&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">link</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;bistro.css&quot;</span> <span class="argument">rel</span><span class="argument">=</span><span class="value">&quot;stylesheet&quot;</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">head</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;</span><span class="tag">div</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>wrapper<span class="value">&quot;</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">header</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h1</span><span class="tag">&gt;</span>Lighthouse Island Bistro<span class="tag">&lt;/</span><span class="tag">h1</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;/</span><span class="tag">header</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;</span><span class="tag">nav</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">ul</span><span class="tag">&gt;</span>
+         <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;index.html&quot;</span><span class="tag">&gt;</span>Home<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;rooms.html&quot;</span><span class="tag">&gt;</span>Menu<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;directions.html&quot;</span><span class="tag">&gt;</span>Directions<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">li</span><span class="tag">&gt;</span><span class="tag">&lt;</span><span class="tag">a</span> <span class="argument">href</span><span class="argument">=</span><span class="value">&quot;contact.html&quot;</span><span class="tag">&gt;</span>Contact<span class="tag">&lt;/</span><span class="tag">a</span><span class="tag">&gt;</span><span class="tag">&lt;/</span><span class="tag">li</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;/</span><span class="tag">ul</span><span class="tag">&gt;</span> 
+   <span class="tag">&lt;/</span><span class="tag">nav</span><span class="tag">&gt;</span> 
+  <span class="tag">&lt;</span><span class="tag">main</span><span class="tag">&gt;</span> 
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Locally Roasted Free-Trade Coffee<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Specialty Pastries<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Enjoy a selection of our fresh-baked, organic pastries, including 
+  fresh-fruit muffins, scones, croissants, and cinnamon rolls.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+     <span class="tag">&lt;</span><span class="tag">img</span> <span class="argument">src</span><span class="argument">=</span><span class="value">&quot;lighthouseisland.jpg&quot;</span> <span class="argument">width</span><span class="argument">=</span><span class="value">&quot;250&quot;</span> <span class="argument">height</span><span class="argument">=</span><span class="value">&quot;355&quot;</span> <span class="argument">alt</span><span class="argument">=</span><span class="value">&quot;Lighthouse Island&quot;</span> <span class="argument">id</span><span class="argument">=</span><span class="value">&quot;</span>floatright<span class="value">&quot;</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Lunchtime is Anytime<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. <span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+    <span class="tag">&lt;</span><span class="tag">h2</span><span class="tag">&gt;</span>Panoramic View<span class="tag">&lt;/</span><span class="tag">h2</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>Take in some scenery!<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+        <span class="tag">&lt;</span><span class="tag">p</span><span class="tag">&gt;</span>The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.<span class="tag">&lt;/</span><span class="tag">p</span><span class="tag">&gt;</span>
+   <span class="tag">&lt;/</span><span class="tag">main</span><span class="tag">&gt;</span> <span class="block-comment">&lt;!-- end of main content --&gt;</span>
+   <span class="tag">&lt;</span><span class="tag">footer</span><span class="tag">&gt;</span>Copyright <span class="ST2">&amp;copy;</span>
+   <span class="tag">&lt;/</span><span class="tag">footer</span><span class="tag">&gt;</span>
+  <span class="tag">&lt;/</span><span class="tag">div</span><span class="tag">&gt;</span> <span class="block-comment">&lt;!-- end of wrapper --&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">body</span><span class="tag">&gt;</span>
+<span class="tag">&lt;/</span><span class="tag">html</span><span class="tag">&gt;</span>
+
+
+
+</pre></body>
+</html>
--- a/Assignments/lab7_CalebFontenot/public_html/7.12/index1.html
+++ b/Assignments/lab7_CalebFontenot/public_html/7.12/index1.html
@@ -72,6 +72,7 @@ footer a { text-decoration: none;
 </style> 
 </head> 
 <body> 
+    
 <nav>
    <ul>
     <li><a href="#home">KayakDoorCounty.net</a></li>
--- a/Assignments/lab7_CalebFontenot/public_html/7.13/index.html
+++ b/Assignments/lab7_CalebFontenot/public_html/7.13/index.html
@@ -0,0 +1,130 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Lighthouse Island Bistro</title>
+        <meta charset="utf-8">
+        <style>
+            * {
+                box-sizing: border-box;
+            }
+            body {
+                font-family:Verdana, Arial, sans-serif;
+                background-color: #00005D;
+            }
+            #wrapper {
+                background-color: #b3c7e6;
+                color: #000066;
+                width: 80%;
+                margin: auto;
+                min-width:940px;
+            }
+            nav {
+                position: fixed;
+            }
+            nav ul {
+                list-style-type: none;
+                padding: 10px;
+            }
+            nav a {
+                text-decoration: none;
+                padding: 10px;
+                font-weight: bold;
+            }
+            nav a:link {
+                color: #FFFFFF;
+            }
+            nav a:visited {
+                color: #EAEAEA;
+            }
+            nav a:hover {
+                color: #000066;
+            }
+            main {
+                margin-left: 155px;
+                background-color: #ffffff;
+                color: #000000;
+                display: block;
+            }
+            header {
+                background-color: #869dc7;
+                color: #00005D;
+                font-size: 150%;
+                padding: 10px 10px 10px 155px;
+                background-image: url(lighthouselogo.jpg);
+                background-repeat: no-repeat;
+                height: 130px;
+            }
+
+            h2 {
+                color: #869dc7;
+                font-family: arial, sans-serif;
+            }
+            .content {
+                padding: 20px 20px 0 20px;
+            }
+            #floatright {
+                margin: 10px;
+                float: right;
+            }
+
+            footer {
+                font-size:70%;
+                text-align: center;
+                clear: right;
+                padding-bottom:20px;
+            }
+        </style> 
+    </head>
+    <body>
+        <div id="wrapper">
+            <header>
+                <h1>Lighthouse Island Bistro</h1>
+            </header>
+            <nav>
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="rooms.html">Menu</a></li>
+                    <li><a href="directions.html">Directions</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+            </nav>
+            <main> 
+                <div class="content">
+                <img src="lighthouseisland.jpg" width="250" height="355" id="floatright" alt="Lighthouse Island">
+                <h2>Locally Roasted Free-Trade Coffee</h2>
+                <p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
+                <h2>Specialty Pastries</h2>
+                <p>Enjoy a selection of our fresh-baked, organic pastries, including 
+                    fresh-fruit muffins, scones, croissants, and cinnamon rolls.</p>
+                <h2>Lunchtime is Anytime</h2>
+                <p>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. </p>
+                <h2>Panoramic View</h2>
+                <p>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
+                <h2>Locally Roasted Free-Trade Coffee</h2>
+                <p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
+                <h2>Specialty Pastries</h2>
+                <p>Enjoy a selection of our fresh-baked, organic pastries, including 
+                    fresh-fruit muffins, scones, croissants, and cinnamon rolls.</p>
+                <h2>Lunchtime is Anytime</h2>
+                <p>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. </p>
+                <h2>Panoramic View</h2>
+                <p>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
+                <h2>Locally Roasted Free-Trade Coffee</h2>
+                <p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
+                <h2>Specialty Pastries</h2>
+                <p>Enjoy a selection of our fresh-baked, organic pastries, including 
+                    fresh-fruit muffins, scones, croissants, and cinnamon rolls.</p>
+                <h2>Lunchtime is Anytime</h2>
+                <p>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. </p>
+                <h2>Panoramic View</h2>
+                <p>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
+                </div>
+          
+            <footer>Copyright &copy; 
+            </footer>
+                  </main>
+        </div>
+    </body>
+</html>
+
+
--- a/Assignments/lab7_CalebFontenot/public_html/7.13/lighthouseisland.jpg
+++ b/Assignments/lab7_CalebFontenot/public_html/7.13/lighthouseisland.jpg
--- a/Assignments/lab7_CalebFontenot/public_html/7.13/lighthouselogo.jpg
+++ b/Assignments/lab7_CalebFontenot/public_html/7.13/lighthouselogo.jpg
--- a/Assignments/lab7_CalebFontenot/public_html/7.6/index.html
+++ b/Assignments/lab7_CalebFontenot/public_html/7.6/index.html
@@ -1,89 +1,112 @@
 <!DOCTYPE html>
 <html lang="en">
-<head>
-<title>Lighthouse Island Bistro</title>
-<meta charset="utf-8">
-<style>
-* { box-sizing: border-box; }
-body {font-family:Verdana, Arial, sans-serif;
-      background-color: #00005D;
-}
-#wrapper { background-color: #b3c7e6; 
-           color: #000066;
-           width: 80%;
-		   margin: auto;
-           min-width:940px;
-} 
-nav { float: left;
-	          width: 150px;
-} 
-nav ul { list-style-type: none; padding: 10px; }
-nav a { text-decoration: none; padding: 10px;
-        font-weight: bold; }
-nav a:link { color: #FFFFFF; }
-nav a:visited { color: #EAEAEA; }
-nav a:hover { color: #000066; }
-main { margin-left: 155px;
-               background-color: #ffffff;
-               color: #000000;
-			   display: block;
-} 
-header { background-color: #869dc7;
-        color: #00005D; 
-        font-size: 150%; 
-        padding: 10px 10px 10px 155px;
-		background-image: url(lighthouselogo.jpg); 
-		background-repeat: no-repeat;
-		height: 130px;
-}
+    <head>
+        <title>Lighthouse Island Bistro</title>
+        <meta charset="utf-8">
+        <style>
+            * {
+                box-sizing: border-box;
+            }
+            body {
+                font-family:Verdana, Arial, sans-serif;
+                background-color: #00005D;
+            }
+            #wrapper {
+                background-color: #b3c7e6;
+                color: #000066;
+                width: 80%;
+                margin: auto;
+                min-width:940px;
+            }
+            nav {
+                float: left;
+                width: 150px;
+            }
+            nav ul {
+                list-style-type: none;
+                padding: 10px;
+            }
+            nav a {
+                text-decoration: none;
+                padding: 10px;
+                font-weight: bold;
+            }
+            nav a:link {
+                color: #FFFFFF;
+            }
+            nav a:visited {
+                color: #EAEAEA;
+            }
+            nav a:hover {
+                color: #000066;
+            }
+            main {
+                margin-left: 155px;
+                background-color: #ffffff;
+                color: #000000;
+                display: block;
+            }
+            header {
+                background-color: #869dc7;
+                color: #00005D;
+                font-size: 150%;
+                padding: 10px 10px 10px 155px;
+                background-image: url(lighthouselogo.jpg);
+                background-repeat: no-repeat;
+                height: 130px;
+            }

-h2 { color: #869dc7; 
-     font-family: arial, sans-serif;
-}
-.content {padding: 20px 20px 0 20px; 
-} 
-#floatright { margin: 10px;
-             float: right;
-}
+            h2 {
+                color: #869dc7;
+                font-family: arial, sans-serif;
+            }
+            .content {
+                padding: 20px 20px 0 20px;
+            }
+            #floatright {
+                margin: 10px;
+                float: right;
+            }

-footer {font-size:70%;
-         text-align: center;
-		 clear: right;
-         padding-bottom:20px;
-}
-</style> 
-</head>
-<body>
-<div id="wrapper">
-  <header>
-    <h1>Lighthouse Island Bistro</h1>
-  </header>
-    <nav>
-	<ul>
-      <li><a href="index.html">Home</a></li>
-      <li><a href="rooms.html">Menu</a></li>
-      <li><a href="directions.html">Directions</a></li>
-      <li><a href="contact.html">Contact</a></li>
-	</ul>
-    </nav>
-  <main>
-    <div class="content"> 
-      <img src="lighthouseisland.jpg" width="250" height="355" id="floatright" alt="Lighthouse Island">
-	<h2>Locally Roasted Free-Trade Coffee</h2>
-    <p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
-    <h2>Specialty Pastries</h2>
-    <p>Enjoy a selection of our fresh-baked, organic pastries, including 
-  fresh-fruit muffins, scones, croissants, and cinnamon rolls.</p>
-  	<h2>Lunchtime is Anytime</h2>
-    <p>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. </p>
-    <h2>Panoramic View</h2>
-	<p>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
-    </div>
-    <footer>Copyright &copy;
-    </footer>
-  </main>
-</div>
-</body>
+            footer {
+                font-size:70%;
+                text-align: center;
+                clear: right;
+                padding-bottom:20px;
+            }
+        </style> 
+    </head>
+    <body>
+        <div id="wrapper">
+            <header>
+                <h1>Lighthouse Island Bistro</h1>
+            </header>
+            <nav>
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="rooms.html">Menu</a></li>
+                    <li><a href="directions.html">Directions</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul>
+            </nav>
+            <main>
+                <div class="content"> 
+                    <img src="lighthouseisland.jpg" width="250" height="355" id="floatright" alt="Lighthouse Island">
+                    <h2>Locally Roasted Free-Trade Coffee</h2>
+                    <p>Indulge in the aroma of freshly ground roast coffee. Specialty drinks are available hot or cold.</p>
+                    <h2>Specialty Pastries</h2>
+                    <p>Enjoy a selection of our fresh-baked, organic pastries, including 
+                        fresh-fruit muffins, scones, croissants, and cinnamon rolls.</p>
+                    <h2>Lunchtime is Anytime</h2>
+                    <p>Savor delicious wraps and sandwiches on hearty, whole-grain breads with locally-grown salad, fruit, and vegetables. </p>
+                    <h2>Panoramic View</h2>
+                    <p>Take in some scenery! The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
+                </div>
+                <footer>Copyright &copy;
+                </footer>
+            </main>
+        </div>
+    </body>
 </html>


--- a/ZIPs/MP05_CalebFontenot.zip
+++ b/ZIPs/MP05_CalebFontenot.zip
--- a/ZIPs/lab7_CalebFontenot.zip
+++ b/ZIPs/lab7_CalebFontenot.zip