<!DOCTYPE html>
<html lang="en">
<head>
  <!--#include file="./includes/header.asp"-->
  <style>
    .error-container {
      min-height: 60vh;
      display: flex;
      align-items: center;
      justify-content: center;
      text-align: center;
    }
    .error-code {
      font-size: 120px;
      font-weight: bold;
      margin-bottom: 20px;
      color: #667eea;
    }
    .error-message {
      font-size: 24px;
      margin-bottom: 30px;
    }
    .error-description {
      font-size: 16px;
      margin-bottom: 30px;
      opacity: 0.8;
    }
  </style>
</head>
<%
	theme = Request.Cookies("theme")
	IF theme = "" THEN
		theme="bg-theme1"
	END IF
%>
<body class="bg-theme <%Response.Write(theme)%>">

<!-- start loader -->
   <div id="pageloader-overlay" class="visible incoming"><div class="loader-wrapper-outer"><div class="loader-wrapper-inner" ><div class="loader"></div></div></div></div>
   <!-- end loader -->

<!-- Start wrapper-->
 <div id="wrapper">
  <!--#include file="./includes/leftsidebar.asp"-->

<!--Start topbar header-->
  <!--#include file="./includes/topbarheader.asp"-->
<!--End topbar header-->

<div class="clearfix"></div>

  <div class="content-wrapper">
    <div class="container-fluid">

      <div class="error-container">
        <div>
          <div class="error-code">404</div>
          <div class="error-message">
            <i class="zmdi zmdi-search zmdi-hc-2x"></i><br>
            Page Not Found
          </div>
          <div class="error-description">
            The page you are looking for might have been removed, had its name changed, or is temporarily unavailable.
          </div>
          <div style="margin: 30px 0;">
<%
Dim max, min
max = 9
min = 1
Randomize
%>
            <img src="./images/<%Response.Write(Int((max-min+1)*Rnd+min))%>.jpg" height="556px" width="918px" style="max-width: 100%; height: auto; border-radius: 8px; box-shadow: 0 4px 8px rgba(0,0,0,0.2);">
          </div>
          <div>
            <a href="default.asp" class="btn btn-primary btn-lg">
              <i class="zmdi zmdi-home"></i> Go to Dashboard
            </a>
            <a href="javascript:history.back()" class="btn btn-secondary btn-lg">
              <i class="zmdi zmdi-arrow-left"></i> Go Back
            </a>
          </div>
        </div>
      </div>

    </div>
    <!-- End container-fluid-->

    </div><!--End content-wrapper-->

   <!--Start Back To Top Button-->
    <a href="javaScript:void();" class="back-to-top"><i class="fa fa-angle-double-up"></i> </a>
    <!--End Back To Top Button-->

	<!--Start footer-->
	<footer class="footer">
      <div class="container">
        <div class="text-center">
        </div>
      </div>
    </footer>
	<!--End footer-->

	<!--start color switcher-->
 		<!--#include file="./includes/colorswitcher.asp"-->
  	<!--end color switcher-->
  </div><!--End wrapper-->

  <!-- Bootstrap core JavaScript-->
  <script src="assets/js/jquery.min.js"></script>
  <script src="assets/js/popper.min.js"></script>
  <script src="assets/js/bootstrap.min.js"></script>

 <!-- simplebar js -->
  <script src="assets/plugins/simplebar/js/simplebar.js"></script>
  <!-- sidebar-menu js -->
  <script src="assets/js/sidebar-menu.js"></script>
  <!-- Custom scripts -->
  <script src="assets/js/app-script.js"></script>

</body>
</html>
