templates/partials/experience/introduction2.html.twig line 1

Open in your IDE?
  1. <section class="introduction type-2" id="{{ experience.blockAnchor3 }}">
  2.     <div class="container">
  3.         <div class="introduction--media">
  4.             {% if experience.blockGallery3 %}
  5.                 {% for galleryHasMedia in experience.blockGallery3.galleryHasMedias %}
  6.                     <div class="introduction {{ loop.first ? 'is-medium' : 'is-small' }} lazy-animation">
  7.                         <picture-component class="js-picture-component is-absolute" :image="{{ picture_data(galleryHasMedia.media, null) }}"></picture-component>
  8.                     </div>
  9.                 {% endfor %}
  10.             {% endif %}
  11.         </div>
  12.         <div class="introduction--content lazy-animation">
  13.             <h3 class="introduction--title">{{ experience.blockTitle3 }}</h3>
  14.             <div class="introduction--text">{{ experience.blockContent3 | raw }}</div>
  16.             <div class="introduction--main-link">
  17.                 {% if experience.ctaFileTitle3 %}
  18.                     <a class="button green is-dark" target="_blank" href="{{ experience.ctaFile3|file_url }}">
  19.                         <span>{{ experience.ctaFileTitle3 }}</span>
  20.                     </a>
  21.                 {% endif %}
  23.                 {% if experience.secondCtaFileTitle3 %}
  24.                     <a class="button green is-dark" target="_blank" href="{{ experience.secondCtaFile3|file_url }}">
  25.                         <span>{{ experience.secondCtaFileTitle3 }}</span>
  26.                     </a>
  27.                 {% endif %}
  29.                 {% if experience.thirdCtaFileTitle3 %}
  30.                     <a class="button green is-dark" target="_blank" href="{{ experience.thirdCtaFile3|file_url }}">
  31.                         <span>{{ experience.thirdCtaFileTitle3 }}</span>
  32.                     </a>
  33.                 {% endif %}
  34.             </div>
  35.             <div class="introduction--links">
  36.                 {% if experience.popUpTitle3 %}
  37.                     <a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
  38.                         <span>{{ experience.popUpTitle3 }}</span>
  39.                     </a>
  40.                 {% endif %}
  42.                 {% if experience.secondPopUpTitle3 %}
  43.                     <a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
  44.                         <span>{{ experience.secondPopUpTitle3 }}</span>
  45.                     </a>
  46.                 {% endif %}
  48.                 {% if experience.thirdPopUpTitle3 %}
  49.                     <a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
  50.                         <span>{{ experience.thirdPopUpTitle3 }}</span>
  51.                     </a>
  52.                 {% endif %}
  54.                 {% if experience.ctaLinkTitle3 %}
  55.                     <a class="link black" href="{{ experience.ctaLink3 }}" target="_blank">
  56.                         <span>{{ experience.ctaLinkTitle3 }}</span>
  57.                     </a>
  58.                 {% endif %}
  60.                 {% if experience.secondCtaLinkTitle3 %}
  61.                     <a class="link black" href="{{ experience.secondCtaLink3 }}" target="_blank">
  62.                         <span>{{ experience.secondCtaLinkTitle3 }}</span>
  63.                     </a>
  64.                 {% endif %}
  66.                 {% if experience.thirdCtaLinkTitle3 %}
  67.                     <a class="link black" href="{{ experience.thirdCtaLink3 }}" target="_blank">
  68.                         <span>{{ experience.thirdCtaLinkTitle3 }}</span>
  69.                     </a>
  70.                 {% endif %}
  71.             </div>
  72.         </div>
  74.         {% if experience.popUpTitle3 %}
  75.             <div class="introduction--gallery js-gallery-container">
  76.                 <div class="introduction--gallery-content">
  77.                     <div class="introduction--gallery-slider js-gallery-slider">
  78.                         {% for media in experience.popUpGallery3.medias %}
  79.                             {% if media is youtubeVideo %}
  80.                                 <a data-src="{{ media|media_url }}" >
  81.                                     <img src="{{ get_thumbnail_url(media) }}" >
  82.                                 </a>
  83.                             {% else %}
  84.                                 <a data-src="{{ media|resize(1280)|file_url }}" >
  85.                                     <img src="{{ media|resize(1280)|file_url }}" >
  86.                                 </a>
  87.                             {% endif %}
  88.                         {% endfor %}
  89.                     </div>
  90.                 </div>
  91.             </div>
  92.         {% endif %}
  94.         {% if experience.secondPopUpTitle3 %}
  95.             <div class="introduction--gallery js-gallery-container">
  96.                 <div class="introduction--gallery-content">
  97.                     <div class="introduction--gallery-slider js-gallery-slider">
  98.                         {% for media in experience.secondPopUpGallery3.medias %}
  99.                             {% if media is youtubeVideo %}
  100.                                 <a data-src="{{ media|media_url }}" >
  101.                                     <img src="{{ get_thumbnail_url(media) }}" >
  102.                                 </a>
  103.                             {% else %}
  104.                                 <a data-src="{{ media|resize(1280)|file_url }}" >
  105.                                     <img src="{{ media|resize(1280)|file_url }}" >
  106.                                 </a>
  107.                             {% endif %}
  108.                         {% endfor %}
  109.                     </div>
  110.                 </div>
  111.             </div>
  112.         {% endif %}
  114.         {% if experience.thirdPopUpTitle3 %}
  115.         <div class="introduction--gallery js-gallery-container">
  116.             <div class="introduction--gallery-content">
  117.                 <div class="introduction--gallery-slider js-gallery-slider">
  118.                     {% for gallery in experience.thirdPopUpGallery3.galleryHasMedias %}
  119.                         {% if gallery.media is youtubeVideo %}
  120.                             <a data-src="{{ 'https://www.youtube.com/watch?v='~gallery.media.providerReference }}" >
  121.                                 <img src="{{ gallery.media|resize(1280)|file_url }}" >
  122.                             </a>
  123.                         {% else %}
  124.                             <a data-src="{{ gallery.media|resize(1280)|file_url }}" >
  125.                                 <img src="{{ gallery.media|resize(1280)|file_url }}" >
  126.                             </a>
  127.                         {% endif %}
  128.                     {% endfor %}
  129.                 </div>
  130.             </div>
  131.         </div>
  132.         {% endif %}
  133.     </div>
  134. </section>