diff --git a/_data/navigation.yml b/_data/navigation.yml
index c22818e..7de4af1 100644
--- a/_data/navigation.yml
+++ b/_data/navigation.yml
@@ -41,6 +41,10 @@
   url: "/changelog/"
   side: left
 
+- title: "Roadmap"
+  url: "/roadmap/"
+  side: left
+
 - title: "Contact"
   url: "http://phlow.de/kontakt/"
   side: right
diff --git a/documentation.md b/documentation.md
index 08aa42c..adecf07 100644
--- a/documentation.md
+++ b/documentation.md
@@ -8,7 +8,18 @@ image:
 permalink: "/documentation/"
 ---
 <div class="row">
-<div class="medium-8 columns" markdown="1">
+<div class="medium-4 medium-push-8 columns" markdown="1">
+<div class="panel radius" markdown="1">
+**Table of Contents**
+{: #toc }
+*  TOC
+{:toc}
+</div>
+</div><!-- /.medium-4.columns -->
+
+
+
+<div class="medium-8 medium-pull-4 columns" markdown="1">
 
 ## Different Page/Posts Formats   {#formats}
 
@@ -122,22 +133,12 @@ With the Kramdown parser for Markdown you can render a table of contents for you
 <small markdown="1">[Up to table of contents](#toc)</small>
 {: .text-right }
 
-
-
 </div><!-- /.medium-8.columns -->
 
-<div class="medium-4 columns" markdown="1">
-<div class="panel radius" markdown="1">
-**Table of Contents**
-{: #toc }
-*  TOC
-{:toc}
-</div>
-</div><!-- /.medium-4.columns -->
+
+
 </div><!-- /.row -->
 
-
-
  [1]: http://kramdown.gettalong.org/converter/html.html#toc
  [2]: {{ site.url }}/blog/
  [3]: #
diff --git a/roadmap.md b/roadmap.md
new file mode 100644
index 0000000..a7157bb
--- /dev/null
+++ b/roadmap.md
@@ -0,0 +1,15 @@
+---
+layout: page
+title: "Roadmap"
+subtitle: "ToDo-List and Ideas"
+description: "Here are some ideas and features I want to implement in the future."
+image:
+   header: "header_unsplash_3.jpg"
+permalink: "/roadmap/"
+---
+
+## ToDo
+
+* SEO › Add metadescription to header.html and front matter
+* Gallery Post Format
+* Show how to use [Entypo-Icons](http://entypo.com)
\ No newline at end of file