templates/front/landing.html.twig line 1

Open in your IDE?
  1. {% import "commons/components.html.twig" as comp %}
  2. {% extends "base.html.twig" %}
  3. {% block stylesheets %}
  4.     {{parent()}}
  5.     {{ encore_entry_link_tags('landing') }}
  6. {% endblock %}
  7. {% block body %}
  8.     {% include "front/landingSlider.html.twig" %}
  9.     <section class="position-relative mat-150-md mat-90 mab-0 section-1440 mx-auto">
  10.         <div class="container position-relative">
  11.             <h2 class="text-center title mab-15 americanaBold" data-aos="fade-in" data-aos-duration="700">{{ "landing.about.title"|trans|raw }}</h2>
  12.             <div class="text-center mab-60">
  13.                 <img src="{{ asset('assets/img/line.png')|imagine_filter('small') }}" alt="Facomia" class="wi-150"/>
  14.             </div>
  15.             <div class="row align-items-center text-center text-lg-left">
  16.                 <div class="col-lg-auto">
  17.                     <div class="position-relative d-table mx-auto">
  18.                         {% for key, pin in getPins() %}
  19.                             <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"/>
  20.                         {% endfor %}
  21.                         <img src="{{ asset('assets/img/map-facomia.svg') }}" alt="map facomia"/>
  22.                     </div>
  23.                 </div>
  24.                 <div class="col-lg mat-30 position-relative mat-0-lg "  data-aos="fade-up" data-aos-duration="700">
  25.                     <div class="content mab-55">
  26.                         {{ "landing.about.content"|trans|raw|nl2br }}
  27.                     </div>
  28.                     <div>
  29.                         <a href="{{ path('front_presentation') }}" class="btn btn1">
  30.                             <div class="btn-text">
  31.                                 {{ "landing.about.btn"|trans|raw }}
  32.                             </div>
  33.                         </a>
  34.                     </div>
  35.                     <div class="position-absolute b-0-xl r-0-xl flag-landing  b--50 d-flex"  data-aos="fade-left" data-aos-duration="700">
  36.                         <img src="{{ asset('assets/img/lafafrflag.svg') }}" alt="Facomia" class="he-40"/>
  37.                         <div class="bgc-F7F6F2 pal-15 par-60 he-40 d-flex align-items-center ff-GilroyBold skew">
  38.                             <div class="skew-text">
  39.                                 {{ "landing.about.fabfr"|trans|raw }}
  40.                             </div>
  41.                         </div>
  42.                     </div>
  43.                 </div>
  44.             </div>
  45.         </div>
  46.     </section>
  47.     {% include "front/catList.html.twig" with {'translate':1} %}
  48.     <section class="pab-100 pat-180 position-relative">
  49.         <div class="bgc-f7f6f2 position-absolute h-100 nkguap zi--1"></div>
  50.         <div class="container">
  51.             <div class="row text-center">
  52.                 {% for key, category in getCategories(0) %}
  53.                     <div class="col-sm-6 col-cat may-20 may-0-sm">
  54.                         <div data-link>
  55.                             <div class="xljvvg mab-15" data-aos="fade-up" data-aos-duration="700" >
  56.                                 <img src="{{ asset(vich_uploader_asset(category, 'categoryFile')) }}"
  57.                                      alt="{{ category.title }}"
  58.                                      class="he-48"/>
  59.                             </div>
  60.                             <h2 class="mab-15 buqvza" data-aos="fade-up" data-aos-duration="700" data-aos-delay="200">
  61.                                 <a href="{{ path('front_products', {'catSlug':category.slug}) }}" class="title">
  62.                                     {{ category.title }}
  63.                                 </a>
  64.                             </h2>
  65.                             <div data-aos="fade-up" data-aos-duration="700" data-aos-delay="200">
  66.                                 <img src="{{ asset('assets/img/catline.svg') }}" alt="Facomia" class="wi-150"/>
  67.                             </div>
  68.                             <div data-aos="fade-up" data-aos-duration="700" data-aos-delay="400" class="content may-30 zzqpvh mawi-400 mx-auto">
  69.                                 {{ category.intro|raw }}
  70.                             </div>
  71.                             <div data-aos="fade-up" data-aos-duration="700" data-aos-delay="600">
  73.                                 <div  class="btn btn1">
  74.                                     <div class="btn-text">
  75.                                         {{ "landing.category.btn"|trans }}
  76.                                     </div>
  77.                                 </div>
  78.                             </div>
  79.                         </div>
  80.                     </div>
  81.                 {% endfor %}
  82.             </div>
  83.         </div>
  84.     </section>
  85.     {% include "front/landingPostsList.html.twig" with {'landing':1} %}
  86. {% endblock %}