{% extends 'base.html.twig' %}

{% block title %}404 Error |
	{{ app.session.get("setting").websiteName }}
{% endblock %}

{% block body %}
	


<!-- Single Page Header start -->
<div class="container-fluid page-header py-5">
	<h1 class="text-center text-white display-6">Error</h1>
	<ol class="breadcrumb justify-content-center mb-0">
		<li class="breadcrumb-item">
			<a href="#">Accueil</a>
		</li>
		
		<li class="breadcrumb-item active text-white">Error</li>
	</ol>
</div>
<!-- Single Page Header End -->


<!-- 404 Start -->
<div class="container-fluid py-5">
	<div class="container py-5 text-center">
		<div class="row justify-content-center">
			<div class="col-lg-6">
				<i class="bi bi-exclamation-triangle display-1 text-secondary"></i>
				<h1 class="display-1">Error</h1>
				<h1 class="mb-4">Page non trouvée</h1>
				<p class="mb-4">Nous sommes désolés, la page que vous recherchez n’existe pas sur notre site ! Peut-être aller sur notre page d'accueil ou essayer d'utiliser une recherche ?</p>
				<a class="btn border-secondary rounded-pill py-3 px-5" href="{{ asset('/')}}">Retourner à la Page d'accueil</a>
			</div>
		</div>
	</div>
</div>
<!-- 404 End -->


<!-- Back to Top -->
<a href="#" class="btn btn-primary border-3 border-primary rounded-circle back-to-top">
	<i class="fa fa-arrow-up"></i>
</a></body>{% endblock %}