Me contacter
============

.. image:: assets/contact.svg
   :width: 70%
   :align: center
   :alt: Un homme tient une enveloppe ouverte.
   :title: Image par Katerina Limpitsouni

N'hésitez pas à me laisser un petit message :)

.. raw:: html

   <form action="/submit/" method="GET">
       <main>
           <div class="formctl">
               <label for="name">

| Nom

.. raw:: html

               </label>
               <input type="text" id="name" name="name" required minlength=5>
               <span class="validity"></span>
           </div>
           <div class="formctl">
               <label for="email">

| Adresse de courriel

.. raw:: html

               </label>
               <input type="email" minlength=5 id="email" name="email" required>
               <span class="validity"></span>
           </div>
           <div class="formctl">
               <label for="result">

| Combien d'éléments dans une douzaine ?

.. raw:: html

               </label>
               <input type="text" pattern="[0-9]*" id="result" name="result" required>
               <span class="validity"></span>
           </div>
           <div class="formctl">
               <label for="subject">

| Objet

.. raw:: html

               </label>
               <input type="text" id="subject" name="subject" required>
               <span class="validity"></span>
           </div>
           <div class="formctl">
               <label for="message">

| Votre message

.. raw:: html

               </label>
               <textarea required id="message" name="message" rows="9" maxlength="3000" minlength="10"></textarea>
               <span class="validity"></span>
           </div>
       </main>
       <footer>
           <button type="submit">

| Envoyer

.. raw:: html

           </button>
       </footer>
   </form>
