{% extends "base.html" %}

{% block content %}
<div class="section center title">
  <div class="container">
    <h1 class="header center teal-text">
      <a href="#">{{ page.title }}</a>
    </h1>
    {% if page.subtitle %}
    <h3 class="header col s12 light black-text">
      page.subtitle
    </h3>
    {% endif %}
  </div>
</div>

{% for section in page.sections %}
<div class="section center title" id="{{ section.id }}">
  <div class="container">
    <h2 class="header center teal-text">
      <a href="#{{ section.id }}">{{ section.title }}</a>
    </h2>
  </div>
</div>

<div class="container text ">
  <div class="section">
    {{ section.content | safe }}
  </div>
</div>

{% endfor %}

{% endblock content %}