diff --git a/app.js b/app.js
index a4b52c7..e992197 100644
--- a/app.js
+++ b/app.js
@@ -1,4 +1,4 @@
 (function() {
-  var htmlNode = document.getElementById("adam"); //Document object model(DOM)
+  var htmlNode = document.getElementById("app"); //Document object model(DOM)
   htmlNode.innerText = "change From our javascript code";
 })();
diff --git a/base.css b/base.css
index e69de29..a30d0ee 100644
--- a/base.css
+++ b/base.css
@@ -0,0 +1,9 @@
+
+img{
+    width: 400px;
+    height: 200px;
+}
+
+li{
+    list-style: none;
+}
\ No newline at end of file
diff --git a/images/CruizinCarShow2016-11.jpg b/images/CruizinCarShow2016-11.jpg
new file mode 100644
index 0000000..32a426b
Binary files /dev/null and b/images/CruizinCarShow2016-11.jpg differ
diff --git a/images/CruizinCarShow2016-21.jpg b/images/CruizinCarShow2016-21.jpg
new file mode 100644
index 0000000..4bcf416
Binary files /dev/null and b/images/CruizinCarShow2016-21.jpg differ
diff --git a/index.html b/index.html
index 2b6c100..b0b3016 100644
--- a/index.html
+++ b/index.html
@@ -3,9 +3,14 @@
   <head>
     <meta charset="utf-8">
     <title>Liz's Gallery</title>
+    <link rel="stylesheet" type="text/css" href="./base.css"/>
   </head>
   <body>
-    <div id="adam">SOmething in here</div>
+    <div id="app">Cruizin Car Show 2016</div>
+    <ul id = 'image-list'>
+        <li><img src='./images/CruizinCarShow2016-21.jpg'/></li>
+        <li><img src='./images/CruizinCarShow2016-11.jpg'/></li>
+    </ul>
     <script src="app.js"></script>
   </body>
 </html>
