{% extends 'partials/layout-vertical.html.twig' %}

{% block title %}
	404 Error
{% endblock %}

{% block css %}{% endblock %}

{% block pagetitle %}
	{{ include('partials/page-title.html.twig', { sub_title: 'Pages', page_title: '404 Error' }) }}
{% endblock %}

{% block body %}
	<div class="row justify-content-center">
		<div class="col-lg-4">
			<div class="text-center">

				<h1 class="text-error mt-4">404</h1>
				<h4 class="text-uppercase text-danger mt-3">Page Not Found</h4>
				<p class="text-muted mt-3">It's looking like you may have taken a wrong turn. Don't worry... it happens to the best of us. Here's a little tip that might help you get back on track.</p>

				<a class="btn btn-info mt-3" href="index">
					<i class="ri-home-4-line me-1"></i>
					Back to Home</a>
			</div>
			<!-- end /.text-center-->
		</div>
		<!-- end col-->
	</div>
	<!-- end row -->
{% endblock %}
