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 body %}
  4.     {% include "front/landingSlider.html.twig" %}
  5.     <section class="container pat-50">
  6.         {% include "front/menu.html.twig" with {'menu':{
  7.             ("menu.landing")|trans|raw:"#",
  8.         }} %}
  9.         <div class="subtitle mat-50 text-center text-sm-left" data-aos="fade-right"  data-aos-duration="800" >
  10.             {{ "landing.products.subtitle"|trans|raw }}
  11.         </div>
  12.         <h2 class="title mab-30 wljxwg text-center text-sm-left" data-aos="fade-right"  data-aos-duration="800" data-aos-delay="200">
  13.             {{ "landing.products.title"|trans|raw }}
  14.         </h2>
  15.         <div data-aos="fade-up"  data-aos-duration="800" data-aos-delay="400">
  16.             {% include "front/prodSlick.html.twig" %}
  17.         </div>
  18.     </section>
  20.     <section class="position-relative mat-80 qclbsd text-center text-sm-left">
  21.         <img src="{{ asset('assets/img/photrect.png') }}" alt="photrect" class="position-absolute t-0 r-0 zi-9"/>
  22.         <div class="bgc-06303E position-absolute w-100 h-100 t-0 l-0"></div>
  23.         <div class="bgp-center bgs-cover w-100 h-100 position-absolute t-0 b-0"
  24.              style="background-image:url({{ asset('assets/img/lancatbg.png')|imagine_filter('large') }})">
  25.         </div>
  26.         <div class="container pat-100 pab-250 position-relative zi-9">
  27.             <div class="subtitle" data-aos="fade-right"  data-aos-duration="800">
  28.                 {{ "landing.cat.subtitle"|trans|raw }}
  29.             </div>
  30.             <h2 class="title2 xjxlna mab-30" data-aos="fade-right"  data-aos-duration="800" data-aos-delay="200" >
  31.                 {{ "landing.cat.title"|trans|raw }}
  32.             </h2>
  33.             <div class="row justify-content-center-sm">
  34.                 {% for key, category in getCategories()|slice(0, 3) %}
  35.                     <div class="col-sm-4 col-10 mab-20 mab-0-sm" data-aos="fade-left"  data-aos-duration="800" data-aos-delay="{{loop.index*200}}">
  36.                         <div class="eohroc pa-3">
  37.                             <div class="bgp-center bgs-cover w-100 he-300-lg he-250-md he-200-sm he-250"
  38.                                  style="background-image:url({{ category.categoryFileName ? asset(vich_uploader_asset(category, 'categoryFile'))|imagine_filter('medium') : asset('assets/img/sans-img-1-dmd-inox.jpg')|imagine_filter('medium') }})">
  39.                             </div>
  40.                         </div>
  41.                         <h3 class="mat-25 mab-15">
  42.                             <a href="{{ getProductUrl(null, true, category) }}" class="ydgpat animate-link-href">
  43.                                 {{ category.title }}
  44.                             </a>
  45.                         </h3>
  46.                         {% for key, subCategory in getSubCategories(category.id, 5) %}
  47.                             <div>
  48.                                 <a href="{{ getProductUrl(null, true, null, subCategory) }}" class="likdef mab-8 animate-link-href">
  49.                                     {{ subCategory.title }}
  50.                                 </a>
  51.                             </div>
  52.                         {% endfor %}
  53.                         <div class="mat-10">
  54.                             <a href="{{ getProductUrl(null, true, category) }}" class="cilnwu animate-link-href">
  55.                                 <i class="fa fa-arrow-right mar-5"></i>
  56.                                 {{ "landing.categories.see_all_products"|trans|raw }}
  57.                             </a>
  58.                         </div>
  59.                     </div>
  60.                 {% endfor %}
  61.             </div>
  62.         </div>
  63.         <div class="position-absolute cmnbyc l-0 w-100">
  64.             {% include "front/fabMesure.html.twig" %}
  65.         </div>
  66.     </section>
  67.     <section class="container pat-30 pab-100 text-center text-sm-left">
  68.         <div class="subtitle"  data-aos="fade-up"  data-aos-duration="800" >
  69.             {{ "landing.applications.subtitle"|trans|raw }}
  70.         </div>
  71.         <h2 class="title mab-15 wljxwg"  data-aos="fade-up"  data-aos-duration="800" data-aos-delay="200">
  72.             {{ "landing.applications.title"|trans|raw }}
  73.         </h2>
  74.         <div class="content1 mab-24"  data-aos="fade-up"  data-aos-duration="800" data-aos-delay="400">
  75.             {{ "landing.applications.intro"|trans|raw }}
  76.         </div>
  77.         <div class="row"  data-aos="fade-up"  data-aos-duration="800">
  78.             {% set hideAppNavs = (applications|length <= 4) %}
  79.             {% include "front/slid-nav.html.twig" with {'sliderClass':"ehtwbz", "hide":hideAppNavs} %}
  80.             <div class="col-{{ hideAppNavs ? "12" : "10" }}">
  81.                 <div class="ehtwbz">
  82.                     {% include "front/applicationsList.html.twig" %}
  83.                 </div>
  84.             </div>
  85.             {% include "front/slid-nav.html.twig" with {'isRight':1, 'sliderClass':"ehtwbz", "hide":hideAppNavs} %}
  86.         </div>
  87.     </section>
  88.     <section class="position-relative mab-100">
  89.         <div class="bgp-center bgs-cover w-100 h-100 position-absolute t-0 b-0"
  90.              style="background-image:url({{ asset('assets/img/lanabbg1.png')|imagine_filter('large') }})">
  91.         </div>
  92.         <div class="container pay-100 text-center text-sm-left">
  93.             <div class="row">
  94.                 <div class="col-md-8 col-sm-7 par-80-md">
  95.                     <div class="subtitle"  data-aos="fade-right"  data-aos-duration="800">
  96.                         {{ "landing.about.subtitle"|trans|raw }}
  97.                     </div>
  98.                     <h2 class="title2 lgrmkj mab-30" data-aos="fade-right"  data-aos-duration="800" data-aos-delay="200">
  99.                         {{ "landing.about.title"|trans|raw }}
  100.                     </h2>
  101.                     <div class="eerghp mab-35" data-aos="fade-right"  data-aos-duration="800" data-aos-delay="400">
  102.                         {{ "landing.about.content"|trans|nl2br }}
  103.                     </div>
  104.                     <div data-aos="fade-right"  data-aos-duration="800" data-aos-delay="600">
  105.                         <a href="{{ path('front_presentation') }}" class="btn btn2">
  106.                             <i class="fa fa-arrow-right mar-5"></i>
  107.                             {{ "landing.about.btn"|trans|raw }}
  108.                         </a>
  109.                     </div>
  110.                 </div>
  111.                 <div class="col-md-4 col-sm-5 mihe-300 mat-30 mat-0-sm" data-aos="fade-left"  data-aos-duration="800" data-aos-delay="800">
  112.                     <div class="bgp-center bgs-cover w-100 h-100"
  113.                          style="background-image:url({{ asset('assets/img/lanabphot.png')|imagine_filter('large') }})">
  114.                     </div>
  115.                 </div>
  116.             </div>
  117.         </div>
  118.     </section>
  119.     <section class="position-relative pab-70 ">
  120.         <img src="{{ asset('assets/img/lapostbg.png')|imagine_filter('large') }}" alt="DMD INOX"
  121.              class="w-100 position-absolute t-0"/>
  122.         <div class="container">
  123.             <div class="row mab-30">
  124.                 <div class="col-sm-7" data-aos="fade-right"  data-aos-duration="800">
  125.                     <div class="subtitle text-center text-sm-left">
  126.                         {{ "landing.posts.subtitle"|trans|raw }}
  127.                     </div>
  128.                     <h2 class="title mab-0 text-center text-sm-left">
  129.                         {{ "landing.posts.title"|trans|raw }}
  130.                     </h2>
  131.                 </div>
  132.                 <div data-aos="fade-left"  data-aos-duration="800" class="col-sm-5 d-flex align-items-end justify-content-end justify-content-center-sm mat-15 mat-0-sm">
  133.                     <a href="{{ path('front_posts') }}" class="btn btn2">
  134.                         <i class="fa fa-arrow-right mar-5"></i>
  135.                         {{ "landing.posts.btn"|trans|raw }}
  136.                     </a>
  137.                 </div>
  138.             </div>
  139.             {% include "front/postsList.html.twig" with {'landing':1} %}
  140.         </div>
  141.     </section>
  142.     <section class="bgc-F1F5F6 mab-200 text-center text-sm-left">
  143.         <div class="container pat-100 pab-180 position-relative">
  144.             <div class="row align-items-center">
  145.                 <div class="col-md-3 col-sm-4" data-aos="fade-down"  data-aos-duration="800">
  146.                     <img src="{{ asset('assets/img/landown.svg') }}" alt="DMD INOX" class="w-100 mawi-300 mx-auto-sm"/>
  147.                 </div>
  148.                 <div class="col-md-9 col-sm-8 pal-50-md may-20 may-0-md">
  149.                     <h2 class="title mab-15" data-aos="fade-up"  data-aos-duration="800">
  150.                         {{ "landing.download.title"|trans|raw }}
  151.                     </h2>
  152.                     <div class="content1 mab-24"  data-aos="fade-up"  data-aos-duration="800" data-aos-delay="200">
  153.                         {{ "landing.download.content"|trans|raw }}
  154.                     </div>
  155.                     <div  data-aos="fade-up"  data-aos-duration="800" data-aos-delay="400">
  156.                         <a href="{{ path('front_documents') }}" class="btn btn2">
  157.                             <i class="fa fa-arrow-right mar-5"></i>
  158.                             {{ "landing.download.btn"|trans|raw }}
  159.                         </a>
  160.                     </div>
  161.                 </div>
  162.             </div>
  163.             {% set lanDownArgs = [
  164.                 {"img":asset('assets/img/landownargprod.svg'),"title":"landing.download.arg.product.title"|trans},
  165.                 {"img":asset('assets/img/fabrication-sur-mesure.svg'),"title":"landing.download.arg.fab.title"|trans},
  166.                 {"img":asset('assets/img/landownargecou.svg'),"title":"landing.download.arg.ecoute.title"|trans},
  167.                 {"img":asset('assets/img/landownargqual.svg'),"title":"landing.download.arg.quality.title"|trans},
  168.             ] %}
  169.             <div class="row position-absolute b--130 lanDownArgs w-100">
  170.                 {% for key, lanDownArg in lanDownArgs %}
  171.                     <div class="col-sm-3 col-6 align-items-center d-flex flex-column mab-20 mab-0-sm" data-aos="fade-left"  data-aos-duration="800" data-aos-delay="{{loop.index*200}}">
  172.                         <div class="mab-15 bgc-{{ key is even ? "06303E" : "65B3CD" }} wi-140-lg wi-110 he-140-lg he-110 d-flex align-items-center justify-content-center pa-35-lg pa-20">
  173.                             <img src="{{ lanDownArg.img }}" alt="{{ lanDownArg.title }}"
  174.                                  class="w-auto mahep-100 of-contain"/>
  175.                         </div>
  176.                         <div class="jhuqnn text-center">
  177.                             {{ lanDownArg.title }}
  178.                         </div>
  179.                     </div>
  180.                 {% endfor %}
  181.             </div>
  182.         </div>
  183.     </section>
  184.     {% include "front/partnersList.html.twig" %}
  185.     {% include "front/testimonials.html.twig" %}
  186. {% endblock %}