1 files changed, 63 insertions, 0 deletions
diff --git a/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/7.3.index.html b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/7.3.index.html
new file mode 100644
index 0000000..3805264
--- /dev/null
+++ b/HTML/Chapter/Ch. 7 hands-on assignments/Ch7_msglm/7.3.index.html
@@ -0,0 +1,63 @@
+<!DOCTYPE html>
+<html lang="en">
+    <head>
+        <title>Layout Example</title>
+        <meta charset="utf-8">
+        <style>
+nav { 
+    float: left;
+    width: 150px; 
+}
+main { 
+    margin-left: 160px; 
+}
+body { 
+    background-color: #000066; 
+}
+#wrapper { 
+    width: 80%;
+    margin-left: auto;
+    margin-right: auto;
+    background-color: #EAEAEA; 
+}
+h1 { 
+    margin: 0;
+    padding: 10px; 
+}
+nav {
+    float: left;
+    width: 150px;
+    padding: 10px;
+}
+main { 
+    margin-left: 160px;
+    padding: 10px;
+    background-color: #FFFFFF;  
+}
+footer { 
+    text-align: center;
+    font-style: italic;
+    background-color: #CCCCFF;
+    clear: both; 
+}
+        </style>
+    </head>
+    <body>
+        <div id="wrapper">
+            <header><h1>Layout Example</h1></header>
+            <nav>
+                <a href="index.html">Home</a>
+                <a href="page1.html">Page 1</a>
+                <a href="page2.html">Page 2</a>
+            </nav>
+            <main>
+                <h2>Page Heading</h2>
+                <p>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.</p>
+            </main>
+            <footer>Copyright &copy; </footer>
+        </div>
+    </body>
+</html>
+
+
+