templates/front/contact.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% form_theme contactForm _self %}
  3. {% block _contact_customFiles_row %}
  4.     {{ form_label(form) }}
  5.     {{ form_errors(form) }}
  6.     <ul class="customfiles" data-prototype="{{ form_widget(form.vars.prototype)|e('html_attr') }}">
  7.         {% for customFile in form %}
  8.             <li>
  9.                 {{ form_widget(customFile) }}
  10.             </li>
  11.         {% endfor %}
  12.     </ul>
  13. {% endblock %}
  14. {% block _contact_customFiles_entry_customFileFile_row %}
  15.     <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">
  16.         {{ form_errors(form) }}
  17.         <div class="m-auto content-upload d-flex align-items-center position-relative justify-content-center pax-16">
  18.             <a type='button' class='uploadLink pax-0 c-333333'> <i class="fas fa-file-alt fs-16 lh-21"></i></a>
  19.             <a type='button'
  20.                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'>
  21.                 Uploader mon fichier</a>
  22.             <a type='button'
  23.                class='deleteFile c-333333 position-absolute bgc-yellow header-bloc  he-20 wi-20 t--25 r--10'>
  24.                 <i class="fal fa-times fs-16 lh-21"></i>
  25.             </a>
  26.             <div class="d-none">  {{ form_label(form) }}
  27.                 {{ form_widget(form) }}</div>
  28.         </div>
  29.     </div>
  30. {% endblock %}
  31. {% block body %}
  32.     <section class=" container container-contact pab-100 pat-65">
  33.         {#        {% include "front/menu.html.twig" with {'menu':{("menu.posts"|trans):"#"} %} #}
  34.         {% include "front/menu.html.twig" with {'menu':{("menu.contact"|trans):"#"}} %}
  36.         <h2 class="text-center titleh1 mab-60" data-aos="fade-in"
  37.             data-aos-duration="800">{{ "contact.title"|trans }}</h2>
  38.         <h3 class="c-8E9094 mawi-600 fs-30 fw-500 mab-50 mx-auto text-center" data-aos="fade-in" data-aos-duration="800"
  39.             data-aos-delay="200">{{ "contact.intro"|trans }}</h3>
  40.         <div  data-aos="fade-up" data-aos-duration="800" data-aos-delay="200" id='form-contact' class=" form-contact ">
  41.             <div class="intro-contact-form fs-16 fw-400 mx-auto c-8E9094 text-center mab-60">
  42.                 {{ "contact.form.intro"|trans }}
  43.             </div>
  44.             {% include "form/contactForm.html.twig" %}
  45.         </div>
  46.     </section>
  47.     <section class="pat-100 pab-75 position-relative background-blue">
  48.         <img src="{{ asset('assets/img/motif1.png') }}" class="motif" alt="motif"/>
  49.         <div class="position-relative zi-9" data-aos="fade-up" data-aos-duration="800">
  50.             <div class="surtitle text-center c-204A9A  mab-25 fs-16 fw-600 text-uppercase ls-custom2">
  51.                 {{ "contact.map.surTitle"|trans }}
  52.             </div>
  53.             <div class="position-relative mawi-440 mx-auto">
  54.                 <img src="{{ asset('assets/img/points.svg') }}" class="position-absolute t--15 l-0 zi-0"
  55.                      alt="points icon"/>
  56.                 <h3 class="text-center titleh1 mab-80 position-relative zi-9 ">{{ "contact.map.title"|trans }}</h3>
  57.             </div>
  58.             <div class="container">
  60.                 {% if setting %}
  61.                     <div>
  62.                         <img src="{{ asset(vich_uploader_asset(setting, 'mapFile')) }}" alt="View Point"
  63.                              class="w-100"/>
  64.                     </div>
  65.                 {% endif %}
  66.             </div>
  67.         </div>
  68.         <div id="contactFormContainer"></div>
  69.     </section>
  70.     <section class='position-relative'>
  72.         <div class="container pab-60 position-relative zi-9" data-aos="fade-up" data-aos-duration="800">
  73.             <div class="intro-contact mx-auto mab-50 mat-100">
  74.                 <div class="d-md-flex justify-content-between text-center text-md-left ">
  75.                     {% include "front/contactDetail.html.twig" with {
  76.                     "title":'footer.logo.cities'|trans,
  77.                     "telRaw":"+33472179192",
  78.                     "tel":"+33 (0) 4 72 17 91 92",
  79.                     "mail":"info",
  80.                     "mail1":"viewpoint.fr"
  81.                 } %}
  82.                     {% include "front/contactDetail.html.twig" with {
  83.                     "title":'footer.america.cities'|trans,
  84.                     "telRaw":"+15143435003",
  85.                     "tel":"+1 514 343 5003",
  86.                     "mail":"info",
  87.                     "mail1":"viewpointlifesciences.com",
  88.                     "delay":"200"
  89.                 } %}
  90.                     {% include "front/contactDetail.html.twig" with {
  91.                     "title":'footer.asia.cities'|trans,
  92.                     "telRaw":"+862161767233",
  93.                     "tel":"+86 (0) 21 6176 7233 / 7237",
  94.                     "mail":"info",
  95.                     "mail1":"viewpoint.cn.com",
  96.                     "delay":"400"
  97.                 } %}
  98.                 </div>
  99.             </div>
  101.         </div>
  102.         <img src="{{ asset('assets/img/Motif.png') }}" alt="background motif"
  103.              class="uexpmv w-100 b-0 l-0 img-fit position-absolute"/>
  104.     </section>
  105. {% endblock %}
  106. {% block javascripts %}
  107.     {{ parent() }}
  108.     {#    <script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.0/jquery.min.js"></script> #}
  109.     {% include "commons/collectionType.html.twig" with {'entity':'CustomFile','addIcon':true, 'deleteIcon':true, 'dataAdd' : 'un fichier'} %}
  110.     {{ encore_entry_script_tags('contact') }}
  111. {% endblock %}