2020-06-23 13:44:10 +02:00
|
|
|
|
{% from "macros/form.njk" import label, field, select, option, textarea, checkboxes, button %}
|
2020-06-19 23:47:44 +02:00
|
|
|
|
|
2020-06-23 13:44:10 +02:00
|
|
|
|
<section class="[ form-container ]">
|
|
|
|
|
|
<svg aria-hidden="true" viewBox="0 0 1440 131" width="auto" fill="none" xmlns="http://www.w3.org/2000/svg"><path fill="#fff" d="M0 0h1440v131H0z"/><path d="M0 4.643l40-2.326c40-2.5 120-6.888 200 11.67 80 18.735 160 60.854 240 74.894 80 14.04 160 0 240-16.365 80-16.54 160-34.968 240-28.08 80 7.152 160 39.619 240 39.75 80-.131 160-32.598 200-49.139l40-16.365V131H0V4.643z" fill="#D6F253"/></svg>
|
|
|
|
|
|
<div class="[ inner-wrapper ]">
|
|
|
|
|
|
<h2 class="[ contact-heading ]">Nous contacter</h2>
|
2020-06-26 16:23:50 +02:00
|
|
|
|
<form name="contact" method="POST" data-netlify="true" action="/form/contact-form-handler.php">
|
2020-06-23 13:44:10 +02:00
|
|
|
|
<ol class="[ field-list ]">
|
|
|
|
|
|
{# <li class="[ field-list__field-group ]">
|
|
|
|
|
|
{{ label("Prénom", "forename") }}
|
|
|
|
|
|
{{ field( "text", "forename", { required: true, placeholder: "", autocomplete: "name", autocorrect: "off", autocapitalize: "off" } ) }}
|
|
|
|
|
|
</li> #}
|
|
|
|
|
|
<li class="[ field-list__field-group ]">
|
|
|
|
|
|
{{ label("Nom", "name") }}
|
|
|
|
|
|
{{ field( "text", "name", { required: true, placeholder: "", autocomplete: "name", autocorrect: "off", autocapitalize: "off" } ) }}
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="[ field-list__field-group ]">
|
|
|
|
|
|
{{ label("Email", "email") }}
|
|
|
|
|
|
{{ field( "email", "email", { required: true, placeholder: "", autocomplete: "email" } ) }}
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="[ field-list__field-group ] [ full-width ]">
|
|
|
|
|
|
{{ label("Je vous contacte pour :", "select") }}
|
|
|
|
|
|
{{ select( "select", [
|
|
|
|
|
|
{label: "Obtenir un rendez-vous (décrivez votre projet en quelques lignes)", value: "option 1"},
|
|
|
|
|
|
{label: "Obtenir des précisions sur le statut d’entrepreneur salarié", value: "option 2"},
|
|
|
|
|
|
{label: "Proposer une mission à un coopérateur", value: "option 3"},
|
|
|
|
|
|
{label: "Proposer un partenariat", value: "option 4"}
|
|
|
|
|
|
], { required: true, options_before: [""], options_after: ["Autre demande"] } ) }}
|
|
|
|
|
|
</li>
|
|
|
|
|
|
<li class="[ field-list__field-group ] [ full-width ]">
|
|
|
|
|
|
{{ label("Votre message", "message") }}
|
|
|
|
|
|
{{ textarea( "message", { required: true, autocapitalize: "sentences", spellcheck: "true" } ) }}
|
|
|
|
|
|
</li>
|
2020-06-26 16:23:50 +02:00
|
|
|
|
{# <li class="[ field-list__field-group ] [ full-width ]">
|
2020-06-23 13:44:10 +02:00
|
|
|
|
{{ checkboxes("", "field-checkbox-name", [ "Je souhaite être tenu au courant de l’actualité Astrolabe"], { description: "" } ) }}
|
2020-06-26 16:23:50 +02:00
|
|
|
|
</li> #}
|
2020-06-23 13:44:10 +02:00
|
|
|
|
{# <li hidden>
|
|
|
|
|
|
<label>Don’t fill this out if you're human: <input name="bot-field" /></label>
|
|
|
|
|
|
</li> #}
|
|
|
|
|
|
</ol>
|
|
|
|
|
|
{{ button("Envoyer") }}
|
|
|
|
|
|
</form>
|
|
|
|
|
|
</div>
|
|
|
|
|
|
</section>
|
