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