diff --git a/website/contact/index.html b/website/contact/index.html
index e690e777..a289b291 100644
--- a/website/contact/index.html
+++ b/website/contact/index.html
@@ -39,6 +39,9 @@ li {
   <li>
     <a href="/downloads/">Downloads</a>
   </li>
+  <li>
+    <a href="/screenshots/">Screenshots</a>
+  </li>
   <li>
     <strong><a href="/contact/">Contact</a></strong>
   </li>
diff --git a/website/docs/index.html b/website/docs/index.html
index d2daf181..cd141b89 100644
--- a/website/docs/index.html
+++ b/website/docs/index.html
@@ -39,6 +39,9 @@ li {
   <li>
     <a href="/downloads/">Downloads</a>
   </li>
+  <li>
+    <a href="/screenshots/">Screenshots</a>
+  </li>
   <li>
     <a href="/contact/">Contact</a>
   </li>
diff --git a/website/downloads/index.html b/website/downloads/index.html
index 98165bb1..cce1cf2b 100644
--- a/website/downloads/index.html
+++ b/website/downloads/index.html
@@ -39,6 +39,9 @@ li {
   <li>
     <strong><a href="/downloads/">Downloads</a></strong>
   </li>
+  <li>
+    <a href="/screenshots/">Screenshots</a>
+  </li>
   <li>
     <a href="/contact/">Contact</a>
   </li>
diff --git a/website/index.html b/website/index.html
index 4dea648b..64d8d546 100644
--- a/website/index.html
+++ b/website/index.html
@@ -39,6 +39,9 @@ li {
   <li>
     <a href="/downloads/">Downloads</a>
   </li>
+  <li>
+    <a href="/screenshots/">Screenshots</a>
+  </li>
   <li>
     <a href="/contact/">Contact</a>
   </li>
diff --git a/website/screenshots/index.html b/website/screenshots/index.html
new file mode 100644
index 00000000..51e43b3a
--- /dev/null
+++ b/website/screenshots/index.html
@@ -0,0 +1,66 @@
+<!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>
