{% extends 'base.html.twig' %}

{% block title %}{{ 'error404.title'|trans }}{% endblock %}

{% block body %}
    <section class="article-hero">
        <div class="container">
            <h1>{{ 'error404.heading'|trans|raw }}</h1>
            <div class="title-bar"></div>
        </div>
    </section>

    <section class="section">
        <div class="container" style="text-align: center;">
            <p class="section-sub" style="max-width: 560px; margin-left: auto; margin-right: auto;">
                {{ 'error404.text'|trans }}
            </p>
            <br>
            <a href="{{ path('app_home') }}" class="btn btn-primary">{{ 'error404.back_home'|trans }}</a>
        </div>
    </section>
{% endblock %}