templates/front/support.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% set currentPage = "navbar.support"|trans %}
  4. {% block body %}
  5.     <section class="position-relative">
  7.         <div class="position-relative zi-9">
  8.             <div class="  container container-contact pab-100-md  pab-70-sm pab-50 pat-65">
  9.                 <div class="mawi-320 mx-auto">
  10.                     {% include "front/menu.html.twig" with {'menu':{("menu.support"|trans):"#"}} %}
  11.                     <h2 class="text-center titleh1 mab-80" data-aos="fade-up"
  12.                         data-aos-duration="800">{{ "support.title"|trans }}</h2>
  13.                 </div>
  14.                 <div class="row align-items-stretch justify-content-center">
  15.                     <div class="col-md-6 col-sm-10 br-20" data-aos="fade-right" data-aos-duration="800">
  16.                         <div class="position-relative h-100 bgc-EEF2F5 boxShadow pab-380 br-20">
  17.                             <img src="{{ asset('assets/img/bg_support.png') }}" alt="bg_support"
  18.                                  class="overlay  position-absolute t-0 h-100 br-20 w-100 l-0 "/>
  19.                             <img src="{{ asset('assets/img/icone_support.svg') }}" alt="icon support"
  20.                                  class="position-absolute t--50 l-0 br-20"/>
  21.                             <div class="pax-40 pat-85 ">
  22.                                 <h3 class="fs-18 fw-600 c-2C3E73 zi-9 position-relative">{{ "support.content.title"|trans }}</h3>
  23.                                 <p class="may-14 fs-14 lh2-17 c-8E9094 zi-9 position-relative">
  24.                                     {{ "support.content.text"|trans }}
  25.                                 </p>
  26.                                 <a href="https://get.teamviewer.com/6z245xa" target="_blank">
  27.                                     <img src="{{ asset('assets/img/logo_teamviewer.svg') }}" class="icon-grey wi-160"
  28.                                          alt="icon team viewer"/>
  29.                                 </a>
  30.                             </div>
  31.                             <img class="position-absolute b-0 zi-9  w-100 img-fit img-support"
  32.                                  src="{{ asset('assets/img/Visuel-lien-Remote-Control-Support-opti.jpg') }}"
  33.                                  alt="image support "/>
  34.                         </div>
  35.                     </div>
  36.                     <div class="col-md-6 col-sm-10 mat-50 mat-0-md" data-aos="fade-left" data-aos-duration="800">
  37.                         <div class="h-100 support-bloc-white position-relative">
  38.                             <img src="{{ asset('assets/img/icone_support1.svg') }}" alt="icon support"
  39.                                  class="position-absolute t--50 l-0"/>
  40.                             <div class=" pat-85 pab-25">
  41.                                 <h3 class="fs-18 pax-40 fw-600 c-2C3E73">{{ "support.form.title"|trans }}</h3>
  42.                                 <p class="may-14 pax-40 fs-14 lh2-17 c-8E9094">
  43.                                     {{ "support.form.text"|trans }}
  44.                                 </p>
  45.                                 <div class="supportForm">
  47.                                     {% include "form/supportForm.html.twig" %}
  48.                                 </div>
  50.                             </div>
  51.                         </div>
  52.                     </div>
  53.                 </div>
  54.             </div>
  55.         </div>
  56.         <div class="position-relative pay-110-lg pay-90-md pay-70-sm pay-50 zi-9">
  58.             <div class="container text-center support-content mx-auto">
  59.                 <div data-aos="fade-up" data-aos-duration="800"
  60.                      class="surtitle  text-center c-204A9A fs-16 fw-600 text-uppercase ls-custom2">
  61.                     {{ "support.info.surTitle"|trans }}
  62.                 </div>
  63.                 <div data-aos="fade-up" data-aos-duration="800" data-aos-delay="200"
  64.                      class="position-relative  mawi-420 mx-auto">
  65.                     <img src="{{ asset('assets/img/points.svg') }}" class="position-absolute t--15 l-0 zi-0"
  66.                          alt="points icon"/>
  67.                     <h2 class="text-center titleh1 mab-25  mat-25 position-relative zi-9">{{ "support.info.title"|trans }}</h2>
  68.                 </div>
  69.                 <p data-aos="fade-up" data-aos-duration="800" data-aos-delay="400"
  70.                    class="fs-15 lh2-18 c-8E9094 fw-500 mab-45 mawi-580 mx-auto">
  71.                     {{ "support.info.text"|trans }}
  72.                 </p>
  73.                 <a data-aos="fade-up" data-aos-duration="800" data-aos-delay="400" href="{{ path('front_contact') }}"
  74.                    class="btn btn1 pay-15 br-8">{{ "support.info.btn"|trans }}</a>
  75.             </div>
  76.         </div>
  77.         <img src="{{ asset('assets/img/Motif.png') }}" alt="background motif"
  78.              class="uexpmv w-100 b-0 l-0 img-fit position-absolute"/>
  79.         {#  <div class="bgp-bottom bgs-cover w-100 h-100 position-absolute b-0 l-0 uexpmv"
  80.                style="background-image:url({{ asset('assets/img/Motif.png') }})">
  81.           </div> #}
  82.     </section>
  84. {% endblock %}