diff --git a/box-model1.html b/box-model1.html
index 4dc0c72..61d5236 100644
--- a/box-model1.html
+++ b/box-model1.html
@@ -1,57 +1,29 @@
 <!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="">
-
-  <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>
-    <!-- footer of page begins here -->
-    <script type="text/javascript" src="./js/footer-functions.js"></script>
-  </footer> <!-- footer of page ends here -->
-  <!-- ====================================================== -->
-  <!-- ====================================================== -->
-
-</body>
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
-
+<html>
+
+    <head>
+        <meta charset="utf-8">
+        <title>Title of the page</title>
+    </head>
+
+    <body>
+        <h1>Box Model Visual</h1>
+        <div style="
+            width:200px;
+            height:200px;
+            background-color: red;
+            padding: 0px;
+            border: 0px solid green;
+            margin: 0;">
+            <div style=
+                "width:100px;
+                height:100px;
+                background-color: blue;
+                padding: 10px;
+                border: 0px solid white;
+                margin: 0;">
+                Inner div
+            </div>
+        </div>
+    </body>
 </html>
\ No newline at end of file
diff --git a/box-model2.html b/box-model2.html
index 4dc0c72..30e76cc 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="">
-
-  <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>
-    <!-- footer of page begins here -->
-    <script type="text/javascript" src="./js/footer-functions.js"></script>
-  </footer> <!-- footer of page ends here -->
-  <!-- ====================================================== -->
-  <!-- ====================================================== -->
-
+<html>
+
+<head>
+    <meta charset="utf-8">
+    <title>Title of the page</title>
+</head>
+
+<body>
+    <h1>Box Model Visual</h1>
+    <div style="
+            top: 40;
+            left: 0;
+            position: absolute;
+            width:200px;
+            height:300px;
+            background-color: red;
+            padding: 20px;
+            border: 2px solid green;
+            margin: 0;">
+        <div id="innerdiv1" style="
+                top: 40px;
+                left: 10px;
+                position: absolute;
+                width:100px;
+                height:100px;
+                background-color: blue;
+                padding: 10px;
+                border: 2px solid white;
+                margin: 0;">
+            Inner div
+        </div>
+
+        <div id="innerdiv2" style="
+            top: 230px;
+            left: 10px;
+            width:100px;
+            position: absolute;
+            height:75px;
+            background-color: beige;
+            padding: 10px;
+            border: 2px solid white;
+            margin: 20;">
+            Inner div2
+        </div>
+    </div>
 </body>
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
 
 </html>
\ No newline at end of file
diff --git a/index.html b/index.html
index 4dc0c72..7ede7bb 100644
--- a/index.html
+++ b/index.html
@@ -1,57 +1,16 @@
 <!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="">
-
-  <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>
-    <!-- footer of page begins here -->
-    <script type="text/javascript" src="./js/footer-functions.js"></script>
-  </footer> <!-- footer of page ends here -->
-  <!-- ====================================================== -->
-  <!-- ====================================================== -->
-
+  <head>
+    <meta charset="utf-8">
+    <title>Box Model Visual</title>
+</head>
+<body>
+    <h1><Strong>Box Model Visual</Strong></h1>
+
+    <li><a href="file:///C:/Users/julie/dev/exercise.html_day-2-exercises/box-model1.html"><b>Box Model 1</b></a></li>
+    <br/><li><a href="file:///C:/Users/julie/dev/exercise.html_day-2-exercises/box-model2.html"><b>Box Model 2</b></a></li>
 </body>
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
-<!-- ---------------------------------------------------------------------------------- -->
-
-</html>
\ No newline at end of file
+</html>
+  
+  
+ 
\ No newline at end of file
