<!DOCTYPE html>
<html lang="en">

<head>
	<title>{{config.get('PROJECT_NAME')}} | Error {{code}}</title>
	{% include 'front/includes/import.top.html' %}
</head>

<body>

	<!-- Offcanvas START -->
	{% include 'front/includes/top.header.html' %}
	<!-- Offcanvas END -->

	<!-- =======================
Header START -->
	{% include 'front/includes/header.html' %}
	<!-- =======================
Header END -->

	<!-- **************** MAIN CONTENT START **************** -->
	<main>
		<!-- =======================
Hero END -->
		<section class="pt-5">
			<div class="container">
				<div class="row">
					<div class="col-lg-8 mx-auto text-center">
						<!-- Image svg -->
						<!-- <img src="assets/images/element/error.svg" class="" alt=""> -->
						<!-- Title -->

						<h1 class="text-danger my-3">Error {{code}} - {{name}}</h1>
						<!-- Content -->
						<p>{{description}}</p>
						<!-- Button -->
						<a href="{{url_for('index')}}" class="btn btn-warning mb-0">Take me to home page</a>
					</div>
				</div><!-- Row END -->
			</div>
		</section>
		<!-- =======================
Hero END -->

	</main>
	<!-- **************** MAIN CONTENT END **************** -->

	<!-- Back to top -->
	<div class="back-top"><i class="bi bi-arrow-up-short"></i></div>

	<!-- =======================
JS libraries, plugins and custom scripts -->

	<!-- Bootstrap JS -->
	{% include 'front/includes/import.bottom.html' %}
</body>

</html>