diff --git a/dist/index.html b/dist/index.html
index 23bb2d3..bbb9c88 100644
--- a/dist/index.html
+++ b/dist/index.html
@@ -14,6 +14,13 @@
     <section id="teaser">
   <h1>Kosmos</h1>
   <h2>Open-source group communication for the 21st century</h2>
+  <nav>
+    <ul>
+      <li><a href="https://wiki.67p.io">Wiki</a></li>
+      <li><a href="https://github.com/67P">GitHub</a></li>
+      <li><a href="https://twitter.com/KosmosHQ">Twitter</a></li>
+    </ul>
+  </nav>
 <!--
   <p>
     Kosmos is a new kind of team communication service. All of it is based on
diff --git a/dist/styles/style.css b/dist/styles/style.css
index 538c869..b571ae8 100644
--- a/dist/styles/style.css
+++ b/dist/styles/style.css
@@ -89,6 +89,91 @@ section#teaser {
     font-size: 32px; }
   section#teaser p {
     margin-bottom: 2rem; }
+  section#teaser nav {
+    display: block;
+    width: 100%; }
+    section#teaser nav ul {
+      display: block;
+      width: 100%;
+      list-style: none;
+      display: -webkit-box;
+      display: -moz-box;
+      display: box;
+      display: -webkit-flex;
+      display: -moz-flex;
+      display: -ms-flexbox;
+      display: flex;
+      -webkit-box-orient: horizontal;
+      -moz-box-orient: horizontal;
+      box-orient: horizontal;
+      -webkit-box-direction: normal;
+      -moz-box-direction: normal;
+      box-direction: normal;
+      -webkit-flex-direction: row;
+      -moz-flex-direction: row;
+      flex-direction: row;
+      -ms-flex-direction: row;
+      -webkit-box-lines: single;
+      -moz-box-lines: single;
+      box-lines: single;
+      -webkit-flex-wrap: nowrap;
+      -moz-flex-wrap: nowrap;
+      -ms-flex-wrap: nowrap;
+      flex-wrap: nowrap;
+      -webkit-box-align: center;
+      -moz-box-align: center;
+      box-align: center;
+      -webkit-align-items: center;
+      -moz-align-items: center;
+      -ms-align-items: center;
+      -o-align-items: center;
+      align-items: center;
+      -ms-flex-align: center;
+      -webkit-align-content: center;
+      -moz-align-content: center;
+      align-content: center;
+      -ms-flex-line-pack: center;
+      -webkit-box-pack: center;
+      -moz-box-pack: center;
+      box-pack: center;
+      -webkit-justify-content: center;
+      -moz-justify-content: center;
+      -ms-justify-content: center;
+      -o-justify-content: center;
+      justify-content: center;
+      -ms-flex-pack: center;
+      -webkit-flex-grow: 1;
+      -moz-flex-grow: 1;
+      flex-grow: 1;
+      -ms-flex-positive: 1; }
+      section#teaser nav ul li {
+        -webkit-box-flex: 1;
+        -moz-box-flex: 1;
+        box-flex: 1;
+        -webkit-flex: 1;
+        -moz-flex: 1;
+        -ms-flex: 1;
+        flex: 1;
+        height: 48px; }
+        section#teaser nav ul li a {
+          display: block;
+          margin: 0 8px;
+          height: 48px;
+          line-height: 48px;
+          font-size: 24px;
+          font-weight: 300;
+          text-decoration: none;
+          color: #fff;
+          border: 1px solid #fff;
+          border-radius: 24px;
+          -webkit-transition: all linear 150ms;
+          -moz-transition: all linear 150ms;
+          transition: all linear 150ms; }
+          section#teaser nav ul li a:hover {
+            background: rgba(255, 255, 255, 0.2);
+            -webkit-transition: all linear 150ms;
+            -moz-transition: all linear 150ms;
+            transition: all linear 150ms; }
 
 footer {
   position: absolute;
@@ -98,3 +183,7 @@ footer {
   footer p {
     display: inline-block;
     opacity: 0.7; }
+
+@media screen and (max-width: 600px) {
+  section#teaser h1 {
+    font-size: 72px; } }