templates/web/sections/section_form_contact.html.twig line 1

Open in your IDE?
  1. <section class="section-form-contact bgc-primary">
  2.     <div class="container"  data-aos="fade" data-aos-offset="200" data-aos-duration="800">
  3.         <h2 class="section-title">formulaire de contact</h2>
  4.         <p class="form-intro">
  5.             {{ text|raw }}
  6.         </p>
  7.         <div class="form-wrap">
  8.             <form id="contact-form" class="contact-form" action="#" method="">
  9.                 <div class="mb-3">
  10.                     <label for="firstname" class="form-label visually-hidden">Prénom*</label>
  11.                     <input type="text" class="form-control" id="firstname" name="firstname" placeholder="Prénom*">
  12.                 </div>
  14.                 <div class="mb-3">
  15.                     <label for="lastname" class="form-label visually-hidden">Nom*</label>
  16.                     <input type="text" class="form-control" id="lastname" name="lastname" placeholder="Nom*">
  17.                 </div>
  19.                 <div class="mb-3">
  20.                     <label for="email" class="form-label visually-hidden">E-mail*</label>
  21.                     <input type="email" class="form-control" id="email" name="email" placeholder="E-mail*">
  22.                 </div>
  24.                 <div class="mb-3">
  25.                     <label for="phone" class="form-label visually-hidden">Téléphone</label>
  26.                     <input type="phone" class="form-control" id="phone" name="phone" placeholder="Téléphone">
  27.                 </div>
  29.                 <div class="mb-3">
  30.                     <select class="form-select" aria-label="Choix du sujet" name="subject">
  31.                         <option selected class="option-selected">Sujet*</option>
  32.                         <option value="1">Sujet un</option>
  33.                         <option value="2">Sujet deux</option>
  34.                         <option value="3">Sujet trois</option>
  35.                     </select>
  36.                 </div>
  38.                 <div class="mb-3">
  39.                     <label for="message" class="form-label visually-hidden">Message*</label>
  40.                     <textarea class="form-control" id="message" name="message" rows="3" placeholder="Message*"></textarea>
  41.                 </div>
  44.                 <button id="btn-contact" type="submit" class="contact-form__btn">
  45.                     <span class="img-wrap">
  46.                         <svg version="1.1" id="Calque_1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px"
  47.                              viewBox="0 0 60 44" style="enable-background:new 0 0 60 44;" xml:space="preserve">
  48.                             <g>
  49.                                 <path style="" d="M42.023,15.735L30,22.748l-12.022-7.013c-1.044-0.608-2.383-0.256-2.992,0.787
  50.                                     c-0.609,1.044-0.256,2.383,0.787,2.992l13.125,7.656c0.681,0.398,1.523,0.398,2.204,0l13.125-7.656
  51.                                     c1.044-0.609,1.397-1.948,0.788-2.992C44.406,15.479,43.066,15.126,42.023,15.735"/>
  52.                                 <path style="" d="M53.626,35.125c0,1.206-0.982,2.187-2.188,2.187H8.563c-1.206,0-2.188-0.981-2.188-2.187V8.875
  53.                                     c0-1.206,0.982-2.187,2.188-2.187h42.875c1.206,0,2.188,0.981,2.188,2.187V35.125z M51.438,2.312H8.563
  54.                                     C4.944,2.312,2,5.257,2,8.875v26.251c0,3.618,2.944,6.562,6.563,6.562h42.875c3.619,0,6.562-2.944,6.562-6.562V8.875
  55.                                     C58,5.257,55.057,2.312,51.438,2.312"/>
  56.                             </g>
  57.                         </svg>
  58.                     </span>
  59.                 </button>
  61.             </form>
  64.         </div>
  65.     </div>
  66. </section>