{% extends "layout.html" %}

{% block content %}
    <h2>Nach und nach zu mehr Nachhaltigkeit</h2>

    {% for step in steps %}
      <div class="card mb-2">
        <div class="card-body">
          <h5 class="card-title">{{step.title}}</h5>
          <h6 class="card-subtitle mb-2 text-muted">{{step.subtitle}}</h6>
            <p class="card-text mb-0">{{step.description}}</p>

            {% if step.url %}
                <a href="{{step.url}}" class="card-link mb-0">{{step.url}}</a>
            {% endif %}
        </div>
      </div>
    {% endfor %}

{% endblock %}