diff --git a/app/views/pages/index.liquid b/app/views/pages/index.liquid
index b717871..d03a4f0 100644
--- a/app/views/pages/index.liquid
+++ b/app/views/pages/index.liquid
@@ -17,23 +17,7 @@ published: true
       <a href="/">
         <img class="logo" src="{{ 'logo.png' | theme_image_url }}"/>
       </a>
-      {% nav site, depth: 2, no_wrapper: false, exclude: nil, icon: false %}
-      <!-- nav class="global">
-        <ul>
-          <li><a href="#">Nieuws</a></li>
-          <li>
-            <a href="#">Cursussen</a>
-            <ul>
-              <li><a href="#">Interieur</a></li>
-              <li><a href="#">Mode</a></li>
-              <li><a href="#">Wedding</a></li>
-            </ul>
-          </li>
-          <li><a href="#">Partners</a></li>
-          <li><a href="#">Docenten</a></li>
-          <li><a href="#">Contact</a></li>
-        </ul>
-      </nav-->
+      {% include 'navigation' %}
     </header>
     <img class="mast" src="{% editable_file 'masthead' %}http://placehold.it/979x569{% endeditable_file %}">
     <div id="main">
diff --git a/app/views/snippets/navigation.liquid b/app/views/snippets/navigation.liquid
new file mode 100644
index 0000000..c46ac1c
--- /dev/null
+++ b/app/views/snippets/navigation.liquid
@@ -0,0 +1,41 @@
+<nav class="global">
+  <ul>
+  {% for child in site.index.children %}
+    {% if child.published? and child.listed? %}
+      <li>
+        <a href="/{{ child.fullpath }}">{{ child.title }}</a>
+        <ul>
+        {% for grandchild in child.children %}
+          {% if grandchild.published? and grandchild.listed? %}
+            {% if grandchild.templatized? %}
+              {% for entry in contents.categories %}
+                <li><a href="/{{ grandchild.parent.fullpath }}/{{ entry._permalink }}">{{ entry._label }}</a></li>
+              {% endfor %}
+            {% else %}
+              <li><a href="/{{ grandchild.fullpath }}">{{ grandchild.title }}</a></li>
+            {% endif %}
+          {% endif %}
+        {% endfor %}
+        </ul>
+      </li>
+    {% endif %}
+  {% endfor %}
+  </ul>
+</nav>
+
+<!-- nav class="global">
+  <ul>
+    <li><a href="#">Nieuws</a></li>
+    <li>
+      <a href="#">Cursussen</a>
+      <ul>
+        <li><a href="#">Interieur</a></li>
+        <li><a href="#">Mode</a></li>
+        <li><a href="#">Wedding</a></li>
+      </ul>
+    </li>
+    <li><a href="#">Partners</a></li>
+    <li><a href="#">Docenten</a></li>
+    <li><a href="#">Contact</a></li>
+  </ul>
+</nav-->