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

{% block title %}VRS-LALD / LCDL{% endblock %}

{% block body %}
<style>
    .example-wrapper { margin: 1em auto; max-width: 800px; width: 95%; font: 18px/1.5 sans-serif; }
    .example-wrapper code { background: #F5F5F5; padding: 2px 6px; }
</style>
<section class="bg-center bg-no-repeat bg-gray-500 bg-blend-multiply min-h-screen" style="background-image: url('{{ asset('images/cloture.jpg') }}')">
    <div class="px-4 mx-auto max-w-screen-xl text-center py-24 lg:py-56">
        <h1 class="mb-4 text-4xl font-extrabold tracking-tight leading-none text-white md:text-5xl lg:text-6xl">Les Aciers du Littoral</h1>
        <p class="mb-8 text-lg font-normal text-gray-300 lg:text-xl sm:px-16 lg:px-48">Vacation Request System</p>
        <p class="mb-8 text-lg font-normal text-gray-300 lg:text-xl sm:px-16 lg:px-48">Système de demande de congés</p>        
        <p class="mb-8 text-lg font-normal text-gray-300 lg:text-xl sm:px-16 lg:px-48">VRS</p>
        <a href ='{{ path('app_login') }}' ><button class="p-2 rounded bg-green-500 hover:bg-green-600 text-white border-gray-700 mx-1">Se connecter</button></a>
        
    </div>
</section>

{% endblock %}