<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, shrink-to-fit=no">
    <title>Digest</title>
    {% load static %}
    <link rel="icon" type="image/x-icon" href="../src/assets/img/favicon.ico"/>
    <!-- BEGIN GLOBAL MANDATORY STYLES -->
    <link href="https://fonts.googleapis.com/css?family=Nunito:400,600,700" rel="stylesheet">
    <link href="{% static 'src/bootstrap/css/bootstrap.min.css' %}" rel="stylesheet" type="text/css" />

    <link href="{% static 'layouts/collapsible-menu/css/light/plugins.css' %}" rel="stylesheet" type="text/css" />
    <link href="{% static 'src/assets/css/light/pages/error/error.css' %}" rel="stylesheet" type="text/css" />

    <!-- END GLOBAL MANDATORY STYLES -->

    <style>
        body.dark .theme-logo.light-element {
            display: none;
        }
        .theme-logo.light-element {
            display: inline-block;
        }

        .error-gif{
            background-image: url(https://cdn.dribbble.com/users/722246/screenshots/3066818/404-page.gif);
            height: 600px;
            background-position: center;
            background-repeat: no-repeat;
        }
    </style>
    
</head>
<body class="text-center">.

    
    <div class="container-fluid">
        <div class="row">
            <div class="col-md-4 mr-auto mt-5 text-md-left text-center">
                {% comment %} <a href="index.html" class="ml-md-5">
                    <img alt="image-404" src="../src/assets/img/logo.svg" class="dark-element theme-logo">
                    <img alt="image-404" src="../src/assets/img/logo2.svg" class="light-element theme-logo">
                </a> {% endcomment %}
            </div>
        </div>
    </div>
    <div class="container-fluid error-content">
        <div class="">
            <h2>Ooops!</h2>
            <h3 class="m-1">The page you requested was not found!</h3>
            <a href="{% url 'module_auth:login'%}" class="btn btn-dark m-1">Login Page</a>
            <div class="error-gif"></div>
        </div>
    </div>    
    <!-- BEGIN GLOBAL MANDATORY SCRIPTS -->
    <script src="{% static 'src/bootstrap/js/bootstrap.bundle.min.js' %}"></script>
    <!-- END GLOBAL MANDATORY SCRIPTS -->
</body>
</html>