diff --git a/html/1/example.html b/html/1/example.html
new file mode 100644
index 00000000..46a82b43
--- /dev/null
+++ b/html/1/example.html
@@ -0,0 +1,55 @@
+<!DOCTYPE html>
+<html>
+  <head>
+    <title>I love owls</title>
+  </head>
+  <body>
+    <div><img src="images/logo.png"></div>
+    <h1>Owls...</h1>
+    <h2>Why do we like owls so much?</h2>
+    <ul>
+      <li><img src="images/img1.jpg"></li>
+      <li><img src="images/img2.jpg"></li>
+      <li><img src="images/img3.jpg"></li>
+    </ul>
+    <ul>
+      <li><b>they are adorable</b></li>
+      <li><b>and lovely</b></li>
+      <li><b>and cuddly</b></li>
+    </ul>
+    <div><img src="images/img4.jpg"></div>
+    <div><img src="images/img5.jpg"></div>
+    <a href="http://www.youtube.com/watch?v=gBjnfgnwXic">Watch this video here</a>
+    <h4>
+      <i>&#34;A wise old owl sat on an oak;  The more he saw the less he spoke; <br>
+         The less he spoke the more he heard; Why aren&#39;t we like that wise old bird?&#34;
+      </i>
+    </h4>
+    <p><small>This is a quote we found :)</small></p>
+    <div>
+      <h3>Owls:</h3>
+      <p>
+        ...Most birds of prey sport eyes on the sides of their heads,<br> 
+        but the stereoscopic nature of <br>
+        the owl's forward-facing <strong>eyes permits the greater <br>
+        sense of depth perception </strong>necessary for low-light hunting. <br>
+        <br>
+        <a href="http://en.wikipedia.org/wiki/Owl">More owl info on wiki</a>
+      </p>
+    </div>
+    <div>
+      <img src="images/img6.jpg">
+    </div>
+    <ol>
+      <li>
+         <a href="mailto:social@codebar.io?subject=I love owls :: Codebar">Email us</a>
+      </li>
+      <li>
+         <a href="mailto:xx@xxxxx.xx?subject=I love owls :: Codebar">Email your friend</a>
+      </li>
+      <li>
+        <a href="https://twitter.com/by_codebar">Twitter</a>
+      </li>
+    </ol>
+  </body>
+</html>
diff --git a/html/1/images/img1.jpg b/html/1/images/img1.jpg
new file mode 100644
index 00000000..36728ad8
Binary files /dev/null and b/html/1/images/img1.jpg differ
diff --git a/html/1/images/img2.jpg b/html/1/images/img2.jpg
new file mode 100644
index 00000000..10b5326b
Binary files /dev/null and b/html/1/images/img2.jpg differ
diff --git a/html/1/images/img3.jpg b/html/1/images/img3.jpg
new file mode 100644
index 00000000..1526fbfb
Binary files /dev/null and b/html/1/images/img3.jpg differ
diff --git a/html/1/images/img4.jpg b/html/1/images/img4.jpg
new file mode 100644
index 00000000..c6d63b90
Binary files /dev/null and b/html/1/images/img4.jpg differ
diff --git a/html/1/images/img5.jpg b/html/1/images/img5.jpg
new file mode 100644
index 00000000..aeb58296
Binary files /dev/null and b/html/1/images/img5.jpg differ
diff --git a/html/1/images/img6.jpg b/html/1/images/img6.jpg
new file mode 100644
index 00000000..d89665cd
Binary files /dev/null and b/html/1/images/img6.jpg differ
diff --git a/html/1/images/logo.png b/html/1/images/logo.png
new file mode 100644
index 00000000..66280f4d
Binary files /dev/null and b/html/1/images/logo.png differ