templates/public/modal_contact.html.twig line 1

Open in your IDE?
  1. <div class="modal" id="ModalContact" tabindex="-1" role="dialog" aria-labelledby="ModalLabel1">
  2.     <div class="modal-dialog" role="document">
  3.         <div class="modal-content" style="border-radius: 35px;">
  4.             <div class="modal-body  p-t-0"
  5.                 style="background-color: {{centreGroupe.centregroupecss.bg1}};display: flex;flex-direction: column;border-radius: 25px;"
  6.                 id="modal_detail">
  9.                 <div class="text-right p-t-10 "
  10.                     style="display: flex;flex-direction: row-reverse;justify-content: space-between;">
  11.                     <i class="mdi mdi-close-circle-outline PN-color1 mdi-36px" data-dismiss="modal"></i>
  12.                     <h2 class="PN-Black PN-color1 m-b-20 ">Contactez-nous</h2>
  14.                 </div>
  15.                 <p class="PN-color1">Si vous avez des questions, des commentaires ou si vous souhaitez simplement entrer
  16.                     en contact avec nous,
  17.                     Veuillez utiliser le formulaire ci-dessous :</p>
  18.                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  19.                     <label for="nom_contact" class="control-label text-left col-md-4 PN-Black PN-color1">Votre Nom
  20.                         *</label>
  21.                     <div class="col-md-8">
  22.                         <input class='form-control' style="border-radius: 23px;" type="text" id="nom_contact"
  23.                             name="nom_contact">
  24.                     </div>
  25.                 </div>
  28.                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  29.                     <label for="couriel_contact" class="control-label text-left col-md-4 PN-Black PN-color1">Votre
  30.                         Courriel*</label>
  31.                     <div class="col-md-8">
  32.                         <input class='form-control' style="border-radius: 23px;" type="email" id="couriel_contact"
  33.                             name="couriel_contact">
  34.                     </div>
  35.                 </div>
  37.                 <div class="row" style="margin-bottom: 10px;align-items: center;">
  38.                     <label for="sujet_contact" class="control-label text-left col-md-4 PN-Black PN-color1">Sujet
  39.                         *</label>
  40.                     <div class="col-md-8">
  41.                         <input class='form-control' style="border-radius: 23px;" type="text" id="sujet_contact"
  42.                             name="sujet_contact">
  43.                     </div>
  44.                 </div>
  45.                 <div class="row" style="margin-bottom: 10px;align-items: start;">
  46.                     <label for="message_contact" class="control-label text-left col-md-4 PN-Black PN-color1">Message
  47.                         *</label>
  48.                     <div class="col-md-8">
  49.                         <textarea id="message_contact" class='form-control' style="border-radius: 23px;"
  50.                             name="message_contact" cols="30" rows="10"></textarea>
  51.                     </div>
  52.                 </div>
  53.                 <div class="col-lg-12 col-sm-12">
  56.                     <div class="switch">
  57.                         <label class="PN-Black text-white">
  58.                             <input type="checkbox" id="condition_contact"><span
  59.                                 class="lever switch-col-light-blue"></span>Je ne suis pas un robot</label>
  60.                     </div>
  61.                 </div>
  63.                 <div class="m-t-20 text-right">
  64.                     <button class="btn btn-rounded PN-color1" onclick="envoi_email_contact()"
  65.                         style="font-size: 15px; border: 3px solid {{centreGroupe.centregroupecss.color1}};font-weight: bold;background-color: transparent;">
  66.                         <span style="display: flex;align-items: center; "> Envoyer
  67.                             <i class="mdi mdi-chevron-right-circle mdi-24px p-l-10"></i></span>
  68.                     </button>
  69.                 </div>
  71.             </div>
  73.         </div>
  74.     </div>
  75. </div>