diff --git a/Assignments/lab08_CalebFontenot/public_html/8.10/fallback.jpg b/Assignments/lab08_CalebFontenot/public_html/8.10/fallback.jpg
new file mode 100755
index 0000000..3a4d170
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.10/fallback.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.10/index.html b/Assignments/lab08_CalebFontenot/public_html/8.10/index.html
new file mode 100644
index 0000000..1ec0112
--- /dev/null
+++ b/Assignments/lab08_CalebFontenot/public_html/8.10/index.html
@@ -0,0 +1,21 @@
+<!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>Picture Element</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+    </head>
+    <body>
+        <h1>Picture Element</h1>
+    <picture>
+        <source media="(min-width: 1200px)" srcset="large.jpg">
+        <source media="(min-width: 800px)" srcset="medium.jpg">
+        <source media="(min-width: 320px)" srcset="small.jpg">
+        <img src="fallback.jpg" alt="waterwheel">
+    </picture>
+    </body>
+</html>
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.10/large.jpg b/Assignments/lab08_CalebFontenot/public_html/8.10/large.jpg
new file mode 100755
index 0000000..b2d16fa
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.10/large.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.10/medium.jpg b/Assignments/lab08_CalebFontenot/public_html/8.10/medium.jpg
new file mode 100755
index 0000000..95ec5df
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.10/medium.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.10/small.jpg b/Assignments/lab08_CalebFontenot/public_html/8.10/small.jpg
new file mode 100755
index 0000000..70ba556
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.10/small.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.4/index.html b/Assignments/lab08_CalebFontenot/public_html/8.4/index.html
new file mode 100644
index 0000000..d1db07c
--- /dev/null
+++ b/Assignments/lab08_CalebFontenot/public_html/8.4/index.html
@@ -0,0 +1,31 @@
+<!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>floating images</title>
+        <meta charset="UTF-8">
+        <meta name="viewport" content="width=device-width, initial-scale=1.0">
+        <style>
+            figure {float: left;
+                        width: 228px;
+                        padding-bottom: 10px;
+                        background-color: #EAEAEA;
+            }
+            figcaption {text-align: center;
+                               font-style: italic;
+                                font-family: Georgia, serif;
+            }
+        </style>
+    </head>
+    <body>
+        <h1>Floating Images</h1>
+        <figure>
+            <img src="photo1.jpg" alt ="Golden Gate Bridge"
+                 width="225" height="160">
+            <figcaption>Golden Gate Bridge</figcaption>
+        </figure>
+    </body>
+</html>
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.4/photo1.jpg b/Assignments/lab08_CalebFontenot/public_html/8.4/photo1.jpg
new file mode 100755
index 0000000..51e8979
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.4/photo1.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.4/photo2.jpg b/Assignments/lab08_CalebFontenot/public_html/8.4/photo2.jpg
new file mode 100755
index 0000000..aae4f49
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.4/photo2.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.4/photo3.jpg b/Assignments/lab08_CalebFontenot/public_html/8.4/photo3.jpg
new file mode 100755
index 0000000..a1537ba
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.4/photo3.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.4/photo4.jpg b/Assignments/lab08_CalebFontenot/public_html/8.4/photo4.jpg
new file mode 100755
index 0000000..5d91100
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.4/photo4.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.4/photo5.jpg b/Assignments/lab08_CalebFontenot/public_html/8.4/photo5.jpg
new file mode 100755
index 0000000..7ad24ee
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.4/photo5.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.4/photo6.jpg b/Assignments/lab08_CalebFontenot/public_html/8.4/photo6.jpg
new file mode 100755
index 0000000..e455f1a
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.4/photo6.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.5/caption.html b/Assignments/lab08_CalebFontenot/public_html/8.5/caption.html
new file mode 100755
index 0000000..e2ed6ba
--- /dev/null
+++ b/Assignments/lab08_CalebFontenot/public_html/8.5/caption.html
@@ -0,0 +1,158 @@
+<!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;
+            }
+            header {
+                background-color: #869dc7;
+                color: #00005D;
+                font-size: 100%;
+                padding: 10px 10px 10px 155px;
+                background-color: #CCCCC;
+                background-repeat: no-repeat;
+                height: 130px;
+            }
+            nav {
+                float: left;
+                width: 150px;
+                letter-spacing: 0.1em;
+                font-weight: bold;
+            }
+            nav ul {
+                list-style-type: none;
+                margin: 0;
+                padding: 0;
+            }
+            nav a {
+                text-decoration: none;
+                display: block;
+                padding: 20px;
+                background-color: #b3c7e6;
+                border-bottom: 1px solid #ffffff;
+            }
+            nav a:link {
+                color: #ffffff;
+            }
+            nav a:visited {
+                color: #eaeaea;
+            }
+            nav a:hover {
+                background-color: #eaeaea;
+                color: #869dc7;
+            }
+            main {
+                background-color: #ffffff;
+                color: #000000;
+                padding: 10px 20px;
+                overflow: auto;
+                display: block;
+            }
+            h1 {
+                margin-bottom: 0;
+                
+            }
+            h2 {
+                color: #869dc7;
+                font-family: arial, sans-serif;
+                margin: 5px;
+            }
+            span {
+                size: 90em;
+                font-family: italic;
+                color: #00005D;
+                padding-left: 15em;
+            }
+            figure {
+                float: right;
+                width: 260px;
+                margin: 10px;
+            }
+            figcaption {
+                text-align: center;
+                font-size: .8em;
+                font-style: italic;
+            }
+            footer {
+                font-size:70%;
+                text-align: center;
+                padding: 10px;
+                background-color: #869dc7;
+                clear: both;
+            }
+            article {
+                background-color: #FFFFFF;
+                height: auto;
+                #font-size: 80em; //idk why but this declaration completely breaks it - Caleb
+                font-style: italic;
+                padding-left: 15em;
+                color: #00005D;
+            }
+            aside  {
+                float: right;
+                width: 15em;
+                padding: 1em;
+                background-color: lightgray;
+                position: relative;
+                top: -20px;
+                font-size: 100%;
+                left-padding: 0;
+                height: auto;
+            }
+            #header1 {
+                background-image: url("lighthouselogo.jpg");
+            }
+        </style>
+    </head>
+    <body>
+        <div id="wrapper">
+            <header id="header1">
+                <h1>Lighthouse Island Bistro</h1>
+                <span>the best coffee on the coast</span>
+            </header>
+            <nav>
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="menu.html">Menu</a></li>
+                    <li><a href="directions.html">Directions</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul> 
+            </nav> 
+            <main>
+            <section> 
+                <h2>Bistro Blog</h2>
+                <aside>Watch for the March Madness Wrap next month!</aside>
+                <article>
+                    <header><h3>Valentine Wrap</h3></header>
+                    <time datetime="2018-02-01">February 1, 2018</time>
+                    <p>The February special sandwich is the Valentine Wrap &mdash; 
+                        heart-healthy organic chicken with roasted red peppers on a whole wheat wrap.</p>
+                </article>
+                <article>
+                    <header><h3>New Coffee of the Day Promotion</h3></header>
+                    <time datetime="2018-01-12">January 12, 2018</time>
+                    <p>Enjoy the best coffee on the coast in the comfort of your home. We will feature a different flavor of our gourmet, locally roasted coffee each day with free bistro tastings and a discount on one-pound bags.</p>
+                </article>
+            </section>
+            </main>
+            <footer>Copyright &copy; 2018
+            </footer>
+        </div> 
+    </body>
+</html>
+
+
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.5/lighthouseisland.jpg b/Assignments/lab08_CalebFontenot/public_html/8.5/lighthouseisland.jpg
new file mode 100755
index 0000000..3f28e9f
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.5/lighthouseisland.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.5/lighthouselogo.jpg b/Assignments/lab08_CalebFontenot/public_html/8.5/lighthouselogo.jpg
new file mode 100755
index 0000000..0499044
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.5/lighthouselogo.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.7/caption.html b/Assignments/lab08_CalebFontenot/public_html/8.7/caption.html
new file mode 100644
index 0000000..4643714
--- /dev/null
+++ b/Assignments/lab08_CalebFontenot/public_html/8.7/caption.html
@@ -0,0 +1,161 @@
+<!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;
+            }
+            header {
+                background-color: #869dc7;
+                color: #000000;
+                font-size: 100%;
+                padding: 10px 10px 10px 155px;
+                background-color: #CCCCC;
+                background-repeat: no-repeat;
+                height: 130px;
+            }
+            nav {
+                float: left;
+                width: 150px;
+                letter-spacing: 0.1em;
+                font-weight: bold;
+            }
+            nav ul {
+                list-style-type: none;
+                margin: 0;
+                padding: 0;
+            }
+            nav a {
+                text-decoration: none;
+                display: block;
+                padding: 20px;
+                background-color: #b3c7e6;
+                border-bottom: 1px solid #ffffff;
+            }
+            nav a:link {
+                color: #ffffff;
+            }
+            nav a:visited {
+                color: #eaeaea;
+            }
+            nav a:hover {
+                background-color: #eaeaea;
+                color: #869dc7;
+            }
+            main {
+                background-color: #ffffff;
+                color: #000000;
+                padding: 10px 20px;
+                overflow: auto;
+                display: block;
+                font-family: "Times New Roman", serif;
+                font-size: 12pt;
+            }
+            h1 {
+                margin-bottom: 0;
+                
+            }
+            h2 {
+                color: #869dc7;
+                font-family: arial, sans-serif;
+                margin: 5px;
+            }
+            nav {display: none;}
+            span {
+                size: 90em;
+                font-family: italic;
+                color: #00005D;
+                padding-left: 15em;
+            }
+            figure {
+                float: right;
+                width: 260px;
+                margin: 10px;
+            }
+            figcaption {
+                text-align: center;
+                font-size: .8em;
+                font-style: italic;
+            }
+            footer {
+                font-size:70%;
+                text-align: center;
+                padding: 10px;
+                background-color: #869dc7;
+                clear: both;
+            }
+            article {
+                background-color: #FFFFFF;
+                height: auto;
+                #font-size: 80em; //idk why but this declaration completely breaks it - Caleb
+                font-style: italic;
+                padding-left: 15em;
+                color: #00005D;
+            }
+            aside  {
+                float: right;
+                width: 15em;
+                padding: 1em;
+                background-color: lightgray;
+                position: relative;
+                top: -20px;
+                font-size: 100%;
+                left-padding: 0;
+                height: auto;
+            }
+            #header1 {
+                background-image: url("lighthouselogo.jpg");
+            }
+        </style>
+    </head>
+    <body>
+        <div id="wrapper">
+            <header id="header1">
+                <h1>Lighthouse Island Bistro</h1>
+                <span>the best coffee on the coast</span>
+            </header>
+            <nav>
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="menu.html">Menu</a></li>
+                    <li><a href="directions.html">Directions</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul> 
+            </nav> 
+            <main>
+            <section> 
+                <h2>Bistro Blog</h2>
+                <aside>Watch for the March Madness Wrap next month!</aside>
+                <article>
+                    <header><h3>Valentine Wrap</h3></header>
+                    <time datetime="2018-02-01">February 1, 2018</time>
+                    <p>The February special sandwich is the Valentine Wrap &mdash; 
+                        heart-healthy organic chicken with roasted red peppers on a whole wheat wrap.</p>
+                </article>
+                <article>
+                    <header><h3>New Coffee of the Day Promotion</h3></header>
+                    <time datetime="2018-01-12">January 12, 2018</time>
+                    <p>Enjoy the best coffee on the coast in the comfort of your home. We will feature a different flavor of our gourmet, locally roasted coffee each day with free bistro tastings and a discount on one-pound bags.</p>
+                </article>
+            </section>
+            </main>
+            <footer>Copyright &copy; 2018
+            </footer>
+        </div> 
+    </body>
+</html>
+
+
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.7/lighthouseisland.jpg b/Assignments/lab08_CalebFontenot/public_html/8.7/lighthouseisland.jpg
new file mode 100644
index 0000000..3f28e9f
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.7/lighthouseisland.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.7/lighthouselogo.jpg b/Assignments/lab08_CalebFontenot/public_html/8.7/lighthouselogo.jpg
new file mode 100644
index 0000000..0499044
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.7/lighthouselogo.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.8/caption.html b/Assignments/lab08_CalebFontenot/public_html/8.8/caption.html
new file mode 100644
index 0000000..4643714
--- /dev/null
+++ b/Assignments/lab08_CalebFontenot/public_html/8.8/caption.html
@@ -0,0 +1,161 @@
+<!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;
+            }
+            header {
+                background-color: #869dc7;
+                color: #000000;
+                font-size: 100%;
+                padding: 10px 10px 10px 155px;
+                background-color: #CCCCC;
+                background-repeat: no-repeat;
+                height: 130px;
+            }
+            nav {
+                float: left;
+                width: 150px;
+                letter-spacing: 0.1em;
+                font-weight: bold;
+            }
+            nav ul {
+                list-style-type: none;
+                margin: 0;
+                padding: 0;
+            }
+            nav a {
+                text-decoration: none;
+                display: block;
+                padding: 20px;
+                background-color: #b3c7e6;
+                border-bottom: 1px solid #ffffff;
+            }
+            nav a:link {
+                color: #ffffff;
+            }
+            nav a:visited {
+                color: #eaeaea;
+            }
+            nav a:hover {
+                background-color: #eaeaea;
+                color: #869dc7;
+            }
+            main {
+                background-color: #ffffff;
+                color: #000000;
+                padding: 10px 20px;
+                overflow: auto;
+                display: block;
+                font-family: "Times New Roman", serif;
+                font-size: 12pt;
+            }
+            h1 {
+                margin-bottom: 0;
+                
+            }
+            h2 {
+                color: #869dc7;
+                font-family: arial, sans-serif;
+                margin: 5px;
+            }
+            nav {display: none;}
+            span {
+                size: 90em;
+                font-family: italic;
+                color: #00005D;
+                padding-left: 15em;
+            }
+            figure {
+                float: right;
+                width: 260px;
+                margin: 10px;
+            }
+            figcaption {
+                text-align: center;
+                font-size: .8em;
+                font-style: italic;
+            }
+            footer {
+                font-size:70%;
+                text-align: center;
+                padding: 10px;
+                background-color: #869dc7;
+                clear: both;
+            }
+            article {
+                background-color: #FFFFFF;
+                height: auto;
+                #font-size: 80em; //idk why but this declaration completely breaks it - Caleb
+                font-style: italic;
+                padding-left: 15em;
+                color: #00005D;
+            }
+            aside  {
+                float: right;
+                width: 15em;
+                padding: 1em;
+                background-color: lightgray;
+                position: relative;
+                top: -20px;
+                font-size: 100%;
+                left-padding: 0;
+                height: auto;
+            }
+            #header1 {
+                background-image: url("lighthouselogo.jpg");
+            }
+        </style>
+    </head>
+    <body>
+        <div id="wrapper">
+            <header id="header1">
+                <h1>Lighthouse Island Bistro</h1>
+                <span>the best coffee on the coast</span>
+            </header>
+            <nav>
+                <ul>
+                    <li><a href="index.html">Home</a></li>
+                    <li><a href="menu.html">Menu</a></li>
+                    <li><a href="directions.html">Directions</a></li>
+                    <li><a href="contact.html">Contact</a></li>
+                </ul> 
+            </nav> 
+            <main>
+            <section> 
+                <h2>Bistro Blog</h2>
+                <aside>Watch for the March Madness Wrap next month!</aside>
+                <article>
+                    <header><h3>Valentine Wrap</h3></header>
+                    <time datetime="2018-02-01">February 1, 2018</time>
+                    <p>The February special sandwich is the Valentine Wrap &mdash; 
+                        heart-healthy organic chicken with roasted red peppers on a whole wheat wrap.</p>
+                </article>
+                <article>
+                    <header><h3>New Coffee of the Day Promotion</h3></header>
+                    <time datetime="2018-01-12">January 12, 2018</time>
+                    <p>Enjoy the best coffee on the coast in the comfort of your home. We will feature a different flavor of our gourmet, locally roasted coffee each day with free bistro tastings and a discount on one-pound bags.</p>
+                </article>
+            </section>
+            </main>
+            <footer>Copyright &copy; 2018
+            </footer>
+        </div> 
+    </body>
+</html>
+
+
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.8/index.html b/Assignments/lab08_CalebFontenot/public_html/8.8/index.html
new file mode 100755
index 0000000..18301cc
--- /dev/null
+++ b/Assignments/lab08_CalebFontenot/public_html/8.8/index.html
@@ -0,0 +1,150 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<title>Lighthouse Island Bistro</title>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<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;
+} 
+header { background-color: #869dc7;
+        color: #00005D; 
+		padding: 10px;
+}
+header h1 { padding-left: 20px;
+ }
+
+header span { font-style: italic;
+			  font-weight: bold;
+			  color: #00005D;
+			  padding-right: 15px;
+			  text-align: right;
+		      display: block; 
+}
+nav { float: left;
+	   width: 150px;
+	   letter-spacing:0.1em;
+	   font-weight: bold;
+} 
+nav ul { list-style-type: none; 
+         margin: 0;
+         padding: 0;
+}
+nav li { padding: 15px;
+}
+nav a { text-decoration: none; 
+}
+nav a:link { color: #ffffff; }
+nav a:visited { color: #eaeaea; }
+nav a:hover {  color: #869dc7;}
+main { background-color: #ffffff;
+           color: #000000;
+		   padding: 10px 20px;
+		   margin-left: 150px;
+	       overflow: auto; 
+} 
+
+h2 { color: #869dc7; 
+     font-family: arial, sans-serif;
+	 margin: 5px;
+}
+
+figure {   float: right;
+		   margin: 10px;
+		   padding-left: 20px;
+ }
+figcaption { text-align: center;
+		   font-size: .8em;
+		   font-style: italic;
+}
+
+footer {font-size:70%;
+         text-align: center;
+         padding: 10px;
+         background-color: #869dc7;
+		 clear: both;
+}
+@media only screen and (max-width: 1024px) {
+    main { margin-left: 0;}
+    nav{ float: none; width:auto;}
+}
+@media only screen and (max-width: 1024px) {
+    body { margin: 0; }
+    #wrapper { width: auto; }
+    main { margin-left: 0; }
+    nav { float: none; width: auto; }
+    nav li { 
+        display: inline-block;
+        padding: 0.5em;
+    }
+    nav ul {
+        text-align: center;
+        }
+    nav a { boader-style: none; }
+    h1, h2 { font-size: 120% }
+    p { font-size: 90% }
+    
+}
+@media only screen and (max-width: 768px) {
+    h1, h2 { font-size: 100%;}
+    span { font-size : 80%}
+    figure { display: none; }
+    nav, nav ul, nav li { padding: 0;}
+    nav li { display: block;}
+    nav a {
+        display: block;
+        padding: 0.5em 0;
+        boarder-bottom: 2px ridge #00005D;
+    }
+}
+
+header, main, nav, footer, figure, figcaption { display: block; }
+</style>
+<!--[if lt IE 9]>
+   <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"> </script>   
+<![endif]-->
+</head>
+<body>
+<div id="wrapper">  
+  <header>
+      <h1>Lighthouse Island Bistro</h1>
+   <span>the best coffee on the coast</span>
+  </header>  
+  <nav>
+    <ul>
+	 <li><a href="index.html">Home</a></li>
+     <li><a href="menu.html">Menu</a></li>
+     <li><a href="directions.html">Directions</a></li>
+     <li><a href="contact.html">Contact</a></li>
+	</ul> 
+   </nav>
+   <main> 
+    <figure>
+     <img src="lighthouseisland.jpg" width="250" height="355" alt="Lighthouse Island">
+	 <figcaption>Island Lighthouse, Built in 1870</figcaption>
+	 </figure>
+   	<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!</p>
+	<p>The top of our lighthouse offers a panoramic view of the countryside. Challenge your friends to climb our 100-stair tower.</p>
+   </main> 
+   <footer>Copyright &copy; 2018
+   </footer>
+  </div> 
+</body>
+</html>
+
+
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.8/lighthouseisland.jpg b/Assignments/lab08_CalebFontenot/public_html/8.8/lighthouseisland.jpg
new file mode 100644
index 0000000..3f28e9f
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.8/lighthouseisland.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.8/lighthouselogo.jpg b/Assignments/lab08_CalebFontenot/public_html/8.8/lighthouselogo.jpg
new file mode 100644
index 0000000..0499044
Binary files /dev/null and b/Assignments/lab08_CalebFontenot/public_html/8.8/lighthouselogo.jpg differ
diff --git a/Assignments/lab08_CalebFontenot/public_html/8.9/index.html b/Assignments/lab08_CalebFontenot/public_html/8.9/index.html
new file mode 100755
index 0000000..6cc4b91
--- /dev/null
+++ b/Assignments/lab08_CalebFontenot/public_html/8.9/index.html
@@ -0,0 +1,123 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<title>Casita Sedona</title>
+<meta charset="utf-8">
+<meta name="viewport" content="width=device-width, initial-scale=1.0">
+<style>
+* { box-sizing: border-box; }
+body {font-family: Verdana, Arial, sans-serif;
+      background-color: #330000;
+}
+#wrapper {  background-color: #F4E8BC; 
+	        width: 90%;
+			margin: auto;
+            color: #330000;
+} 
+h1, h2 { color: #003300; }
+header { background-image: url(header.jpg);
+         background-repeat: no-repeat;   
+         background-size: cover;
+}
+img { max-width: 100%
+          height: auto;
+}
+h1 { text-align: center;
+     font-size: 300%;
+     padding: 5% 0;
+     text-shadow: 3px 3px 3px #F4E8BC;	
+	 }
+nav { float: left;
+      width: 20%;
+	  font-size: 120%;
+}	  
+nav ul { list-style-type: none; }
+nav a { text-decoration: none;}
+nav a:link { color: #330000; }
+nav a:visited { color: #003300; }
+nav a:hover { color: #996600; }
+aside { float: right; 
+        width: 25%;
+		padding: 0 2.5%;
+}
+main { width: 50%;
+           padding-right: 2%;
+           margin-left: 20%;
+}
+footer { text-align: center;
+         font-size: 80%;
+		 font-style: italic;
+		 color: #003300;
+		 padding: 2.5%;
+	     clear: both; 
+}
+@media only screen and (max-width: 768px) {
+          nav { float: none;
+                width: auto;
+                margin-top: 0;	
+                text-align: center;	  }
+          main { width: 60%;
+                     margin-left: 5%; }
+           aside { width: 30%;  
+            }
+           nav ul { padding-left: 0;
+                }
+         nav li { display: inline;
+         margin: 0 2%; 
+		 }
+
+}
+@media only screen and (max-width: 480px) {
+            #wrapper { width: auto; }
+		    h1 { margin-bottom: 0; }
+			main { margin: 0 5%;      
+                       width: auto;	}
+		    nav { width: auto;	  }
+			nav ul { padding-left: 0; 
+			         text-align: center;}
+			nav li {display: inline-block;
+			        width: 5em;
+			        font-size: 120%;
+					text-align: center;
+					box-shadow: 2px 2px 2px #330000;
+					background-color: #FFFFCC; 
+					margin: 1%;
+					padding: 2.5%; }
+			aside { display: none; }		
+}
+header, main, nav, footer, figure, figcaption { display: block; }
+</style>
+</head>
+<body>
+<div id="wrapper">
+  <header>
+    <h1>Casita Sedona</h1>
+  </header>  
+  <nav>
+    <ul>
+	 <li><a href="index.html">Home</a></li>
+     <li><a href="rooms.html">Rooms</a></li>
+     <li><a href="specials.html">Specials</a></li>
+     <li><a href="contact.html">Contact</a></li>
+	</ul> 
+   </nav>
+   <aside>
+     <img src="pools.jpg" alt="Pools of water in the rock">
+	 <h2>Guided Hikes</h2>
+	 <p>Casita Sedona offers a free guided hike each week for guests. Explore the Seven Sacred Pools along the Soldiers Pass Trail.</p>
+   </aside>
+<main>   
+	<h2>Located in the Heart of Sedona</h2>
+    <p>At Casita Sedona Bed &amp; Breakfast you&rsquo;ll be close to art galleries, shops, restaurants, hiking trails, and tours. Ride the free trolley to shops and galleries.</p>
+    <h2>Luxurious Rooms </h2>
+    <p>Stay in a well-appointed room at Casita Sedona with your own fireplace, king-size bed, balcony overlooking the red rocks, private bath with shower, and whirlpool tub for two. Choose from the Canyon, Javelina, Manzanita, Thunder Mountain, and Schnebly rooms &mdash; each is unique and sure to be a high point of your vacation experience.</p>
+  	<h2>Hearty Breakfast</h2>
+    <p>Each day begins with a hearty breakfast that includes your choice of belgian waffles, pumpkin french toast, or quiche. Fresh fruit, yogurt, juice, and coffee are always available.</p>
+	<h2>About Your Hosts</h2>
+	<p>Your hosts, Melanie and Greg Tortuga, are long-time Sedona residents who love to share their knowledge of the Sedona area with their guests. Melanie is an author and artist. Greg has years of experience leading jeep tours and guiding hikes in and around Sedona.</p>
+   </main> 
+   <footer>Copyright &copy; 2018
+   </footer>
+</div>
+</body>
+</html>
\ No newline at end of file
diff --git a/ZIPs/lab08_CalebFontenot.zip b/ZIPs/lab08_CalebFontenot.zip
new file mode 100644
index 0000000..807f1c9
Binary files /dev/null and b/ZIPs/lab08_CalebFontenot.zip differ
