{% load static %}

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

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

<body class="authentication-bg position-relative">
    {% 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-10">
                    <div class="card">
                        <div class="card-body p-4">

                            <div class="text-center">
                                <img src="{% static 'dashboard/images/svg/maintenance.svg' %}" height="150"
                                    alt="File not found Image">
                                <h3 class="mt-4">Site is Under Maintenance</h3>
                                <p class="text-muted">We're making the system more awesome. We'll be back shortly.</p>

                                <div class="row mt-5">
                                    <div class="col-md-4">
                                        <div class="text-center mt-3 ps-1 pe-1">
                                            <i
                                                class="ri-vip-diamond-line bg-primary maintenance-icon text-white mb-4"></i>
                                            <h5 class="text-uppercase">Why is the Site Down?</h5>
                                            <p class="text-muted">There are many variations of passages of Lorem Ipsum
                                                available, but the majority have suffered alteration.</p>
                                        </div>
                                    </div> <!-- end col-->
                                    <div class="col-md-4">
                                        <div class="text-center mt-3 ps-1 pe-1">
                                            <i class="ri-time-line bg-primary maintenance-icon text-white mb-4"></i>
                                            <h5 class="text-uppercase">What is the Downtime?</h5>
                                            <p class="text-muted">Contrary to popular belief, Lorem Ipsum is not simply
                                                random text. It has roots in a piece of classical but the majority.</p>
                                        </div>
                                    </div> <!-- end col-->
                                    <div class="col-md-4">
                                        <div class="text-center mt-3 ps-1 pe-1">
                                            <i class="ri-question-mark bg-primary maintenance-icon text-white mb-4"></i>
                                            <h5 class="text-uppercase">Do you need Support?</h5>
                                            <p class="text-muted">If you are going to use a passage of Lorem Ipsum, you
                                                need to be sure there isn't anything embar.. <a href="mailto:#"
                                                    class="text-muted fw-bold">no-reply@domain.com</a></p>
                                        </div>
                                    </div> <!-- end col-->
                                </div> <!-- end row-->
                            </div> <!-- end /.text-center-->
                        </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> © Polisplexity - Coderthemes.com
        </span>
    </footer>

</body>

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

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