{% load static %} 

{% include "pxy_dashboard/partials/main.html" %}

<head>
{% include "pxy_dashboard/partials/title-meta.html" with title="Error 404" %}

{% include "pxy_dashboard/partials/head-css.html" %}
</head>

<body class="authentication-bg">

    {% include "pxy_dashboard/partials/background.html" %}

<div class="account-pages pt-2 pt-sm-5 pb-4 pb-sm-5 position-relative">
    <div class="container">
        <div class="row justify-content-center">
            <div class="col-xxl-4 col-lg-5">
                <div class="card">
                    <!-- Logo -->
                    <div class="card-header pt-4 text-center">
                        <div class="auth-brand mb-0">
                            <a href="/" class="logo-dark">
                                <span><img src="{% static 'dashboard/images/logo-dark.png' %}" alt="dark logo" height="28"></span>
                            </a>
                            <a href="/" class="logo-light">
                                <span><img src="{% static 'dashboard/images/logo.png' %}" alt="logo" height="28"></span>
                            </a>
                        </div>
                    </div>

                    <div class="card-body p-4">
                        <div class="text-center">
                            <h1 class="text-error">4<i class="ri-emotion-sad-line"></i>4</h1>
                            <h4 class="text-uppercase text-danger mt-3">Page Not Found</h4>
                            <p class="text-muted mt-3">It's looking like you may have taken a wrong turn. Don't worry... it
                                happens to the best of us. Here's a
                                little tip that might help you get back on track.</p>

                            <a class="btn btn-info mt-3" href="/"><i class="ri-home-4-line"></i> Back to Home</a>
                        </div>
                    </div> <!-- end card-body-->
                </div>
                <!-- end card -->
            </div> <!-- end col -->
        </div>
        <!-- end row -->
    </div>
    <!-- end container -->
</div>
<!-- end page -->

<footer class="footer footer-alt">
    <span class="text-white-50"><script>document.write(new Date().getFullYear())</script> © Attex - Coderthemes.com</span>
</footer>

{% include "pxy_dashboard/partials/footer-script.html" %}

{% block extra_js %} 
 <!-- App js -->
 <script src="{% static 'dashboard/js/app.min.js' %}"></script>
{% endblock extra_js %}



