templates/main/contact.html.twig line 1

Open in your IDE?
  1. {% extends 'base.html.twig' %}
  3. {% block metadata %}
  5.         {% set title = 'Ilex formation & consulting : Contactez-nous !' %}
  6.         {% set description = 'Contactez-nous ! Des questions, un devis ?' %}
  7.         {% set image = 'https://ilexfc.com/picture/background-img/contact.jpg' %}
  9.         <title>{{title}}</title>
  10.         <meta name="description" content="{{description}}">
  12.         <meta property="og:title" content="{{title}}">
  13.         <meta property="og:description" content="{{description}}">
  14.         <meta property="og:image" content="{{image}}">
  15.         <meta property="og:type" content="article" />
  16.         <meta property="og:site_name" content="ILEX FC" />
  19.         <meta name= "twitter:card " content= "summary_large_image">
  20.         <meta name= "twitter:site " content= "@DelphineDUPRE">
  21.         <meta name= "twitter:title " content= "{{title}}">
  22.         <meta name= "twitter:description " content= "{{description}}">
  23.         <meta name= "twitter:creator " content= "@DelphineDUPRE">
  24.         <meta name= "twitter:image:src " content= "{{image}}">
  26. {% endblock %}
  29. {% block stylesheets %}
  30.     <link rel="stylesheet" href="/style/contact.css">
  32.      <script src="https://www.google.com/recaptcha/api.js"></script>
  33. {% endblock %}
  35. {% block body %}
  37.     <section class="section-intro-page">
  38.         <img src="/picture/background-img/contact.jpg">
  39.         <div class="filterIMG"></div>
  40.         <div class="intro-container-text">
  41.             <h1 class="titre1-g">Contactez-nous !</h1>
  42.             <p>Un devis, des questions, une formation sur mesure, une réclamation ? N’hésitez pas à nous contacter, nous vous répondons sous 24-48h.</p>
  43.         </div>
  44.     </section>
  47.     <section class="section-page">
  49.         <div class="container-contact">
  50.             <div class="form-contact" action="/email" method="post">
  51.                 {{ form(form) }}
  52.             </div>
  54.         {#
  55.             <form class="form-contact" action="/email" method="post">
  56.                 <div>
  57.                     <p>Nom Prénom:</p>
  58.                     <input type="text" name="nomprenom" >
  59.                 </div>
  60.                 <div>
  61.                     <p>Établissement / Société :</p>
  62.                     <input type="text" name="societe">
  63.                 </div>
  64.                 <div>
  65.                     <p>Adresse :</p>
  66.                     <input type="text" name="adresse">
  67.                 </div>
  68.                 <div>
  69.                     <p>Email :</p>
  70.                     <input type="text" name="mail">
  71.                 </div>
  72.                 <div>
  73.                     <p>Numéro de téléphone :</p>
  74.                     <input type="text" name="num">
  75.                 </div>
  76.                 <div>
  77.                     <p>Formation :</p>
  78.                     <textarea name="formation">
  79.                     </textarea>
  80.                 </div>
  81.                 <div>
  82.                     <p>Message :</p>
  83.                     <textarea name="message">
  84.                     </textarea>
  85.                 </div>
  86.                 <div>
  87.                     <input type="submit">
  88.                     <button class="g-recaptcha" 
  89.                         data-sitekey="reCAPTCHA_site_key" 
  90.                         data-callback='onSubmit' 
  91.                         data-action='submit'>Submit</button>
  92.                 </div>
  94.             </form>
  95.         #}
  99.             <div class="info-contact">
  100.                 <img src="/picture/background-img/delphine.JPG">
  101.                 <p class="contact-nom-prenom">Delphine Dupré-Lévêque</p>
  102.                 <p class="contact-tel"><i class="fas fa-phone-alt"></i> (+33) 06 75 17 47 84</p>
  103.                 <p class="contact-mail"><i class="fas fa-envelope"></i> contact@ilexfc.com</p>
  104.             
  105.             </div>
  107.         
  108.         </div>
  109.     
  110.     
  111.     </section>
  114.     <script>
  115.    function onSubmit(token) {
  116.      document.getElementById("demo-form").submit();
  117.    }
  118.  </script>
  121. {% endblock %}