diff --git a/web/content/docs/_index.md b/web/content/docs/_index.md
new file mode 100644
index 0000000000000000000000000000000000000000..ba4e579d8bd8e9388023f0eacf6ae5e880e48cab
--- /dev/null
+++ b/web/content/docs/_index.md
@@ -0,0 +1,14 @@
++++
+title = "Documentation"
+
+[[sections]]
+name = "Selected Benchmarks"
+slug = "benchmarks"
+text = "Basic benchmarks are explained and input files are provided to get you started in using OGS."
+
+[[sections]]
+name = "Developer Guide"
+slug = "devguide"
+text = "You want to contribute to the OpenGeoSys project or implement a custom feature? In the Developer Guide you will find everything to get you started into OpenGeoSys development. Experienced developers will find a comprehensive list of advanced development topics."
+
++++
diff --git a/web/layouts/docs/single.html b/web/layouts/docs/single.html
index db8f06310cb0c17f63dd74e8500ca666a924df61..56c64830b20c82321a1854349f3d93080ef13c51 100644
--- a/web/layouts/docs/single.html
+++ b/web/layouts/docs/single.html
@@ -1,10 +1,16 @@
 {{ partial "header.html" . }}
   <div class="col-xs-3">
+    {{ $segments := split .RelPermalink "/" }}
+    {{ $subsection := index $segments 2 }}
     <ul>
     {{ range .Site.Pages.ByWeight }}
-      <!-- {{ if eq .Type "docs"}} -->
-        <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
-      <!-- {{ end }} -->
+      {{ if eq .Type "docs"}}
+        {{ $localSegments := split .RelPermalink "/" }}
+        {{ $localSubsection := index $localSegments 2 }}
+        {{ if eq $localSubsection $subsection  }}
+          <li><a href="{{ .Permalink }}">{{ .Title }}</a></li>
+        {{ end }}
+      {{ end }}
     {{ end }}
     <ul>
   </div>
diff --git a/web/layouts/section/docs.html b/web/layouts/section/docs.html
new file mode 100644
index 0000000000000000000000000000000000000000..5d45a266121c6519039d52bc992726ebe73965df
--- /dev/null
+++ b/web/layouts/section/docs.html
@@ -0,0 +1,14 @@
+{{ partial "header.html" . }}
+  <div class="col-xs-12">
+    <h1>OpenGeoSys Documentation</h1>
+    <div class="row">
+      {{ range .Params.sections }}
+        <div class="col-xs-4">
+          <h3><a href="/docs/{{ .slug }}">{{ .name }}</a></h3>
+          <p>{{ .text }}</p>
+        </div>
+
+      {{ end }}
+    </div>
+  </div>
+{{ partial "footer.html" . }}