<div class="grid gap-5 grid-cols-2 mb-5">
    <div class="col-span-1 max-md:col-span-2 relative">
[select civilite id:civilite first_as_label "Veuillez choisir une option" "Mme" "Mr"]
    </div>
    <div class="col-span-1 max-md:col-span-2 relative">
        <label class="label" for="firstname"> Prénom *</label>[text* firstname autocomplete:firstname id:firstname]         
    </div>
</div>
<div class="grid gap-5 grid-cols-2 mb-5">
    <div class="col-span-1 max-md:col-span-2 relative">
        <label class="label" for="lastname"> Nom *</label>[text* lastname autocomplete:lastname id:lastname]         
    </div>
    <div class="col-span-1 max-md:col-span-2 relative">
        <label class="label" for="tel"> Téléphone *</label>[tel tel autocomplete:tel id:tel] 
    </div>
</div>
<div class="grid gap-5 grid-cols-2 mb-5">
    <div class="col-span-1 max-md:col-span-2 relative">
        <label class="label" for="email"> Email *</label>[email* email autocomplete:email id:email] 
    </div>
    <div class="col-span-1 max-md:col-span-2 relative"><p class="flex gap-4 items-baseline"><label class="" for="cv">CV*</label>[file* file-424 filetypes:pdf|doc|pages|word limit:5mb id:cv]</p></div>
</div>
<div class="grid gap-5 grid-cols-2 mb-5">
    <div class="col-span-1 max-md:col-span-2 relative">
      <p class="mb-2">Champs obligatoires</p>
      [acceptance cgv] J’accepte la <a href="">Politique de confidentialité</a> [/acceptance]
    </div>
    <div class="col-span-1 max-md:col-span-2 relative">[submit "Envoyer"]</div>
</div>