<!DOCTYPE html>

<html>

	<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link href="/styles-evan.css" rel="stylesheet" type="text/css" /> <!-- css import sheet-->
    <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.1.3/dist/js/bootstrap.bundle.min.js"></script>
    <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.0-beta1/dist/css/bootstrap.min.css" rel="stylesheet">
		<title>404 - file not found</title> 
		<style>
			div.a
			{
			width: 700px;
			margin: auto;
			top: 200px;
			border: 3px solid #4287f5;
			font-size: 30px;
			vertical-align: middle;
			text-align: center;
			}
			.aligncenter {
 			text-align: center;
			}
		</style>
            <h1 class="aligncenter">404 - file not found</h1>
	</head>


	<Body>	
  
    <%- include('../components/header.ejs') %> 
    <div class="a" style="color:red">Error 404 - The file you have requested could not be found!! </div>

	</Body>


</html>
