5 files changed, 143 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/7.8.index.html b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/7.8.index.html
new file mode 100644
index 0000000..ecd29f3
--- /dev/null
+++ b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/7.8.index.html
@@ -0,0 +1,41 @@
+<!DOCTYPE html>
+<html lang="en">
+<head>
+<title>Lighthouse Island Bistro</title>
+<meta charset="utf-8">
+<link media="screen" href="bistro.css" rel="stylesheet">
+<link media="print" href="bistroprint.css" rel="stylesheet">
+</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> 
+   	<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>
+     <img src="7.8.lighthouseisland.jpg" width="250" height="355" alt="Lighthouse Island" id="floatright">
+  	<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> <!-- end of main content -->
+   <footer>Copyright &copy;
+   </footer>
+  </div> <!-- end of wrapper -->
+</body>
+</html>
+
+
diff --git a/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/7.8.lighthouseisland.jpg b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/7.8.lighthouseisland.jpg
new file mode 100644
index 0000000..bf09b59
--- /dev/null
+++ b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/7.8.lighthouseisland.jpg
diff --git a/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/7.8.lighthouselogo.jpg b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/7.8.lighthouselogo.jpg
new file mode 100644
index 0000000..b6dfc6c
--- /dev/null
+++ b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/7.8.lighthouselogo.jpg
diff --git a/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/bistro.css b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/bistro.css
new file mode 100644
index 0000000..f47a52d
--- /dev/null
+++ b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/bistro.css
@@ -0,0 +1,47 @@
+* { box-sizing: border-box; }
+body { background-color: #00005D;
+	   font-family: Verdana, Arial, sans-serif; }
+#wrapper { margin: 0 auto; 
+           width: 80%; 
+		   min-width: 940px;
+		   background-color: #B3C7E6; 
+		   color: #000066; }
+header { background-color: #869DC7; 
+         color: #00005D;
+         font-size: 150%; 
+		 padding: 10px 10px 10px 155px;
+         height: 150px;
+         background-repeat: no-repeat;
+         background-image: url(7.8.lighthouselogo.jpg); }
+nav { float: right; 
+      width: 150px; 
+	  font-weight: bold;
+      letter-spacing: 0.1em; }
+main { background-color: #FFFFFF; 
+       color: #000000;
+	   padding: 10px 20px; 
+	   display: block;
+	   overflow: auto; }
+h2 { color: #869DC7; font-family: Arial, sans-serif; }
+#floatright { float: right; margin: 10px; }
+
+nav ul { list-style-type: none;
+         margin: 0; 
+		 padding: 0; }
+nav a { text-decoration: none; 
+        padding: 20px; 
+		display: block;
+        background-color: #B3C7E6;
+        border-bottom: 1px solid #FFFFFF; 
+}
+nav a:link    { color: #FFFFFF; }
+nav a:visited { color: #EAEAEA; }
+nav a:hover   { color: #869DC7;
+                background-color: #EAEAEA; } 
+footer { font-size: 70%; 
+         text-align: center;
+	     padding: 10px;
+	    background-color: #869DC7; 
+	    clear: both;
+}
+
diff --git a/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/bistroprint.css b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/bistroprint.css
new file mode 100644
index 0000000..e165b24
--- /dev/null
+++ b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/print/bistroprint.css
@@ -0,0 +1,55 @@
+* { 
+     box-sizing: border-box; 
+}
+
+body { background-color: #00005D;
+font-family: Verdana, Arial, sans-serif; }
+#wrapper { margin: 0 auto; 
+    width: 80%; 
+    min-width: 940px;
+    background-color: #B3C7E6; 
+color: #000066; }
+header { background-color: #869DC7; 
+    color: #000000;
+    font-size: 20pt;
+    padding: 10px 10px 10px 155px;
+    height: 150px;
+    background-repeat: no-repeat;
+background-image: url(7.8.lighthouselogo.jpg); }
+
+nav{ 
+display:none; 
+}
+
+main { 
+    background-color: #FFFFFF; 
+    color: #000000;
+    padding: 10px 20px; 
+    display: block;
+    overflow: auto;
+    font-family: "Times New Roman", serif; 
+    font-size: 12pt;
+}
+h2 { color: #869DC7; font-family: Arial, sans-serif; }
+#floatright { float: right; margin: 10px; }
+
+nav ul { list-style-type: none;
+    margin: 0; 
+padding: 0; }
+nav a { text-decoration: none; 
+    padding: 20px; 
+    display: block;
+    background-color: #B3C7E6;
+    border-bottom: 1px solid #FFFFFF; 
+}
+nav a:link    { color: #FFFFFF; }
+nav a:visited { color: #EAEAEA; }
+nav a:hover   { color: #869DC7;
+background-color: #EAEAEA; } 
+footer { font-size: 70%; 
+    text-align: center;
+    padding: 10px;
+    background-color: #869DC7; 
+    clear: both;
+}
+