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


{% block contenu %}
        
    <!-- Page Heading -->
    <div class="container-fluid">
        <div class="card-body">
            <div class="d-sm-flex align-items-center justify-content-between mb-4">
                <p class="h3 text-uppercase text-primary">Accueil</p></br>
                </h3>
                    <a href={{ path('login')}} class="d-none d-sm-inline-block btn btn-sm btn-primary shadow-sm">
                        <i class="fas fa-download fa-sm text-white-50">
                        </i> S'identifier
                    </a>
            </div>
            <h2 class="mb-3">Merci de vous identifier</h2></br>
            <p class="text-muted mb-5">Vous accéderez ainsi aux différentes fonctionnalités.</br></br>
            <em>A tout moment, vous pouvez réduire la barre avec " < ".</em></p>
            
            
            <!-- Content Row -->
            <div class="card shadow mb-4">
                <!-- Card Header - Dropdown -->
                <div class="card-header py-3 d-flex flex-row align-items-center justify-content-between">
                    <h6 class="m-0 font-weight-bold text-primary">Un petit encouragement...
                    </h6>
                </div>
                <!-- Card Body -->
                <div class="card-body">
                    <div class="card-body">
                        <div class="text-center">
                            <img class="img-fluid px-3 px-sm-4 mt-3 mb-4" style="width: 25rem;" src={{asset('../public/img/amphi.jpg')}} alt="...">
                        </div>
                    </div>
                </div>
            </div>
        </div>
    </div>
          
{% endblock %}