templates/front/contact.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% set currentPage = ("navbar.contact")|trans %}
  3. {% form_theme contactForm _self %}
  4. {% block _contact_customFiles_row %}
  5.     {{ form_label(form) }}
  6.     {{ form_errors(form) }}
  7.     <ul class="customfiles" data-prototype="{{ form_widget(form.vars.prototype)|e('html_attr') }}">
  8.         {% for customFile in form %}
  9.             <li>
  10.                 {{ form_widget(customFile) }}
  11.             </li>
  12.         {% endfor %}
  13.     </ul>
  14. {% endblock %}
  15. {% block _contact_customFiles_entry_customFileFile_row %}
  16.     <div class=" bgc-F5F5F5 my-3 my-sm-0 br-4 fs-13 he-64 header-bloc montserrat br-3 pay-8 pal-8 par-3 d-flex align-items-center">
  17.         {{ form_errors(form) }}
  18.         <div class="m-auto content-upload d-flex align-items-center position-relative justify-content-center pax-16">
  19.             <a type='button' class='uploadLink pax-0 c-333333'> <i class="fas fa-file-alt fs-16 lh-21"></i></a>
  20.             <a type='button'
  21.                class='uploadLink text-left c-333333 col pax-7 textFile fs-12 he-32 header-bloc overflow-hidden d-flex align-items-center lh-16 mawi-85'>
  22.                 Uploader mon fichier</a>
  23.             <a type='button'
  24.                class='deleteFile c-333333 position-absolute bgc-yellow header-bloc  he-20 wi-20 t--25 r--10'>
  25.                 <i class="fal fa-times fs-16 lh-21"></i>
  26.             </a>
  27.             <div class="d-none">  {{ form_label(form) }}
  28.                 {{ form_widget(form) }}</div>
  29.         </div>
  30.     </div>
  31. {% endblock %}
  32. {% block body %}
  33.     {% include "front/header.html.twig" with {
  34.         'icon':asset("assets/img/contact.svg"),
  35.         "img":asset("assets/img/contact.jpg"),
  36.         "title":("contact.header.title"|trans),
  37.         "intro":("contact.header.intro"|trans),
  38.     } %}
  39.     <section class="container">
  40.         <div class="mat-30">
  41.             {% include "front/menu.html.twig" with {'menu':{("menu.contact"|trans):"#"}} %}
  42.         </div>
  43.     </section>
  44.     <section class="pay-70-md pay-50-sm pay-35 section-contact">
  45.         <div class="container">
  46.             <div class="row">
  47.                 <div class="col-md-7">
  48.                     <div data-aos="fade-right"   data-aos-duration="800"  class="gilroy-bold c-333333 fs-20 lh2-24">
  49.                         {{ "contact.intro"|trans|raw }}
  50.                     </div>
  51.                     <p data-aos="fade-right"  data-aos-delay="400" data-aos-duration="800" class="mat-15 mab-20 c-15683A fs-16">
  52.                         {{ "contact.intro.requiredInput"|trans|raw }}
  53.                     </p>
  54.                     <div data-aos="fade-right"  data-aos-delay="600" data-aos-duration="800" class="">
  55.                         {% include "form/contactForm.html.twig" %}
  56.                     </div>
  57.                 </div>
  58.                 <div class="col-lg-4 col-md-5 text-center text-sm-left mat-20 mat-0-md offset-lg-1" data-aos="fade-left"   data-aos-duration="800" >
  59.                     <div class="bgc-15683A rocwnk pa-32 ">
  60.                         <h3 class="fw-700 c-white  fs-24 mab-15" >
  61.                             {{ "contact.info.title"|trans|raw }}
  62.                         </h3>
  63.                         {% include "front/contactSection.html.twig" %}
  64.                     </div>
  65.                     <iframe src="https://www.google.com/maps/embed?pb=!1m14!1m8!1m3!1d11172.531515390201!2d5.4298245!3d45.5677664!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0x0%3A0x78d33699669be922!2sFacomia%20sarl!5e0!3m2!1sfr!2sfr!4v1673954479137!5m2!1sfr!2sfr"
  66.                             class="w-100" height="420" style="border:0;" allowfullscreen="" loading="lazy"
  67.                             referrerpolicy="no-referrer-when-downgrade"></iframe>
  68.                 </div>
  69.             </div>
  70.         </div>
  71.     </section>
  72. {% endblock %}
  73. {% block javascripts %}
  74.     {{ parent() }}
  75.     {#    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> #}
  76.     {% include "commons/collectionType.html.twig" with {'entity':'CustomFile','addIcon':true, 'deleteIcon':true, 'dataAdd' : 'un fichier'} %}
  77.     {{ encore_entry_script_tags('contact') }}
  78. {% endblock %}