<!doctype html>
<html lang="en">
<head>
		<!-- Meta data -->
		<meta charset="UTF-8">
		<meta name='viewport' content='width=device-width, initial-scale=1.0, user-scalable=0'>
		<meta http-equiv="X-UA-Compatible" content="IE=edge">
		<meta content="<?php echo $description ?>" name="description">
		<meta content="<?php echo $app_setting->application_name ?>" name="author">
		<meta name="keywords" content="<?php echo $keywords ?>"/>

		<!-- Favicon -->
		<link rel="icon" href="<?php echo base_url() ?><?php echo $app_setting->fevicon ?>" type="image/x-icon"/>
		<link rel="shortcut icon" type="image/x-icon" href="<?php echo base_url() ?><?php echo $app_setting->fevicon ?>" />

		<!-- Title -->
		<title><?php echo $title; ?> | <?php echo $app_setting->application_name ?></title>

		<!-- Bootstrap css -->
		<link href="<?php echo front_css(); ?>plugins/bootstrap/css/bootstrap.css" rel="stylesheet" />

		<!-- Style css -->
		<link href="<?php echo front_css(); ?>css/style.css" rel="stylesheet" />
	</head>
	<body class=" bg-primary error-page" >
		<!-- Page -->
		<div class="page page-h">
			<div class="page-content z-index-10">
				<div class="container text-center">
					<div class="display-1 mb-5">404</div>
					<h1 class="h2 text-white  mb-3">Page Not Found</h1>
					<p class="h4 font-weight-normal mb-7 leading-normal text-white">Oops!!!! you tried to access a page which is not available. go back to Home</p>
					<a class="btn btn-secondary" href="<?php echo base_url()?>">
						Back To Home
					</a>
				</div>
			</div>
		</div>
		<!-- End Page -->
		<!-- Bootstrap js -->
		<script src="<?php echo front_css(); ?>plugins/bootstrap/js/bootstrap.min.js"></script>
	</body>
</html>
<style type="text/css">
	.error-page {
    background: url(<?php echo base_url()?>uploads/error.jpg);
    background-position: center;
    background-size: cover;
    background-attachment: fixed;
}
</style>