templates/Default/contacts.html.twig line 1

Open in your IDE?
  1. {% set title = 'Contactez-nous' %}
  2. {% set menu = 'contacts' %}
  3. {% set hasReCaptcha = true %}
  4. {% extends 'Default/base.html.twig' %}
  5. {% block content %}
  6. <div id="contacts" class='{{desktop("")}} {{mobile("")}}'>
  7.     <div class="fill hoverflow gpadding {{desktop('flex row vt-80-in')}} {{mobile('vt-30-in')}}">
  8.         <div class="">
  9.             {{include('Default/notice.html.twig')}}
  10.             {{form_start(form, {'attr':{'class':'relative w100 bg-success '~desktop("padding-60")~mobile("top-1-in bottom-25-in hz-25-in")}})}}
  11.                 {% set class = 'relative w100 h6 text-left noradius border-bottom border-solid border-white border-1x nobg white '~desktop(" vt-15-in bottom-20 ")~mobile(" vt-10-in hz-15-in") %}
  12.                 {% set divClass = ''~desktop("half-20 vt-10 ")~mobile("vt-10 ") %}
  13.                 <div class='{{desktop("flex row space")}} w100'>
  14.                     <div class='w100 white {{desktop("flex row space wrap")}}'>
  15.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  16.                             <label class='upper h6'>Nom de famille</label>
  17.                             {{form_widget(form.lName,{attr: {class:class, placeholder : "Obligatoire"}})}}
  18.                         </div>
  19.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  20.                             <label class='upper h6'>Prénom</label>
  21.                             {{form_widget(form.fName,{attr: {class:class, placeholder : "Obligatoire"}})}}
  22.                         </div>
  23.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  24.                             <label class='upper h6'>Adresse email</label>
  25.                             {{form_widget(form.email,{attr: {class:class, placeholder : "Obligatoire"}})}}
  26.                         </div>
  27.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  28.                             <label class='upper h6'>Numéro de téléphone</label>
  29.                             {{form_widget(form.phone,{attr: {class:class, placeholder : "Optionnel"}})}}
  30.                         </div>
  31.                         <div class='w100 {{desktop("vt-20")}} {{mobile("vt-20")}}'>
  32.                             <label class='upper h6'>Objet du message</label>
  33.                             {{form_widget(form.object,{attr: {class:class, placeholder : "Obligatoire"}})}}
  34.                         </div>
  35.                     </div>
  36.                 </div>
  37.                 <div class='w100 {{desktop("vt-20")}} {{mobile("vt-20")}}'>
  38.                     <label class='upper white h6'>Contenu du message</label>
  39.                     {{form_widget(form.content,{attr: {class:class, placeholder : "Obligatoire"}})}}
  40.                 </div>
  41.                 <div class='flex middle col center {{desktop("vt-20-in")}} {{mobile("center")}}'>
  42.                     <div class="g-recaptcha" data-sitekey="{{os_param('recaptcha')['key']}}"></div>
  43.                     <button type='submit' class="anim-btn relative flex col bg-white noborder radius-5 {{desktop('top-15')}}">
  44.                         <span class="upper semibold p vt-10-in hz-30-in success">Envoyer</span>
  45.                     </button>
  46.                 </div>
  47.             {{form_end(form)}}
  48.         </div>
  49.         <div class='{{desktop("third_60 hz-60-in")}} {{mobile("hz-30-in vt-30-in")}}'>
  50.             <div class="">
  51.                 <h2 class="h4 upper">Coordonnées</h2>
  52.                 <div class=" {{desktop("top-10 bottom-30")}} {{mobile("vt-15")}}">
  53.                     <label class='h6'>Adresse :</label>
  54.                     <p class="h5 semibold">{{os_param("address")}}</p>
  55.                 </div>
  56.                 <div class=" {{desktop("vt-30")}} {{mobile("vt-15")}}">
  57.                     <label class='h6'>Adresse e-mail :</label>
  58.                     <p class="h5 semibold">{{os_param("contacts")["email"]}}</p>
  59.                 </div>
  60.                 <div class="">
  61.                     <label class='h6'>Numéro de téléphone :</label>
  62.                     <p class="h5 semibold">{{os_param("contacts")["phone"]}}</p>
  63.                 </div>
  64.             </div>
  65.             <div class="map w100 {{desktop('top-40')}} {{mobile('top-25')}}">
  66.                 <h3 class="h4 semibold upper bottom-20">Localisation</h3>
  67.                 <div class="w100 shadow hoverflow {{desktop('')}} {{mobile('')}}">
  68.                     <iframe class="block w100 msquare map-frame noborder" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3964.3842860418763!2d2.3593907!3d6.4729116!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x1024a981367c79e7%3A0xf1630c240beb2ad6!2s%C3%89cole%20de%20Formation%20des%20Professions%20Judiciaires%20(EFPJ)!5e0!3m2!1sfr!2sbj!4v1669804747265!5m2!1sfr!2sbj" style="border:0" allowfullscreen="" frameborder="0"></iframe>
  69.                 </div>
  70.             </div>
  71.         </div>
  72.     </div>
  73. </div>
  74. {% endblock %}