{% extends "layout.html" %}
{% from "macros/blog.html" import render_blog_post %}
{% from "macros/pagination.html" import render_pagination %}
{% block title %}{{ this.title }}{% endblock %}
{% block body %}

<header class="intro-header" style="background-image: url('/u/static/images/home-bg.jpg');">
  <div class="container">
    <div class="row">
      <div class="col-lg-8 col-lg-offset-2 col-md-10 col-md-offset-1">
        <div class="site-heading">
          <h1>Products</h1>
          <hr class="small">
          <span class="subheading"></span>
        </div>
      </div>
    </div>
  </div>
</header>
<div class="container">
<div class="row">
    {% for product in this.children %}
    <div class="col-md-3">
        <div class="panel panel-primary">
            <div class="panel-heading">
              <h2 class="panel-title">{{product.name}}</h3>
            </div>
            <div class="panel-body">
                {{product.teaser}}
            </div>
          </div>
    </div>
    {% endfor %}
    </div>
</div>
</div>
{% endblock %}
