{% extends "bootstrap/base.html" %}
{% block content %}
<div class="card mt-5">
    <div class="card-body">
        <div class="col-md-5 mx-auto">
            <h1>Not found <i class="fas fa-frown"></i></h1>
            <p>Sorry, but the page you were trying to view does not exist.</p>
            <p>It looks like this was the result of either:</p>
            <ul>
                <li>a mistyped address</li>
                <li>an out-of-date link</li>
            </ul>
            <p>
                <a href="javascript:window.history.back()" class="btn btn-sm btn-primary"><i class="fa fa-arrow-left fa-fw"></i> Go Back</a>
                <a href="{{ URL }}" class="btn btn-sm btn-primary"><i class="fa fa-home fa-fw"></i> Go to Home Page</a>
            </p>
        </div>
    </div>
</div>
{% endblock %}