templates/Default/contacts.html.twig line 1

Open in your IDE?
  1. {% set title = 'Contactez-nous' %}
  2. {% set menu = 'contacts' %}
  3. {% extends 'Default/base.html.twig' %}
  4. {% block content %}
  5. <div id="contacts" class='{{desktop("")}} {{mobile("")}}'>
  6.     <div class="map w100 gpadding {{desktop('')}} {{mobile('')}}">
  7.         <div class="w100 shadow hoverflow {{desktop('')}} {{mobile('')}}">
  8.             <iframe class="block w100 msquare map-frame noborder" src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3965.12671923836!2d2.3913669147699013!3d6.377638895385122!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x0!2zNsKwMjInMzkuNSJOIDLCsDIzJzM2LjgiRQ!5e0!3m2!1sfr!2sbj!4v1566340986760!5m2!1sfr!2sbj" style="border:0" allowfullscreen="" frameborder="0"></iframe>
  9.         </div>
  10.     </div>
  11.     <div class="fill hoverflow gpadding {{desktop('flex row vt-80-in')}} {{mobile('vt-30-in')}}">
  12.         <div class="">
  13.             {{form_start(form, {'attr':{'class':'relative w100 bg-success '~desktop("padding-60")~mobile("top-1-in bottom-25-in hz-25-in")}})}}
  14.                 {% 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") %}
  15.                 {% set divClass = ''~desktop("half-20 vt-10 ")~mobile("vt-10 ") %}
  16.                 <div class='{{desktop("flex row space")}} w100'>
  17.                     <div class='w100 white {{desktop("flex row space wrap")}}'>
  18.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  19.                             <label class='upper success-alt h6'>Nom de famille</label>
  20.                             {{form_widget(form.fName,{attr: {class:class, placeholder : "Obligatoire"}})}}
  21.                         </div>
  22.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  23.                             <label class='upper success-alt h6'>Prénom</label>
  24.                             {{form_widget(form.lName,{attr: {class:class, placeholder : "Obligatoire"}})}}
  25.                         </div>
  26.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  27.                             <label class='upper success-alt h6'>Adresse email</label>
  28.                             {{form_widget(form.email,{attr: {class:class, placeholder : "Obligatoire"}})}}
  29.                         </div>
  30.                         <div class='{{desktop(divClass)}} {{mobile("vt-20")}}'>
  31.                             <label class='upper success-alt h6'>Numéro de téléphone</label>
  32.                             {{form_widget(form.phone,{attr: {class:class, placeholder : "Obligatoire"}})}}
  33.                         </div>
  34.                         <div class='w100 {{desktop("vt-20")}} {{mobile("vt-20")}}'>
  35.                             <label class='upper success-alt h6'>Objet du message</label>
  36.                             {{form_widget(form.object,{attr: {class:class, placeholder : "Obligatoire"}})}}
  37.                         </div>
  38.                     </div>
  39.                 </div>
  40.                 <div class='w100 {{desktop("vt-20")}} {{mobile("vt-20")}}'>
  41.                     <label class='upper success-alt h6'>Contenu du message</label>
  42.                     {{form_widget(form.content,{attr: {class:class, placeholder : "Obligatoire"}})}}
  43.                 </div>
  44.                 <div class='flex row middle {{desktop("vt-20-in")}}'>
  45.                     <button type='submit' class="anim-btn relative flex col bg-white noborder radius-10">
  46.                         <span class="upper semibold p vt-10-in hz-30-in success">Envoyer</span>
  47.                     </button>
  48.                 </div>
  49.             {{form_end(form)}}
  50.         </div>
  51.         <div class='bg-success-alt white {{desktop("third_60 hz-60-in vt-40-in")}} {{mobile("hz-30-in vt-30-in")}}'>
  52.             <h2 class="h4 upper white">Coordonnées</h2>
  53.             <div class=" {{desktop("vt-30")}} {{mobile("vt-15")}}">
  54.                 <label class='h6 light'>Adresse :</label>
  55.                 <p class="h4 semibold">{{os_param("address")}}</p>
  56.             </div>
  57.             <div class=" {{desktop("vt-30")}} {{mobile("vt-15")}}">
  58.                 <label class='h6 light'>Adresse e-mail :</label>
  59.                 <p class="h4 semibold">{{os_param("contacts")["email"]}}</p>
  60.             </div>
  61.             <div class="">
  62.                 <label class='h6 light'>Numéro de téléphone :</label>
  63.                 <p class="h4 semibold">{{os_param("contacts")["phone"]}}</p>
  64.             </div>
  65.         </div>
  66.     </div>
  67. </div>
  68. {% endblock %}