<!doctype html>
<html lang="en">
<!-- Bootstrap CSS -->
<link href="/assets/css/bootstrap.min.css" rel="stylesheet" />
<link href="/assets/css/bootstrap-extended.css" rel="stylesheet" />
<link href="/assets/css/style.css" rel="stylesheet" />

<body>
	<div class="wrapper">
		<div class="error-404 d-flex align-items-center justify-content-center">
			<div class="container">
				<div class="card py-5">
					<div class="row g-0">
						<div class="col col-xl-5">
							<div class="card-body p-4">
								<h1 class="display-1"><span>4</span><span>0</span><span>4</span></h1>
								<h2 class="font-weight-bold display-4">Lost in Space</h2>
								<p>You have reached the edge of the universe.
									<br>The page you requested could not be found.
								</p>
									<div class="mt-5"> <a href="/" class="btn btn-primary btn-lg px-md-5 radius-30">Go Home</a>
									</div>
								</div>
							</div>
							<div class="col-xl-7">
								<img src="assets/images/error/404-error.png" class="img-fluid" alt="">
							</div>
						</div>
					</div>
				</div>
			</div>
		</div>
	</body>
</html>