{% extends "base.html" %}
{% block title %}Page not found{% endblock %}
{% block content %}
<h1>Page not found</h1>

{% block sidebar %}
    {#% do not show the sidebar %#}
{% endblock sidebar %}

{% block topbar %}
     {#% do not show the top bar %#}
{% endblock topbar %}

<!-- 404 Error Text -->
<div class="text-center">
    <div class="error mx-auto" data-text="404">404</div>
    <p class="lead text-gray-800 mb-5">Page Not Found</p>
    <p class="text-gray-500 mb-0">It looks like you found a glitch in the matrix...</p>
    <a href="{% url 'home' %}">&larr; Back to Dashboard</a>
</div>
{% endblock content %}
