templates/front/presentation.html.twig line 1

Open in your IDE?
  1. {% extends "base.html.twig" %}
  2. {% set currentPage = ("navbar.presentation")|trans %}
  3. {% block body %}
  4.     {% include "front/header.html.twig" with {
  5.         'icon':asset("assets/img/about.svg"),
  6.         "img":asset("assets/img/about.jpg"),
  7.         "title":("presentation.header.title"|trans),
  8.         "intro":("presentation.header.intro"|trans),
  9.     } %}
  10.     <section class="container">
  11.         <div class="mat-30">
  12.             {% include "front/menu.html.twig" with {'menu':{("menu.about"|trans):"#"}} %}
  13.         </div>
  14.     </section>
  15.     {% include "front/paragraphsList.html.twig" with {'paragraphs':presentationParagraphs,"vichFile":"presentationParagraphFile"} %}
  16.     <section class="  position-relative linear-grey2 pab-120">
  17.         {#        <div class="position-absolute skew bgc-D9D9D9 wi-100 t-0 b-0 mx-auto r-0 l-0"></div>#}
  18.         <div class="row">
  19.             {% for key, otherPresentationParagraph in otherPresentationParagraphs|slice(0, 2) %}
  20.                 <div  class="col-md-6 otherPresentationParagraph colorotherPresentationParagraph{{loop.index}} c-white  position-relative img-skew{{loop.index}}  ">
  21.                     <div style="background-image:url({{ asset(vich_uploader_asset(otherPresentationParagraph, 'presentationParagraphFile')) }})" class="position-absolute t-0 b-0 l-0 r-0 paragraph-img-back"></div>
  22.                     {#                    <div class="position-absolute t-0 b-0 l-0 r-0 " ></div>#}
  23.                     <div class="mawi-400-lg mawi-300-md pax-30 pax-0-md text-center text-md-left mx-auto pay-100-lg  pay-70 position-relative zi-9">
  24.                         <div  data-aos="fade-{{ key is even ? "left" : "right" }}" data-aos-duration="800" class="he-120-lg he-85 br-100 mab-30-lg mx-auto-md mab-10 wi-120-lg wi-85 bgc-white d-flex align-items-center justify-content-center">
  25.                             <img src="{{ asset(vich_uploader_asset(otherPresentationParagraph, 'presentationParagraphIconFile')) }}"
  26.                                  alt="{{ otherPresentationParagraph.title }}" class="mawi-65-lg mawi-50"/>
  27.                         </div>
  28.                         <div data-aos="fade-{{ key is even ? "left" : "right" }}" data-aos-duration="800" data-aos-delay="200" class="subtitle paragraph-subtitle c-white lh2-12">
  29.                             {{ otherPresentationParagraph.subtitle }}
  30.                         </div>
  31.                         <div data-aos="fade-{{ key is even ? "left" : "right" }}" data-aos-duration="800" data-aos-delay="400" class="title2 lh2-12 title-pres-other may-15 gilroy-bold c-white fs-32">
  32.                             {{ otherPresentationParagraph.title }}
  33.                         </div>
  34.                         <div  data-aos="fade-{{ key is even ? "left" : "right" }}" data-aos-duration="800" data-aos-delay="600" class="o-80">
  35.                             {{ otherPresentationParagraph.description|raw }}
  36.                         </div>
  37.                     </div>
  38.                 </div>
  39.             {% endfor %}
  40.         </div>
  41.     </section>
  42.     <section class="pab-100-lg pab-70-md pab-50 pat-50  text-center container position-relative ">
  43.         <img class=" position-absolute  t-0 r-0 mirror" src="{{ asset('assets/img/points.svg') }}" alt="image points"/>
  44.         <h2 data-aos="fade-up"   data-aos-duration="800" class="subtitle paragraph-subtitle c-555555 ">
  45.             {{ "presentation.histories.subtitle"|trans }}
  46.         </h2>
  47.         <h3 data-aos="fade-up"   data-aos-duration="800" data-aos-delay="200" class="title2 title-pres mat-15 gilroy-bold c-15683A fs-32 ">
  48.             {{ "presentation.histories.title"|trans }}
  49.         </h3>
  50.         <div data-aos="fade-up"   data-aos-duration="800" data-aos-delay="400" class="mawi-500 mx-auto lh2-15 fs-16 c-555555 mat-15 mab-50">
  51.             {{ "presentation.histories.paragraph"|trans }}
  52.         </div>
  53.         <div class="pax-0-lg  pax-60-sm pax-15">
  54.             {% include "front/histories.html.twig" %}
  55.         </div>
  56.     </section>
  57.     <section class=" linear-grey text-center position-relative">
  58.         <div class="container pat-100 position-relative">
  59.             <img class="position-absolute t-0 r-0 container-points" src="{{ asset('assets/img/points.svg') }}" alt="image points"/>
  60.             <h2 class="subtitle paragraph-subtitle c-555555" data-aos="fade-up"   data-aos-duration="800" >
  61.                 {{ "presentation.map.subtitle"|trans }}
  62.             </h2>
  63.             <h3 class="title2 title-pres2 mat-15 gilroy-bold c-15683A fs-32" data-aos="fade-up"   data-aos-duration="800" data-aos-delay="200">
  64.                 {{ "presentation.map.title2"|trans }}
  65.             </h3>
  66.             <div class="mawi-500 mx-auto lh2-15 fs-16 c-555555 mat-15 mab-60 " data-aos="fade-up"   data-aos-duration="800" data-aos-delay="400">
  67.                 {{ "presentation.map.paragraph"|trans }}
  68.             </div>
  69.             <div class="position-relative d-table">
  70.                 {% for key, pin in getPins2() %}
  71.                     <div class="pin">
  72.                         <img src="{{ asset('assets/img/location-pin.svg') }}" data-aos="fade-in" data-aos-delay="{{loop.index*200}}" data-aos-duration="400" class="position-absolute " style="top:{{pin.top}}%;left:{{pin.left}}%" alt="pin facomia"/>
  73.                     </div>
  74.                 {% endfor %}
  75.                 <img src="{{ asset('assets/img/map-facomia-big.svg') }}" alt="map {{ "presentation.map.title2"|trans }}"/>
  76.             </div>
  77.             {#            <img src="{{ asset('assets/img/map-presentation.png') }}" alt="{{ "presentation.map.title2"|trans }} carte"/>#}
  78.         </div>
  79.         <div class="mat-65 pab-130">
  80.             {% include "front/catList.html.twig" %}
  81.         </div>
  82.     </section>
  83. {% endblock %}