templates/front/heroes/hero-expertise.html.twig line 1

Open in your IDE?
  1. {% set isExpertise = page.type == 'expertise' %}
  3. <div class="hero-expertise">
  4.     <div class="fluid-grid lg:pt-13">
  5.         <div class="row relative z-1">
  6.             <div class="col-12 lg-col-6">
  7.                 {% include 'front/partials/breadcrumb.html.twig' with {theme: 'white' } %}
  9.                 <div class="hero-expertise__left">
  10.                     <span class="hero__round {{ isExpertise ? 'hero__round--big' : 'hero__round--small' }} hero__round--violet-dark text-orange icon-center">{{ isExpertise ? 'Expertise' : 'Emploi & formation' }}</span>
  11.                     <h1 class="font-semibold title--XL -mt-3 lg:mt-0 pt-9 md:pt-8">{{ page.title }}</h1>
  13.                     {% if page.description is defined and page.description is not null %}
  14.                         <div class="wysiwyg paragraph paragraph--L mt-6">
  15.                             {{ page.description|raw }}
  16.                         </div>
  17.                     {% endif %}
  18.                 </div>
  19.             </div>
  20.             <div class="col-12 lg-col-6 hero__right hero__right--expertise order-first lg:order-last">
  21.                 <div class="hero__pic-wrap hero__pic-wrap--border">
  22.                     {% if properties.image.singleMedia is defined and properties.image.singleMedia.publicId is not null %}
  23.                         <picture>
  24.                             <source media="(max-width: 420px)"
  25.                                     srcset="{{ cloudinary_media(properties.image.singleMedia, 'fl_progressive,f_auto,c_fill,q_auto,w_388,h_322') }} 1x, {{ cloudinary_media(properties.image.singleMedia, 'fl_progressive,f_auto,c_fill,q_auto,w_388,h_322,dpr_2') }} 2x">
  26.                             <source media="(max-width: 767px)"
  27.                                     srcset="{{ cloudinary_media(properties.image.singleMedia, 'fl_progressive,f_auto,c_fill,q_auto,w_740,h_636') }} 1x, {{ cloudinary_media(properties.image.singleMedia, 'fl_progressive,f_auto,c_fill,q_auto,w_740,h_636,dpr_2') }} 2x">
  28.                             <source media="(max-width: 1023px)"
  29.                                     srcset="{{ cloudinary_media(properties.image.singleMedia, 'fl_progressive,f_auto,c_fill,q_auto,w_988,h_875') }} 1x, {{ cloudinary_media(properties.image.singleMedia, 'fl_progressive,f_auto,c_fill,q_auto,w_988,h_875,dpr_2') }} 2x">
  30.                             <source media="(max-width: 1279px)"
  31.                                     srcset="{{ cloudinary_media(properties.image.singleMedia, 'fl_progressive,f_auto,c_fill,q_auto,w_910,h_910') }} 1x, {{ cloudinary_media(properties.image.singleMedia, 'fl_progressive,f_auto,c_fill,q_auto,w_910,h_910,dpr_2') }} 2x">
  32.                             <source media="(min-width: 1280px)"
  33.                                     srcset="{{ cloudinary_media(properties.image.singleMedia, 'fl_progressive,f_auto,c_fill,q_auto,w_1050,h_1050') }} 1x, {{ cloudinary_media(properties.image.singleMedia, 'fl_progressive,f_auto,c_fill,q_auto,w_1050,h_1050,dpr_2') }} 2x">
  34.                             <img class="object-fit-image absolute" height="1050" width="1050"
  35.                                  src="{{ cloudinary_media(properties.image.singleMedia, 'fl_progressive,f_auto,q_auto,c_fill,w_1050,h_1050') }}"
  36.                                  alt="{{ properties.image.singleMedia.alt }}">
  37.                         </picture>
  38.                     {% endif %}
  39.                 </div>
  40.             </div>
  41.         </div>
  42.     </div>
  43. </div>