{% extends 'base.html.twig' %}
{% block title %}Page non trouvée - Maous Consulting{% endblock %}
{% block css %}
<style>
.error-page-container {
display: flex;
flex-direction: column;
justify-content: center;
align-items: center;
padding: 10vh 0; /* Adjusted here */
background-color: #f0f0f0;
text-align: center;
}
.error-message h1 {
font-size: 10rem;
margin: 0;
}
.error-message h2 {
font-size: 2rem;
margin: 0;
}
.error-buttons .btn {
padding: 10px 20px;
margin: 10px;
border: none;
background-color: #008CBA;
color: #fff;
border-radius: 5px;
text-decoration: none;
cursor: pointer;
}
.error-buttons .btn:hover {
background-color: #005f5f;
}
</style>
{% endblock %}
{% block body %}
<div class="error-page-container">
<div class="error-message">
<h1>404</h1>
<h2>Page Non Trouvée</h2>
<p>Désolé, la page que vous recherchez n'existe pas. Vous pouvez retourner à la page d'accueil ou nous contacter pour plus d'assistance sur la page de contact.</p>
</div>
<div class="error-buttons">
<a href="{{ path('index') }}" class="btn">Accueil</a>
</div>
</div>
{% endblock %}