--- /dev/null
+<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN"
+ "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
+<html xmlns="http://www.w3.org/1999/xhtml" lang="en" xml:lang="en">
+<head>
+<title>i3 - an improved dynamic tiling window manager</title>
+<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
+<style type="text/css">
+body {
+ text-align: justify;
+ max-width: 800px;
+}
+
+li {
+ margin-bottom: 10px;
+}
+#menu {
+ overflow: hidden;
+ list-style-type: none;
+}
+#menu li {
+ margin-left: 30px;
+ margin-right: 30px;
+ float: left;
+}
+
+</style>
+</head>
+<body>
+
+<h1>i3 - an improved dynamic tiling window manager</h1>
+
+<ul id="menu">
+ <li>
+ <a href="/">Goals</a>
+ </li>
+ <li>
+ <a href="/docs/">Documentation</a>
+ </li>
+ <li>
+ <a href="/downloads/">Downloads</a>
+ </li>
+ <li>
+ <strong><a href="/screenshots/">Screenshots</a></strong>
+ </li>
+ <li>
+ <a href="/contact/">Contact</a>
+ </li>
+ <li>
+ <a href="/impress.html">Impressum/Imprint</a>
+ </li>
+</ul>
+
+<h2>Screenshots</h2>
+
+<p>
+ Everyone likes screenshots, so here you go:
+</p>
+
+<ul>
+ <li>
+ <a href="/screenshots/i3-1.png">i3 v3.α</a>
+ </li>
+</ul>
+
+</body>
+</html>