{% extends "base.html" %}

{% load static %}

{% block content %}
<body id="page-top" class="d-flex flex-column">

            <!-- Main Content -->
            <div id="content">
                <!-- End of Topbar -->

                <!-- Begin Page Content -->
                <div class="container-fluid">

                    <!-- 404 Error Text -->
                    <div class="text-center my-5">
                        <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 class="my-2" href={% url "overview" %}>Go back to Dashboard</a>
                    </div>

                </div>

            </div>
            <!-- End of Main Content -->

</body>
{% endblock content %}