{% extends 'base.html.twig' %}
{% block title %}Contact{% endblock %}
{% block body %}
<div class="container-fluid">
<div class="row d-flex justify-content-center align-items-center pb-3 pt-3">
<h1>Contactez-nous</h1>
<div class="col-sm-11 col-md-10 col-lg-8 col-xl-8 mb-8 ml-2 mt-md-3 noEffect">
{{ form_start(form) }}
<fieldset class="mb-3">
<legend class="h2">Vos coordonnées :</legend>
<hr class="mt-2">
<div class="row"><small>Tous les champs marqués d'une * sont obligatoires</small>
<div class="col-md-6 p-3">
<div class="form-group">
{{form_row(form.name)}}
</div>
</div>
<div class="col-md-6 p-3">
<div class="form-group">
{{form_row(form.telephone)}}
</div>
</div>
</div>
<div class="form-group">
{{form_row(form.email)}}
</div>
</fieldset>
<fieldset>
<legend class="h2">Votre message :</legend>
<hr class="mt-2">
<div class="form-group">
{{form_row(form.message)}}
</div>
</fieldset>
<fieldset>
<hr class="mt-2">
<div class="form-group">
{{ form_widget(form.captcha) }}
</div>
</fieldset>
<div class="d-flex flex-column flex-md-row justify-content-md-between">
<button type="submit" class="btn3 mb-3 mb-md-0">
<i class="fas fa-paper-plane mr-"></i>Envoyer<i class="fas fa-circle-notch fa-spin ml-2 d-none"></i>
</button>
</div>
{{ form_end(form) }}
</div>
</div>
</div>
{% endblock %}