diff --git a/source/screens/demo/examples/blog.njk b/source/screens/demo/examples/blog.njk
new file mode 100644
index 0000000..0ffe2e8
--- /dev/null
+++ b/source/screens/demo/examples/blog.njk
@@ -0,0 +1,51 @@
+---
+title: Blog
+tags:
+  - demoExample
+---
+{% set pageBase = "../" %}
+{% set pageId = page.fileSlug %}
+
+{% extends "demo/_default.njk" %}
+{% import "hippie/macros/_placeholder.njk" as ph %}
+{% import "hippie/macros/_song.njk" as song %}
+
+{% block title %}{{ title }}
+{% endblock %}
+
+{% block head %}
+	{{ super() }}
+{% endblock %}
+
+{% block body %}
+	<!-- {{ page.fileSlug }}.page -->
+	<div class="sec_main_center">
+		<header class="header_txt">
+			<h1>Blog</h1>
+		</header>
+		<nav role="doc-toc">
+			<h2>Inhaltsverzeichnis</h2>
+			<ul>
+				{%- for song in collections.song -%}
+					<li>
+						<a href="{{ song.page.url }}">{{ song.data.title }}</a>
+					</li>
+				{%- endfor -%}
+			</ul>
+		</nav>
+		<h2>Vorwort</h2>
+		<p>Liederbuch für
+			<em>Name</em>.</p>
+		<p>Gibt es gebunden und hier
+			{{ ph.link() }}.<br/>
+			Bestellungen bitte an
+			{{ ph.name() }}
+			richten.</p>
+		<hr class="hr_double hr_dotted">
+		{%- for post in collections.article -%}
+			{{ post.content }}
+		{%- endfor -%}
+		<hr/>
+		<address>{{ ph.name() }}</address>
+	</div>
+{% endblock %}
\ No newline at end of file
diff --git a/source/screens/demo/examples/blog/article.md b/source/screens/demo/examples/blog/article.md
new file mode 100644
index 0000000..0200c08
--- /dev/null
+++ b/source/screens/demo/examples/blog/article.md
@@ -0,0 +1,11 @@
+---
+tags: 
+  - blog
+  - article
+title: "Artikel"
+releaseDate: JJJJ
+description: Text
+---
+# Titel
+
+Inhalt