diff --git a/list.html b/list.html
new file mode 100644
index 0000000..421ec18
--- /dev/null
+++ b/list.html
@@ -0,0 +1,53 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <meta charset="utf-8">
+    <title>Test liste</title>
+  </head>
+  <body>
+    <div id="list">
+
+    </div>
+    <script type="text/javascript">
+    var books = [
+    {
+      title: 'CSS: The Definitive Guide',
+      author: 'Eric Meyer',
+      link: 'http://shop.oreilly.com/product/0636920012726.do',
+      type: 'css'
+    },
+    {
+      title: 'CSS Development with CSS3',
+      author: 'Zachary Kingston',
+      link: 'http://shop.oreilly.com/product/0636920057970.do',
+      type: 'css'
+    },
+    {
+      title: 'You Don\'t Know JS: Up & Going',
+      author: 'Kyle Simpson',
+      link: 'http://shop.oreilly.com/product/0636920039303.do',
+      type: 'js'
+    },
+    {
+      title: 'Programming JavaScript Applications',
+      author: 'Eric Elliott',
+      link: 'http://shop.oreilly.com/product/0636920033141.do',
+      type: 'js'
+    },
+    {
+      title: 'Modern JavaScript',
+      author: 'unknown',
+      link: 'http://www.oreilly.com/web-platform/free/modern-javascript.csp',
+      type: 'js'
+    }
+    ] ;
+
+
+for(var = i; i<books.lenght; i++){
+  document.getElementById('list').innerHTML= books
+
+};
+
+    </script>
+  </body>
+</html>
