templates/front/landingSlider.html.twig line 1

Open in your IDE?
  1. <section class="position-relative section-lan">
  2.     {% set hideProdNavs = (getLandingSliders()|length <= 1) %}
  3.     {% include "front/slid-nav2.html.twig" with {"hide":hideProdNavs,"sliderClass" :"lan-slid"} %}
  4.     <div class="landing-slider">
  5.         {% for key, landingSlider in getLandingSliders() %}
  6.             <div class=" d-flex text-center text-md-left  align-items-stretch slide-landing position-relative"
  7.                  >
  8.                 <div class="col-lg-7 col-md-6 position-relative background overflow-hidden" style="background-image:url({{ asset(vich_uploader_asset(landingSlider, 'landingSliderFile')) }})">
  9.                     {% include "front/square.html.twig" with {"class" : "square1","aos":"up"} %}
  10.                     {% include "front/square.html.twig" with {"class" : "square2","aos":"down"} %}
  11.                     {% include "front/square.html.twig" with {"class" : "square3","aos":"up"} %}
  12.                     <div data-aos="fade-up-right"  data-aos-duration="800" data-aos-delay="1000" class="circle-dashed equal-height zi-9"></div>
  13.                     <div data-aos="fade-left"  data-aos-duration="800" data-aos-delay="1000" class="position-absolute r-0 w-25 t-75-xl t-50 d-none d-md-block dashed-custom" ></div>
  14.                     <div data-aos="fade-right"  data-aos-duration="800" data-aos-delay="1000" class="position-absolute l-0 w-75 t-75-xl t-50 d-none d-md-block bts-solid btw-1 bc-white "></div>
  15.                     <div data-aos="fade-up"  data-aos-duration="800" data-aos-delay="1000" class="position-absolute t-0 b-0 rp-25 brs-solid d-none d-md-block brw-1 bc-white "></div>
  16.                 </div>
  17.                 <div class="col-lg-5 col-md-6 bgc-06303E col-header pax-80-xl par-70-lg pal-40-lg par-50 pal-20 pay-80-xl pay-70 d-flex align-items-center positio-relative">
  18.                     <div data-aos="fade-left"  data-aos-duration="800" data-aos-delay="1000"  class="position-absolute r-0 l-0 t-75-xl t-50 dashed-custom o-20"></div>
  19.                     <div data-aos="fade-down"  data-aos-duration="800" data-aos-delay="1000"  class="position-absolute t-0 b-0 r-75 brw-1 brs-solid bc-D8DFE2 o-20"></div>
  20.                     <div>
  21.                         <div data-aos="fade-down"  data-aos-duration="800" data-aos-delay="200" class="subtitle text-uppercase mab-10">
  22.                             {{ landingSlider.subtitle }}
  23.                         </div>
  24.                         <div data-aos="fade-down"  data-aos-duration="800"  class="title mawi-380 mx-auto-md mab-20 c-white">
  25.                             {{ landingSlider.title|raw }}
  26.                         </div>
  27.                         <div data-aos="fade-left"  data-aos-duration="800" data-aos-delay="400" class="c-D8DFE2 pax-20 paragraph may-24 blw-1 bls-solid bc-65B3CD">
  28.                             {{ landingSlider.description }}
  29.                         </div>
  30.                         {% if landingSlider.link and landingSlider.linkTitle %}
  31.                             <a data-aos="fade-up"  data-aos-duration="800" data-aos-delay="600" class="btn btn2" href="{{ landingSlider.link }}">
  32.                                 <i class="fa-solid fa-arrow-right mar-10" aria-hidden="true"></i>
  33.                                 {{ landingSlider.linkTitle }}
  34.                             </a>
  35.                         {% endif %}
  36.                     </div>
  37.                 </div>
  38.             </div>
  39.         {% endfor %}
  40.     </div>
  41.     {% include "front/slid-nav2.html.twig" with {'isRight':1, "hide":hideProdNavs,"sliderClass" :"lan-slid"} %}
  42. </section>