diff --git a/branches-overview.png b/branches-overview.png
new file mode 100644
index 0000000..b1ce4c1
--- /dev/null
+++ b/branches-overview.png
Binary files differ
diff --git a/index.html b/index.html
index 03f9801..f4d8175 100644
--- a/index.html
+++ b/index.html
@@ -1 +1,28 @@
-My GitHub Page
+<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01//EN" "http://www.w3.org/TR/html4/strict.dtd">
+<!-- Shamelessly ripped from the Github pages of the mogenerator project, by Jonathan Rentzsch
+     http://rentzsch.github.com/mogenerator/ -->
+<html>
+<head>
+	<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
+	<title>gitflow</title>
+	<link href="styles.css" rel="stylesheet" type="text/css">
+</head>
+<body>
+    <div id="page">
+		<a href="http://github.com/nvie/gitflow">
+			<img style="position: absolute; top: 0; right: 0; border: 0;" src="http://s3.amazonaws.com/github/ribbons/forkme_right_darkblue_121621.png" alt="Fork me on GitHub">
+		</a>
+        <div id="main">
+    	    <dl>
+        	    <dt>gitflow</dt>
+        		<dd>
+					<p>Provides a set of tools to support managing the <a
+					href="http://nvie.com/archives/323">Git branching model</a>
+					as introduces by Vincent Driessen's original blog post.</p>
+					<p><a href="http://nvie.com/archives/323"><img src="branches-overview.png" /></a></p>
+                </dd>
+    		</dl>
+        </div>
+    </div>
+</body>
+</html>
diff --git a/styles.css b/styles.css
new file mode 100644
index 0000000..cc53047
--- /dev/null
+++ b/styles.css
@@ -0,0 +1,80 @@
+/*
+   Shamelessly ripped from the Github pages of the mogenerator project, by Jonathan Rentzsch
+   http://rentzsch.github.com/mogenerator/
+ */
+a { text-decoration: none; }
+h1, h2, h3, h4, h5, h6, pre, code, li, p {
+	font-size: 1em;
+}
+ul, ol, dl, ul, li, dl, dt, dd, h1, h2, h3, h4, h5, h6, pre, 
+form, body, html, p, blockquote, fieldset, input, td, th {
+	padding: 0;
+	margin: 0;
+}
+a img, :link img, :visited img {
+	border: none;
+}
+body {
+    font-family: helvetica, verdana, sans-serif;
+    padding: 20px 0 0 0;
+    color: #333;
+}
+a {
+    color: #115FB9;
+}
+a:hover {
+    color: #1A8BF4;
+}
+#page {
+    width: 49em;
+    min-height: 500px;
+    padding-top: 30px;
+    margin: 50px auto 0 auto;
+    background: #fff left top no-repeat;
+}
+#main {
+    margin: 0;
+}
+dt {
+    color: #A60D3F;
+    float: left;
+    text-align: right;
+    width: 7em;
+    line-height: 140%;
+    font-weight: bold;
+}
+dd {
+    float: left;
+    width: 30em;
+    line-height: 140%;
+    margin-bottom: .9em;
+    margin-left: 11px;
+    display: inline;
+}
+dd p {
+    margin-bottom: .9em;
+}
+#actions {
+    clear: both;
+    float: left;
+    margin-top: .7em;
+    width: 100%;
+}
+#actions a {
+    font-size: 80%;
+    font-weight: bold;
+    text-align: center;
+    width: 16em;
+    margin-left: 180px;
+    display: inline;
+    float: left;
+}
+#actions .title, #actions .subtitle {
+    display: block;
+}
+#actions .title {
+    margin: .7em 0 .3em 0;
+}
+#actions .subtitle {
+    color: #999;
+}