<!doctype html>
<html xmlns:th="http://www.thymeleaf.org" xmlns:layout="http://www.ultraq.net.nz/thymeleaf/layout" lang="en" data-layout="vertical" data-topbar="light" data-sidebar="dark" data-sidebar-size="lg" data-sidebar-image="none" data-preloader="disable">

<head>
	<!--page title-->
	<div th:replace="partials/title-meta :: title-meta('404 Error alt')"></div>

	<!-- Page CSS -->
	<div th:replace="partials/head-css :: head-css"></div>
</head>

<body>
	<!-- auth-page wrapper -->
	<div class="auth-page-wrapper auth-bg-cover py-5 d-flex justify-content-center align-items-center min-vh-100">
		<div class="bg-overlay"></div>
		<!-- auth-page content -->
		<div class="auth-page-content overflow-hidden pt-lg-5">
			<div class="container">
				<div class="row justify-content-center">
					<div class="col-xl-5">
						<div class="card overflow-hidden">
							<div class="card-body p-4">
								<div class="text-center">
									<lord-icon src="https://cdn.lordicon.com/hzomhqxz.json" trigger="loop" class="avatar-xl" colors="primary:#405189,secondary:#0ab39c">
									</lord-icon>
									<h1 class="text-primary mb-4">Oops !</h1>
									<h4 class="text-uppercase">Sorry, Page not Found 😭</h4>
									<p class="text-muted mb-4">The page you are looking for not available!</p>
									<a href="/" class="btn btn-secondary"><i class="mdi mdi-home me-1"></i>Back
										to home</a>
								</div>
							</div>
						</div>
						<!-- end card -->
					</div>
					<!-- end col -->

				</div>
				<!-- end row -->
			</div>
			<!-- end container -->
		</div>
		<!-- end auth page content -->
	</div>
	<!-- end auth-page-wrapper -->

	<div th:replace="partials/vendor-scripts :: scripts"></div>
</body>

</html>