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

{% block body %}
 <!-- Page Header Start -->
 <div class="container-fluid bg-secondary mb-5">
    <div class="d-flex flex-column align-items-center justify-content-center" style="min-height: 300px">
        <h1 class="font-weight-semi-bold text-uppercase mb-3">Inscription</h1>
        <div class="d-inline-flex">
            <p class="m-0"><a href="">Accueil</a></p>
            <p class="m-0 px-2">-</p>
            <p class="m-0">S'inscrire</p>
        </div>
    </div>
</div>
<!-- Page Header End -->
<div class="container-fluid pt-5" >
    <div class="text-center mb-4">
        <h2 class="section-title px-5"><span class="px-2">Inscrivez-vous</span></h2> <br>
    </div> 
    <div class="row px-xl-5 center" style="display: flex; justify-content: center;">
        <div class="col-lg-7 mb-5">
            {{form(form)}}
        </div>
    </div>
</div>

{% endblock %}