diff --git a/ungleich_page/templates/ungleich_page/ungleich/_products_item.html b/ungleich_page/templates/ungleich_page/ungleich/_products_item.html
new file mode 100644
index 00000000..0a09640d
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/ungleich/_products_item.html
@@ -0,0 +1,6 @@
+<a href="{{ instance.url }}"><img src="{{ instance.image.url}}" class="img-responsive inline-block" alt=""></a>
+<div class="portfolio-caption inline-block">
+    <h4>{{ instance.title }}</h4>
+    <p>&nbsp;</p>
+    <p class="text-muted">{{ instance.description }}</p>
+</div>
\ No newline at end of file
diff --git a/ungleich_page/templates/ungleich_page/ungleich/section_products.html b/ungleich_page/templates/ungleich_page/ungleich/section_products.html
new file mode 100644
index 00000000..8eb2f312
--- /dev/null
+++ b/ungleich_page/templates/ungleich_page/ungleich/section_products.html
@@ -0,0 +1,20 @@
+{% load cms_tags custom_tags %}
+<section id="{{section_id}}" class="products-section {% if product_instance.section_class %}{{ product_instance.section_class }}{% else %}bg-light-gray{% endif %}">
+	<div id="portfolio">
+  <div class="container">
+	  <div class="row">
+		  <div class="col-lg-12 text-center wow fadeInDown" style="visibility: visible; animation-name: fadeInDown;">
+			<h2 class="section-heading">{{ product_instance.title }}</h2>
+			<h3 class="section-subheading text-muted" style="line-height: 1.8;">{{ product_instance.sub_title }}</h3>
+		  </div>
+	  </div>
+		<div class="row">
+			{% for plugin in product_instance.child_plugin_instances %}
+				<div class="col-md-4 col-sm-6 portfolio-item wow fadeInUp" data-wow-delay="{% with forloop.counter as val %}{{ val|multiply:0.25 }}{% endwith %}s" style="visibility: visible; animation-delay: {{ forloop.counter|multiply:0.25 }}s; animation-name: fadeInUp;">
+					{% render_plugin plugin %}
+				</div>
+			{% endfor %}
+		</div>
+  </div>
+		</div>
+</section>
\ No newline at end of file