diff --git a/ungleich_page/templates/ungleich_page/glasfaser/_about_item.html b/ungleich_page/templates/ungleich_page/glasfaser/_about_item.html
new file mode 100644
index 00000000..fee322d4
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/glasfaser/_about_item.html
@@ -0,0 +1,10 @@
+<li {% if instance.inverted %}class="timeline-inverted"{% endif %}>
+    <div class="timeline-image">
+      <img class="img-circle img-responsive" src="{{ instance.image.url }}" alt="">
+    </div>
+    <div class="timeline-panel wow {% if instance.inverted %}slideInRight{% else %}slideInLeft{% endif %}">
+      <div class="timeline-body">
+        <p>{{ instance.title }}</p>
+      </div>
+    </div>
+</li>
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/glasfaser/section_about.html b/ungleich_page/templates/ungleich_page/glasfaser/section_about.html
new file mode 100644
index 00000000..e9c811ce
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/glasfaser/section_about.html
@@ -0,0 +1,18 @@
+{% load cms_tags %}
+<section id="about">
+  <div class="container">
+    <div class="text-center wow fadeInDown">
+      <h2 class="section-heading">{{ about_instance.title }}</h2>
+      <h3 class="section-subheading text-muted">{{ about_instance.sub_title }}</h3>
+    </div>
+    <div class="row">
+      <div class="col-lg-12">
+        <ul class="timeline">
+        {% for plugin in about_instance.child_plugin_instances %}
+            {% render_plugin plugin %}
+        {% endfor %}
+        </ul>
+      </div>
+    </div>
+  </div>
+</section>
\ No newline at end of file