templates/front/header.html.twig line 1

Open in your IDE?
  1. {% set page = getPage(app.request.attributes.get("_controller")) %}
  2. <section class="position-relative ">
  3.     <div class=" d-flex  align-items-stretch header"
  4.          >
  5.         <div class="col-lg-7 col-md-6 position-relative background overflow-hidden" {% if page and page.headerImgFileName %}style="background-image:url({{ asset(vich_uploader_asset(page, 'headerImgFile'))|imagine_filter('large') }})"{% else %}style="background-image:url({{ img }})" {% endif %}>
  6.             {% include "front/square.html.twig" with {"class" : "square1","aos":"up"} %}
  7.             {% include "front/square.html.twig" with {"class" : "square2","aos":"down"} %}
  8.             {% include "front/square.html.twig" with {"class" : "square3","aos":"up"} %}
  9.             <div data-aos="fade-up-right"  data-aos-duration="800" data-aos-delay="1000" class="circle-dashed equal-height zi-9"></div>
  10.             <div data-aos="fade-left"  data-aos-duration="800" data-aos-delay="1000" class="position-absolute r-0 w-25 t-40 dashed-custom d-none d-md-block " ></div>
  11.             <div data-aos="fade-right"  data-aos-duration="800" data-aos-delay="1000" class="position-absolute l-0 w-75 t-40 bts-solid d-none d-md-block btw-1 bc-white "></div>
  12.             <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>
  13.         </div>
  14.         <div class="col-lg-5 col-md-6 text-center text-md-left justify-content-center-md bgc-06303E col-header pax-80-xl par-70-lg pal-40-lg pax-50 pay-65 d-flex align-items-center position-relative">
  15.             <div data-aos="fade-left"  data-aos-duration="800" data-aos-delay="1000"  class="position-absolute r-0 l-0 t-40 dashed-custom o-20"></div>
  16.             <div data-aos="fade-down"  data-aos-duration="800" data-aos-delay="1000"  class="position-absolute t-0 b-0 r-60 brw-1 brs-solid bc-D8DFE2 o-20"></div>
  17.             <div class="position-relative  zi-99">
  18.                 <div data-aos="fade-down"  data-aos-duration="800" data-aos-delay="200" class="subtitle text-uppercase mab-10">
  19.                     {{ subtitle|raw|trans|raw }}
  20.                 </div>
  21.                 <h1 data-aos="fade-down"  data-aos-duration="800"  class="title mawi-380 mab-20 c-white">
  22.                     {{ title|raw|trans|raw }}
  23.                 </h1>
  24.                 {#  <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">
  25.                       {{ landingSlider.description }}
  26.                   </div>#}
  27.                 <a data-aos="fade-up"  data-aos-duration="800" data-aos-delay="600" class="btn btn2 pointer" data-href="#menu-ariane">
  28.                     <i class="fa-solid fa-arrow-right mar-10-xl mar-5" aria-hidden="true"></i>
  29.                     {{ btn|trans|raw }}
  30.                 </a>
  31.             </div>
  32.         </div>
  33.     </div>
  34. </section>