diff --git a/Packages/chrosey_materialize/templates/blog.twig b/Packages/chrosey_materialize/templates/blog.twig
new file mode 100644
index 0000000..87ea5a2
--- /dev/null
+++ b/Packages/chrosey_materialize/templates/blog.twig
@@ -0,0 +1,34 @@
+{% extends "templates/layout/base.twig" %}
+
+{% block content %}
+{{parent()}}
+
+{% block blogroll %}
+<div class="row">
+      {% for page in pages("blog", depth=2) | sort_by( 'time' ) | reverse %}
+      <div class="col s12 m4">
+            <div class="card hoverable">
+                  <div class="card-image">
+                        <img src="{{ config.images_path }}/blog/kuh.jpg"
+                             alt="">
+                        <a href="{{ page.url }}"
+                           class="btn-floating halfway-fab waves-effect waves-light deep-orange"><i
+                                 class="material-icons">chevron_right</i></a>
+                  </div>
+                  <div class="card-content">
+                        <p class="grey-text">{{ page.date }}</p>
+                        <h5> {{ page.title }}</h5>
+                        <p class="grey-text text-darken-2"> {{ page.description }}</p>
+                  </div>
+                  <div class="card-action">
+                        <a class="deep-orange-text"
+                           href="{{ page.url }}">Zum Artikel</a>
+                  </div>
+
+            </div>
+      </div>
+      {% endfor %}
+</div>
+{% endblock %}
+
+{% endblock %}
diff --git a/Packages/chrosey_materialize/templates/blogitem.twig b/Packages/chrosey_materialize/templates/blogitem.twig
new file mode 100644
index 0000000..5d46d1c
--- /dev/null
+++ b/Packages/chrosey_materialize/templates/blogitem.twig
@@ -0,0 +1,19 @@
+{% extends "templates/blog.twig" %}
+
+{% block content %}
+{{parent()}}
+
+{% endblock %}
+
+
+{% block blogroll %}
+<ul class="row">
+      <li class="col s12">die neuesten Blogeinträge:</li>
+      {% for page in pages("blog", depth=2) | sort_by( 'time' ) | reverse %}
+      <li class="col s12">
+            <a class="deep-orange-text"
+               href="{{ page.url }}">{{ page.title }}</a>
+      </li>
+      {% endfor %}
+</ul>
+{% endblock %}
diff --git a/Packages/chrosey_materialize/templates/withCode.twig b/Packages/chrosey_materialize/templates/withCode.twig
index 28e500e..944649e 100644
--- a/Packages/chrosey_materialize/templates/withCode.twig
+++ b/Packages/chrosey_materialize/templates/withCode.twig
@@ -1,11 +1,12 @@
 {% extends "templates/layout/base.twig" %}
 
 {% block css %}
-<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.17.1/themes/prism-tomorrow.min.css"
+<link href="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/themes/prism-tomorrow.min.css"
       rel="stylesheet" />
 {{ parent() }}
 {% endblock %}
 
 {% block js %}
-
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/components/prism-core.min.js"></script>
+<script src="https://cdnjs.cloudflare.com/ajax/libs/prism/1.20.0/plugins/autoloader/prism-autoloader.min.js"></script>
 {% endblock %}