{% extends('layout.njk') %}

{% block breadcrumb %}
<ul class="breadcrumb">
	<li>
		<a class="underline" href="/">
			Home
		</a>
	</li>
	<li><span>></span></li>
	<li>
		<span>
			{{ page.title }}
		</span>
	</li>
</ul>
{% endblock %}

{% block main %}
<div class="grid justify-center">
	<div class="col-12">
    	<div class="m-top-6">
			<article class="page">
        		<header class="page__header m-bottom-3 center">
                	<h1 class="m-bottom-3 h2 highlight centered">
                		{{ page.title }}
            		</h1>
            	</header>
            	<div class="content center">
            		{{ page.content | safe }}
            	</div>
			</article>
    	</div>
	</div>
</div>
{% endblock %}