<?php
session_start();
?>

<!DOCTYPE html>
<html lang="en">
<head>
    <meta http-equiv="content-type" content="text/html;charset=UTF-8" />
    <meta charset="utf-8" />
    <title>Expired Session | Nupe Kalvari Church of Nigeria</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no, shrink-to-fit=no" />
    <link rel="apple-touch-icon" href="../pages/ico/60.png">
    <link rel="apple-touch-icon" sizes="76x76" href="../pages/ico/76.png">
    <link rel="apple-touch-icon" sizes="120x120" href="../pages/ico/120.png">
    <link rel="apple-touch-icon" sizes="152x152" href="../pages/ico/152.png">
    <link rel="icon" type="image/x-icon" href="favicon.ico" />
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-touch-fullscreen" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="default">
    <meta content="Meet pages - The simplest and fastest way to build web UI for your dashboard or app." name="description" />
    <meta content="Ace" name="author" />
    <link href="../assets/plugins/pace/pace-theme-flash.css" rel="stylesheet" type="text/css" />
    <link href="../assets/plugins/bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
    <link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
    <link href="../assets/plugins/jquery-scrollbar/jquery.scrollbar.css" rel="stylesheet" type="text/css" media="screen" />
    <link href="../assets/plugins/select2/css/select2.min.css" rel="stylesheet" type="text/css" media="screen" />
    <link class="main-stylesheet" href="../pages/css/pages.css" rel="stylesheet" type="text/css" />
</head>
<style>
body{
    overflow-y: hidden;
}
    .page_404{ padding-top:40px; padding-bottom: 20px; background:#fff; font-family: 'Arvo', serif; height: inherit;
    }

    .page_404  img{ width:100%;}

    .four_zero_four_bg{

        background-image: url(../assets/img/error.gif);
        height: 400px;
        background-position: center;
        background-repeat: no-repeat;
    }


    .four_zero_four_bg h1{
        font-size:80px;
    }

    .four_zero_four_bg h3{
        font-size:80px;
    }

    .link_404{
        color: #fff!important;
        padding: 10px 20px;
        background: #39ac31;
        margin: 20px 0;
        display: inline-block;}
    .contant_box_404{ margin-top:-50px;}
</style>
<body class="fixed-header error-page">

<div class="justify-content-center full-height full-width align-items-center">
        <section class="page_404">
            <div class="container">
                <div class="row">
                    <div class="col-sm-12 ">
                        <div class="col-sm-offset-1  text-center">
                            <div class="four_zero_four_bg">

                                <?php session_destroy(); ?>
                            </div>

                            <div class="contant_box_404">
                                <h3 class="h2">
                                    EXPIRED SESSION
                                </h3>

                                <p>You have been logged out due to inactivity after 5minutes</p>

                                <a href="login">
                                    <button style="padding: 10px" aria-label="" class="btn btn-success btn-lg btn-animated from-left">
                                        <span>Resume Session</span>
                                        <span class="hidden-block">
													<i class="pg-icon">unlock</i>
												</span></button>
                                </a>
                            </div>
                        </div>
                    </div>
                </div>
            </div>

            <div style="margin-top: 68px; text-align: center" class="content flex">
                <p style="padding-top: 20px"> ©Copyright 2022 | Developed By NKC Media with 💓</p>
            </div>
        </section>



</div>

<!-- END PAGE CONTAINER -->

<!-- BEGIN VENDOR JS -->
<script src="../assets/plugins/pace/pace.min.js" type="text/javascript"></script>
<!--  A polyfill for browsers that don't support ligatures: remove liga.js if not needed-->
<script src="../assets/plugins/liga.js" type="text/javascript"></script>
<script src="../assets/plugins/jquery/jquery-3.2.1.min.js" type="text/javascript"></script>
<script src="../assets/plugins/modernizr.custom.js" type="text/javascript"></script>
<script src="../assets/plugins/jquery-ui/jquery-ui.min.js" type="text/javascript"></script>
<script src="../assets/plugins/popper/umd/popper.min.js" type="text/javascript"></script>
<script src="../assets/plugins/bootstrap/js/bootstrap.min.js" type="text/javascript"></script>
<script src="../assets/plugins/jquery/jquery-easy.js" type="text/javascript"></script>
<script src="../assets/plugins/jquery-unveil/jquery.unveil.min.js" type="text/javascript"></script>
<script src="../assets/plugins/jquery-ios-list/jquery.ioslist.min.js" type="text/javascript"></script>
<script src="../assets/plugins/jquery-actual/jquery.actual.min.js"></script>
<script src="../assets/plugins/jquery-scrollbar/jquery.scrollbar.min.js"></script>
<script type="text/javascript" src="../assets/plugins/select2/js/select2.full.min.js"></script>
<script type="text/javascript" src="../assets/plugins/classie/classie.js"></script>
<!-- END VENDOR JS -->
<script src="../pages/js/pages.min.js"></script>
<!-- The core Firebase JS SDK is always required and must be listed first -->
<script src="../../../../../www.gstatic.com/firebasejs/7.24.0/firebase-app.js"></script>

<script src="../../../../../www.gstatic.com/firebasejs/7.24.0/firebase-analytics.js"></script>
<script src="../../../../../www.gstatic.com/firebasejs/7.24.0/firebase-performance.js"></script>

</body>

</html>