diff --git a/box-model1.html b/box-model1.html
index 4dc0c72..d78b9ff 100644
--- a/box-model1.html
+++ b/box-model1.html
@@ -10,48 +10,36 @@
   <meta name="description" content="">
   <meta name="author" content="">
 
+  <title>Box Model</title>
+
   <link href="./css/style.css" rel="stylesheet">
   <script type="text/javascript" src="./js/header-functions.js"></script>
 
 </head> <!-- header ends here -->
-<!-- ----------------------------------------------------------------- -->
-<!-- ----------------------------------------------------------------- -->
-<!-- ----------------------------------------------------------------- -->
-
-
-
-
-
-
-
-
 
-
-
-
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
 <body> <!-- body begins here -->
-
-
-  The quickest of brown foxes.
-
-
-
-
-  <!-- ====================================================== -->
-  <!-- ====================================================== -->
-  <footer>
+    <h1><strong>Box Model Visual</strong></h1>
+
+    <div style="width: 200px; height: 200px; 
+                background-color: red;      
+                padding: 0px;
+                margin: 0;">
+        <div style="width: 80px; height: 80px;
+                    background-color: blue;
+                    padding: 10px;
+                    margin: 0;">
+            Inner DIV
+        </div>
+    </div>
+    <a href="index.html">Back to Main Menu</a>
+
+    <footer>
     <!-- footer of page begins here -->
     <script type="text/javascript" src="./js/footer-functions.js"></script>
   </footer> <!-- footer of page ends here -->
-  <!-- ====================================================== -->
-  <!-- ====================================================== -->
+
 
 </body>
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
+
 
 </html>
\ No newline at end of file
diff --git a/box-model2.html b/box-model2.html
index 4dc0c72..1c7d619 100644
--- a/box-model2.html
+++ b/box-model2.html
@@ -1,57 +1,49 @@
 <!DOCTYPE html>
 <html lang="en">
-
-<!-- ----------------------------------------------------------------- -->
-<!-- ----------------------------------------------------------------- -->
-<!-- ----------------------------------------------------------------- -->
 <head> <!-- header begins here -->
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="">
   <meta name="author" content="">
 
+  <title>Box Model 2</title>
+
   <link href="./css/style.css" rel="stylesheet">
   <script type="text/javascript" src="./js/header-functions.js"></script>
 
 </head> <!-- header ends here -->
-<!-- ----------------------------------------------------------------- -->
-<!-- ----------------------------------------------------------------- -->
-<!-- ----------------------------------------------------------------- -->
-
-
-
-
-
-
-
-
 
-
-
-
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
-<body> <!-- body begins here -->
-
-
-  The quickest of brown foxes.
-
-
-
-
-  <!-- ====================================================== -->
-  <!-- ====================================================== -->
+<body>
+  <h1><strong>Box Model Visual</strong></h1>
+
+  <div style="width: 145px; height: 300px; 
+              background-color: red;
+              border: 2px solid green;      
+              padding-left: 45px;
+              padding-right: 35px;
+              margin: 0;">
+      <div style="width: 100px; height: 130px;
+                  background-color: blue;
+                  border: 2px solid white;
+                  padding: px;
+                  margin: 8px;">
+                Inner DIV 1
+            </div>
+            <div style="width: 125px; height: 80px;
+                        background-color: lightgoldenrodyellow;
+                        border: 2px solid violet;
+                        padding-bottom: 10px;
+                        padding-right: 20px;
+                        margin-top: 20px;
+                        margin-left: -35px;">
+                    Inner DIV 2
+                </div>
+            </div>
+        <a href="index.html">Back to Main Menu</a>
   <footer>
     <!-- footer of page begins here -->
     <script type="text/javascript" src="./js/footer-functions.js"></script>
   </footer> <!-- footer of page ends here -->
-  <!-- ====================================================== -->
-  <!-- ====================================================== -->
-
 </body>
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
 
 </html>
\ No newline at end of file
diff --git a/css/style.css b/css/style.css
index d17d83a..fa42c31 100644
--- a/css/style.css
+++ b/css/style.css
@@ -1,5 +1,5 @@
 body {
-    background-color: navy;
+    background-color: white;
 }
 
 
diff --git a/index.html b/index.html
index 4dc0c72..e11c32c 100644
--- a/index.html
+++ b/index.html
@@ -1,57 +1,34 @@
 <!DOCTYPE html>
 <html lang="en">
 
-<!-- ----------------------------------------------------------------- -->
-<!-- ----------------------------------------------------------------- -->
-<!-- ----------------------------------------------------------------- -->
 <head> <!-- header begins here -->
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <meta name="description" content="">
   <meta name="author" content="">
 
+  <title>Box Model Links</title>
+
   <link href="./css/style.css" rel="stylesheet">
   <script type="text/javascript" src="./js/header-functions.js"></script>
 
 </head> <!-- header ends here -->
-<!-- ----------------------------------------------------------------- -->
-<!-- ----------------------------------------------------------------- -->
-<!-- ----------------------------------------------------------------- -->
-
-
-
-
-
-
 
-
-
-
-
-
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
 <body> <!-- body begins here -->
 
-
-  The quickest of brown foxes.
+  <h4>Box Models</h4>
+    <a href="box-model1.html">Box Model 1</a>
+    <a href="box-model2.html">Box Model 2</a>
 
 
 
 
-  <!-- ====================================================== -->
-  <!-- ====================================================== -->
   <footer>
     <!-- footer of page begins here -->
     <script type="text/javascript" src="./js/footer-functions.js"></script>
   </footer> <!-- footer of page ends here -->
-  <!-- ====================================================== -->
-  <!-- ====================================================== -->
 
 </body>
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
+
 
 </html>
\ No newline at end of file
