{% extends "layout.nunjucks" %}

{% block content %}
    <main>
        <div class="container flex-container">
            <header class="visually-hidden">
                <h1>Autonomic Co-operative</h1>
            </header>
            <br>

            <div class="logo">
                <img src="/img/logo.png" alt="Logo"/>
            </div>

            <p class="h2">
                Sustainability, Transparency, Privacy
            </p>

            <p class="h4">
                <a href="mailto:autonomic@posteo.net">
                <i class="icon icon--envelope" aria-hidden="true"></i>
                autonomic@posteo.net
                </a>
            </p>
        </div>
    </main>
{% endblock %}