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

{% block title %}
{% trans %}error{% endtrans %} | {% trans %}app_name{% endtrans %}
{% endblock %}
{% block body_class %}error-404-page{% endblock %}
{% block body %}
<div id="page-content">        
    <!--Body Container-->
    <!--Breadcrumbs-->
    <div class="breadcrumbs-wrapper">
        <div class="container">
            <div class="breadcrumbs"><a href="{{ path('home') }}" title="Back to the home page">Home</a> <span aria-hidden="true">|</span> <span>404 Error Page</span></div>
        </div>
    </div>
    <!--End Breadcrumbs-->
    <div class="container">
        <div class="row">
            <div class="col-12 text-center">
                <div class="error-content">
                    <img src="{{ asset('front/assets/images/error-img.jpg') }}" alt=""/>
                    <div class="page-title"><h1>404 Page Not Found</h1></div>
                    <p>The page you requested does not exist.</p>
                    <p><a href="/" class="btn btn--has-icon-after">Continue shopping</a></p>
                </div>
            </div>
        </div>
    </div><!--End Body Container-->
</div>
{% endblock %}