From 9d53d8857eaa1c9405894a88ca75bc4657e42f35 Mon Sep 17 00:00:00 2001
From: msglm <msglm@techchud.xyz>
Date: Sat, 14 Jan 2023 05:31:48 -0600
Subject: Inital Commit

---
 .../Ch5_msglm/ch5practice/5.7.index.html           |  72 +++++++++++++++++++++
 .../Ch5_msglm/ch5practice/background.jpg           | Bin 0 -> 2076 bytes
 .../Ch5_msglm/ch5practice/headerbackblue.jpg       | Bin 0 -> 11868 bytes
 .../Ch5_msglm/ch5practice/hero.jpg                 | Bin 0 -> 44279 bytes
 .../Ch5_msglm/coffee5/5.4.index.html               |  35 ++++++++++
 .../Ch5_msglm/coffee5/5.5.coffeepour.html          |  35 ++++++++++
 .../Ch5_msglm/coffee5/5.8.index.html               |  39 +++++++++++
 .../Ch5_msglm/coffee5/coffee.gif                   | Bin 0 -> 1734 bytes
 .../Ch5_msglm/coffee5/coffeeback.gif               | Bin 0 -> 750 bytes
 .../Ch5_msglm/coffee5/coffeepour.gif               | Bin 0 -> 721222 bytes
 .../Ch5_msglm/coffee5/coffeepour.jpg               | Bin 0 -> 68853 bytes
 .../Ch5_msglm/coffee5/marker.gif                   | Bin 0 -> 663 bytes
 .../Ch5_msglm/figure/5.10.index.html               |  21 ++++++
 .../Ch5_msglm/figure/myisland.jpg                  | Bin 0 -> 39081 bytes
 .../Ch5_msglm/kayaykch5/5.1.index.html             |  36 +++++++++++
 .../Ch5_msglm/kayaykch5/5.2.index.html             |  45 +++++++++++++
 .../Ch5_msglm/kayaykch5/5.3.index.html             |  49 ++++++++++++++
 .../Ch5_msglm/kayaykch5/5.6.index.html             |  58 +++++++++++++++++
 .../Ch5_msglm/kayaykch5/5.9.index.html             |  50 ++++++++++++++
 .../Ch5_msglm/kayaykch5/contact.gif                | Bin 0 -> 1428 bytes
 .../Ch5_msglm/kayaykch5/favicon.ico                | Bin 0 -> 1406 bytes
 .../Ch5_msglm/kayaykch5/hero.jpg                   | Bin 0 -> 44279 bytes
 .../Ch5_msglm/kayaykch5/heroback.jpg               | Bin 0 -> 27618 bytes
 .../Ch5_msglm/kayaykch5/home.gif                   | Bin 0 -> 1252 bytes
 .../Ch5_msglm/kayaykch5/kayakdc.gif                | Bin 0 -> 2635 bytes
 .../Ch5_msglm/kayaykch5/reservations.gif           | Bin 0 -> 2086 bytes
 .../Ch5_msglm/kayaykch5/tours.gif                  | Bin 0 -> 1232 bytes
 27 files changed, 440 insertions(+)
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/5.7.index.html
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/background.jpg
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/headerbackblue.jpg
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/hero.jpg
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.4.index.html
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.5.coffeepour.html
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.8.index.html
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffee.gif
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffeeback.gif
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffeepour.gif
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffeepour.jpg
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/marker.gif
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/figure/5.10.index.html
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/figure/myisland.jpg
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.1.index.html
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.2.index.html
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.3.index.html
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.6.index.html
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.9.index.html
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/contact.gif
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/favicon.ico
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/hero.jpg
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/heroback.jpg
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/home.gif
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/kayakdc.gif
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/reservations.gif
 create mode 100644 HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/tours.gif

(limited to 'HTML/Chapter/Ch. 5 Hands-On Assignments')

diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/5.7.index.html b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/5.7.index.html
new file mode 100644
index 0000000..a8826b3
--- /dev/null
+++ b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/5.7.index.html	
@@ -0,0 +1,72 @@
+<!DOCTYPE html>
+<html  lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>KayakDoorCounty.net</title>
+        <style>
+body {
+    background-image: url(background.jpg);
+    font-family: Verdana, Arial, sans-serif;
+}
+
+header {
+    background-color: #000033;
+    background-image: url(headerbackblue.jpg);
+    background-position: right;
+    background-repeat: no-repeat;
+    color: #FFFF99;
+    line-height: 400%;
+    text-indent: 1em;
+}
+
+h1, h2, h3 {
+    font-family:Georgia, 'Times New Roman', serif;
+}
+
+nav {
+    font-weight: bold;
+    font-size: 1.5em;
+}
+
+nav a {
+    text-decoration:: none;
+}
+
+p {
+    text-indent: 2em;
+}
+
+footer {
+    text-align: center;
+    font-style: italic;
+    font-size: .80em;
+}
+        </style>
+    </head>
+    <body>
+        <header> 
+            <h1>KayakDoorCounty.net</h1>
+        </header>
+        <nav>
+            <a href="index.html">Home</a> &nbsp;
+            <a href="tours.html">Tours</a> &nbsp;
+            <a href="reservations.html">Reservations</a> &nbsp;
+            <a href="contact.html">Contact</a> &nbsp;
+        </nav>
+        <main>
+            <h2>Your next adventure is only a paddle away ....</h2>
+            <img src="hero.jpg" alt="tour guide paddling a kayak" width="500" height="350">
+
+            <p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
+            <h3>Featured tours this week:</h3>
+            <ul>
+                <li>Cana Island</li>
+                <li>Mink River</li>
+                <li>Europe Lake</li>
+            </ul>
+        </main>
+        <footer>
+            Copyright &copy; KayakDoorCounty.net
+        </footer>
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/background.jpg b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/background.jpg
new file mode 100644
index 0000000..5d33e9e
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/background.jpg differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/headerbackblue.jpg b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/headerbackblue.jpg
new file mode 100644
index 0000000..6ae2660
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/headerbackblue.jpg differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/hero.jpg b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/hero.jpg
new file mode 100644
index 0000000..363e638
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/ch5practice/hero.jpg differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.4.index.html b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.4.index.html
new file mode 100644
index 0000000..b37bbcf
--- /dev/null
+++ b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.4.index.html	
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Coffee House</title>
+        <meta charset="utf-8">
+        <style>
+body { font-size: 150%;
+    font-family: Arial; 
+    color: #992435; 
+    background-image: url(coffeepour.jpg); 
+    background-repeat: no-repeat;
+    background: url(coffee.gif) no-repeat left bottom, 
+    url(coffeepour.jpg) no-repeat;
+}
+        </style>
+    </head>
+    <body>
+        <header>
+            <h1>Coffee House</h1>
+        </header>
+        <main>
+            <p>Enjoy a great cup of coffee<br>or tea at Coffee House!</p>
+            <ul>
+                <li>Specialty Coffee and Tea</li>
+                <li>Gluten-free Pastries</li>
+                <li>Organic Salads</li>
+            </ul>
+        </main>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p> 
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.5.coffeepour.html b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.5.coffeepour.html
new file mode 100644
index 0000000..4de880a
--- /dev/null
+++ b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.5.coffeepour.html	
@@ -0,0 +1,35 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Coffee House</title>
+        <meta charset="utf-8">
+        <style>
+body { font-size: 150%;
+    font-family: Arial; 
+    color: #992435; 
+    background-image: url(coffeepour.gif);
+    background: url(coffee.gif) no-repeat left bottom,
+    url(coffeeback.gif) no-repeat,
+    url(coffeepour.gif) no-repeat;
+}
+        </style>
+    </head>
+    <body>
+        <header>
+            <h1>Coffee House</h1>
+        </header>
+        <main>
+            <p>Enjoy a great cup of coffee<br>or tea at Coffee House!</p>
+            <ul>
+                <li>Specialty Coffee and Tea</li>
+                <li>Gluten-free Pastries</li>
+                <li>Organic Salads</li>
+            </ul>
+        </main>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p> 
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.8.index.html b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.8.index.html
new file mode 100644
index 0000000..0257d60
--- /dev/null
+++ b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/5.8.index.html	
@@ -0,0 +1,39 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Coffee House</title>
+        <meta charset="utf-8">
+        <style>
+body { font-size: 150%;
+    font-family: Arial; 
+    color: #992435; 
+    background-image: url(coffeepour.jpg); 
+    background-repeat: no-repeat;
+    background: url(coffee.gif) no-repeat left bottom, 
+    url(coffeepour.jpg) no-repeat;
+}
+ul {
+    list-style-image: url(marker.gif);
+}
+
+        </style>
+    </head>
+    <body>
+        <header>
+            <h1>Coffee House</h1>
+        </header>
+        <main>
+            <p>Enjoy a great cup of coffee<br>or tea at Coffee House!</p>
+            <ul>
+                <li>Specialty Coffee and Tea</li>
+                <li>Gluten-free Pastries</li>
+                <li>Organic Salads</li>
+            </ul>
+        </main>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p>
+        <p>&nbsp;</p> 
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffee.gif b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffee.gif
new file mode 100644
index 0000000..de749d0
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffee.gif differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffeeback.gif b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffeeback.gif
new file mode 100644
index 0000000..8026552
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffeeback.gif differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffeepour.gif b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffeepour.gif
new file mode 100644
index 0000000..2981542
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffeepour.gif differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffeepour.jpg b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffeepour.jpg
new file mode 100644
index 0000000..4b031f0
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/coffeepour.jpg differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/marker.gif b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/marker.gif
new file mode 100644
index 0000000..7031505
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/coffee5/marker.gif differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/figure/5.10.index.html b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/figure/5.10.index.html
new file mode 100644
index 0000000..c7a8a2f
--- /dev/null
+++ b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/figure/5.10.index.html	
@@ -0,0 +1,21 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Tropical Island</title>
+        <meta charset="utf-8">
+        <style>
+figcaption { 
+    font-weight: bold;
+    font-style: italic;
+    font-family: Papyrus, fantasy;
+    font-size: 1.5em;
+}
+        </style>
+    </head>
+    <body>
+        <figure>
+            <img src=myisland.jpg alt="Tropical Island" height=480 width=640>
+            <figcaption>Tropical Island Getaway</figcaption> 
+        </figure>
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/figure/myisland.jpg b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/figure/myisland.jpg
new file mode 100644
index 0000000..5d90394
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/figure/myisland.jpg differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.1.index.html b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.1.index.html
new file mode 100644
index 0000000..9070c7d
--- /dev/null
+++ b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.1.index.html	
@@ -0,0 +1,36 @@
+<!DOCTYPE html>
+<html  lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>KayakDoorCounty.net</title>
+        <style>
+
+        </style>
+    </head>
+    <body>
+        <header> 
+            <img src=kayakdc.gif>
+        </header>
+        <nav>
+            <a href="index.html">Home</a> &nbsp;
+            <a href="tours.html">Tours</a> &nbsp;
+            <a href="reservations.html">Reservations</a> &nbsp;
+            <a href="contact.html">Contact</a> &nbsp;
+        </nav>
+        <main>
+            <h2>Your next adventure is only a paddle away ....</h2>
+            <img height=350 width=500 alt="KayakDorCountry.net" src=hero.jpg>
+
+            <p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
+            <h3>Featured tours this week:</h3>
+            <ul>
+                <li>Cana Island</li>
+                <li>Mink River</li>
+                <li>Europe Lake</li>
+            </ul>
+        </main>
+        <footer>
+            <small><i>Copyright &copy; KayakDoorCounty.net</i></small>
+        </footer>
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.2.index.html b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.2.index.html
new file mode 100644
index 0000000..26cf162
--- /dev/null
+++ b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.2.index.html	
@@ -0,0 +1,45 @@
+<!DOCTYPE html>
+<html  lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>KayakDoorCounty.net</title>
+        <style>
+#bar{
+    background-color:#152420;
+}
+        </style>
+    </head>
+    <body>
+        <header> 
+            <img src=kayakdc.gif>
+        </header>
+        <nav id=bar>
+            <a href="index.html"><img src=home.gif alt=home width=90 height=35></a> &nbsp;
+            <a href="tours.html"><img src=tours.gif alt=tours width=90 height=35></a> &nbsp;
+            <a href="reservations.html"><img src=reservations.gif alt=reservations width=190 height=35></a> &nbsp;
+            <a href="contact.html"><img src=contact.gif alt=contact width=130 height=35></a> &nbsp;
+        </nav>
+        <main>
+            <h2>Your next adventure is only a paddle away ....</h2>
+            <img height=350 width=500 alt="KayakDorCountry.net" src=hero.jpg>
+
+            <p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
+            <h3>Featured tours this week:</h3>
+            <ul>
+                <li>Cana Island</li>
+                <li>Mink River</li>
+                <li>Europe Lake</li>
+            </ul>
+        </main>
+        <footer>
+            <nav>
+                <a href="index.html">Home</a> &nbsp;
+                <a href="tours.html">Tours</a> &nbsp;
+                <a href="reservations.html">Reservations</a> &nbsp;
+                <a href="contact.html">Contact</a> &nbsp;
+            </nav>
+
+            <small><i>Copyright &copy; KayakDoorCounty.net</i></small>
+        </footer>
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.3.index.html b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.3.index.html
new file mode 100644
index 0000000..e7bae4d
--- /dev/null
+++ b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.3.index.html	
@@ -0,0 +1,49 @@
+<!DOCTYPE html>
+<html  lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>KayakDoorCounty.net</title>
+        <style>
+#bar{
+    background-color:#152420;
+}
+main {
+    background-image: url(heroback.jpg);
+    background-repeat: no-repeat;
+}
+
+        </style>
+    </head>
+    <body>
+        <header> 
+            <img src=kayakdc.gif>
+        </header>
+        <nav id=bar>
+            <a href="index.html"><img src=home.gif alt=home width=90 height=35></a> &nbsp;
+            <a href="tours.html"><img src=tours.gif alt=tours width=90 height=35></a> &nbsp;
+            <a href="reservations.html"><img src=reservations.gif alt=reservations width=190 height=35></a> &nbsp;
+            <a href="contact.html"><img src=contact.gif alt=contact width=130 height=35></a> &nbsp;
+        </nav>
+        <main>
+            <h2>Your next adventure is only a paddle away ....</h2>
+
+            <p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
+            <h3>Featured tours this week:</h3>
+            <ul>
+                <li>Cana Island</li>
+                <li>Mink River</li>
+                <li>Europe Lake</li>
+            </ul>
+        </main>
+        <footer>
+            <nav>
+                <a href="index.html">Home</a> &nbsp;
+                <a href="tours.html">Tours</a> &nbsp;
+                <a href="reservations.html">Reservations</a> &nbsp;
+                <a href="contact.html">Contact</a> &nbsp;
+            </nav>
+
+            <small><i>Copyright &copy; KayakDoorCounty.net</i></small>
+        </footer>
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.6.index.html b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.6.index.html
new file mode 100644
index 0000000..e57c2ad
--- /dev/null
+++ b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.6.index.html	
@@ -0,0 +1,58 @@
+<!DOCTYPE html>
+<html  lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>KayakDoorCounty.net</title>
+        <style>
+#bar{
+    background-color:#152420;
+}
+
+body {
+    font-family: Verdana, Arial, sans-serif;
+} 
+
+h2, h3 {
+    font-family: Georgia, 'Times New Roman', serif;
+}
+
+main {
+    background-image: url(heroback.jpg);
+    background-repeat: no-repeat;
+}
+
+        </style>
+    </head>
+    <body>
+        <header> 
+            <img src=kayakdc.gif>
+        </header>
+        <nav id=bar>
+            <a href="index.html"><img src=home.gif alt=home width=90 height=35></a> &nbsp;
+            <a href="tours.html"><img src=tours.gif alt=tours width=90 height=35></a> &nbsp;
+            <a href="reservations.html"><img src=reservations.gif alt=reservations width=190 height=35></a> &nbsp;
+            <a href="contact.html"><img src=contact.gif alt=contact width=130 height=35></a> &nbsp;
+        </nav>
+        <main>
+            <h2>Your next adventure is only a paddle away ....</h2>
+
+            <p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
+            <h3>Featured tours this week:</h3>
+            <ul>
+                <li>Cana Island</li>
+                <li>Mink River</li>
+                <li>Europe Lake</li>
+            </ul>
+        </main>
+        <footer>
+            <nav>
+                <a href="index.html">Home</a> &nbsp;
+                <a href="tours.html">Tours</a> &nbsp;
+                <a href="reservations.html">Reservations</a> &nbsp;
+                <a href="contact.html">Contact</a> &nbsp;
+            </nav>
+
+            <small><i>Copyright &copy; KayakDoorCounty.net</i></small>
+        </footer>
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.9.index.html b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.9.index.html
new file mode 100644
index 0000000..4806c6c
--- /dev/null
+++ b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/5.9.index.html	
@@ -0,0 +1,50 @@
+<!DOCTYPE html>
+<html  lang="en">
+    <head>
+        <meta charset="utf-8">
+        <title>KayakDoorCounty.net</title>
+        <link rel=icon href=favicon.ico type="image/x-icon">
+        <style>
+#bar{
+    background-color:#152420;
+}
+main {
+    background-image: url(heroback.jpg);
+    background-repeat: no-repeat;
+}
+
+        </style>
+    </head>
+    <body>
+        <header> 
+            <img src=kayakdc.gif>
+        </header>
+        <nav id=bar>
+            <a href="index.html"><img src=home.gif alt=home width=90 height=35></a> &nbsp;
+            <a href="tours.html"><img src=tours.gif alt=tours width=90 height=35></a> &nbsp;
+            <a href="reservations.html"><img src=reservations.gif alt=reservations width=190 height=35></a> &nbsp;
+            <a href="contact.html"><img src=contact.gif alt=contact width=130 height=35></a> &nbsp;
+        </nav>
+        <main>
+            <h2>Your next adventure is only a paddle away ....</h2>
+
+            <p>Take a guided kayak tour while you explore the shoreline of scenic Door County. </p>
+            <h3>Featured tours this week:</h3>
+            <ul>
+                <li>Cana Island</li>
+                <li>Mink River</li>
+                <li>Europe Lake</li>
+            </ul>
+        </main>
+        <footer>
+            <nav>
+                <a href="index.html">Home</a> &nbsp;
+                <a href="tours.html">Tours</a> &nbsp;
+                <a href="reservations.html">Reservations</a> &nbsp;
+                <a href="contact.html">Contact</a> &nbsp;
+            </nav>
+
+            <small><i>Copyright &copy; KayakDoorCounty.net</i></small>
+        </footer>
+    </body>
+</html>
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/contact.gif b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/contact.gif
new file mode 100644
index 0000000..e620a5b
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/contact.gif differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/favicon.ico b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/favicon.ico
new file mode 100644
index 0000000..c22c6bb
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/favicon.ico differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/hero.jpg b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/hero.jpg
new file mode 100644
index 0000000..363e638
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/hero.jpg differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/heroback.jpg b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/heroback.jpg
new file mode 100644
index 0000000..a72a7a0
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/heroback.jpg differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/home.gif b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/home.gif
new file mode 100644
index 0000000..7e0eab6
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/home.gif differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/kayakdc.gif b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/kayakdc.gif
new file mode 100644
index 0000000..8fd7564
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/kayakdc.gif differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/reservations.gif b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/reservations.gif
new file mode 100644
index 0000000..c2189a2
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/reservations.gif differ
diff --git a/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/tours.gif b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/tours.gif
new file mode 100644
index 0000000..807e4e8
Binary files /dev/null and b/HTML/Chapter/Ch. 5 Hands-On Assignments/Ch5_msglm/kayaykch5/tours.gif differ
-- 
cgit v1.2.3