templates/partials/global/content-feature.html.twig line 1

Open in your IDE?
  1. {% if showBlock is defined and showBlock == true %}
  2.     <section class="content-feature" id="{{ experience.blockAnchor2 }}">
  3.         <picture-component class="js-picture-component" :image="{{ picture_data(experience.blockImage2, null) }}"></picture-component>
  5.         <div class="container lazy-animation">
  6.             <h3 class="content-feature--title title-p1">{{ experience.blockTitle2 }}</h3>
  7.             {% if experience is instance_of('App\\Entity\\Landing') and isDefinedAndNotEmpty(experience.blockSubtitle2) %}
  8.                 <div class="content-feature--subtitle subtitle-caps">{{ experience.blockSubtitle2 }}</div>
  9.             {% endif %}
  10.             <div class="content-feature--text">
  11.                 {{ experience.blockContent2 | raw }}
  12.                 {#<a href="" class="content-feature--link">#}
  13.                 {#descarga nuestras rutinas#}
  14.                 {#{% include 'partials/global/svg/arrow-right.svg.twig' %}#}
  15.                 {#</a>#}
  16.             </div>
  17.             <div class="introduction--main-link">
  18.                 {% if experience.ctaFileTitle2 %}
  19.                     <a class="button green is-dark" target="_blank" href="{{ experience.ctaFile2|file_url }}">
  20.                         <span>{{ experience.ctaFileTitle2 }}</span>
  21.                     </a>
  22.                 {% endif %}
  24.                 {% if experience.secondCtaFileTitle2 %}
  25.                     <a class="button green is-dark" target="_blank" href="{{ experience.secondCtaFile2|file_url }}">
  26.                         <span>{{ experience.secondCtaFileTitle2 }}</span>
  27.                     </a>
  28.                 {% endif %}
  30.                 {% if experience.thirdCtaFileTitle2 %}
  31.                     <a class="button green is-dark" target="_blank" href="{{ experience.thirdCtaFile2|file_url }}">
  32.                         <span>{{ experience.thirdCtaFileTitle2 }}</span>
  33.                     </a>
  34.                 {% endif %}
  35.             </div>
  36.             <div class="introduction--links">
  37.                 {% if experience.popUpTitle2 %}
  38.                     <a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
  39.                         <span>{{ experience.popUpTitle2 }}</span>
  40.                     </a>
  41.                 {% endif %}
  43.                 {% if experience.secondPopUpTitle2 %}
  44.                     <a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
  45.                         <span>{{ experience.secondPopUpTitle2 }}</span>
  46.                     </a>
  47.                 {% endif %}
  49.                 {% if experience.thirdPopUpTitle2 %}
  50.                     <a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
  51.                         <span>{{ experience.thirdPopUpTitle2 }}</span>
  52.                     </a>
  53.                 {% endif %}
  55.                 {% if experience.ctaLinkTitle2 %}
  56.                     <a class="link black" href="{{ experience.ctaLink2 }}" target="_blank">
  57.                         <span>{{ experience.ctaLinkTitle2 }}</span>
  58.                     </a>
  59.                 {% endif %}
  61.                 {% if experience.secondCtaLinkTitle2 %}
  62.                     <a class="link black" href="{{ experience.secondCtaLink2 }}" target="_blank">
  63.                         <span>{{ experience.secondCtaLinkTitle2 }}</span>
  64.                     </a>
  65.                 {% endif %}
  67.                 {% if experience.thirdCtaLinkTitle2 %}
  68.                     <a class="link black" href="{{ experience.thirdCtaLink2 }}" target="_blank">
  69.                         <span>{{ experience.thirdCtaLinkTitle2 }}</span>
  70.                     </a>
  71.                 {% endif %}
  73.             </div>
  74.         </div>
  76.         {% if experience.popUpTitle2 %}
  77.             <div class="introduction--gallery js-gallery-container">
  78.                 <div class="introduction--gallery-content">
  79.                     <div class="introduction--gallery-slider js-gallery-slider">
  80.                         {% for gallery in experience.popUpGallery2.galleryHasMedias %}
  81.                             {% if gallery.media is youtubeVideo %}
  82.                                 <a data-src="{{ gallery.media|media_url }}">
  83.                                     <img src="{{ get_thumbnail_url(gallery.media) }}">
  84.                                 </a>
  85.                             {% else %}
  86.                                 <a data-src="{{ gallery.media|resize(1280)|file_url }}">
  87.                                     <img src="{{ gallery.media|resize(1280)|file_url }}">
  88.                                 </a>
  89.                             {% endif %}
  90.                         {% endfor %}
  91.                     </div>
  92.                 </div>
  93.             </div>
  94.         {% endif %}
  96.         {% if experience.secondPopUpTitle2 %}
  97.             <div class="introduction--gallery js-gallery-container">
  98.                 <div class="introduction--gallery-content">
  99.                     <div class="introduction--gallery-slider js-gallery-slider">
  100.                         {% for gallery in experience.secondPopUpGallery2.galleryHasMedias %}
  101.                             {% if gallery.media is youtubeVideo %}
  102.                                 <a data-src="{{ gallery.media|media_url }}">
  103.                                     <img src="{{ get_thumbnail_url(gallery.media) }}">
  104.                                 </a>
  105.                             {% else %}
  106.                                 <a data-src="{{ gallery.media|resize(1280)|file_url }}">
  107.                                     <img src="{{ gallery.media|resize(1280)|file_url }}">
  108.                                 </a>
  109.                             {% endif %}
  110.                         {% endfor %}
  111.                     </div>
  112.                 </div>
  113.             </div>
  114.         {% endif %}
  116.         {% if experience.thirdPopUpTitle2 %}
  117.             <div class="introduction--gallery js-gallery-container">
  118.                 <div class="introduction--gallery-content">
  119.                     <div class="introduction--gallery-slider js-gallery-slider">
  120.                         {% for gallery in experience.thirdPopUpGallery2.galleryHasMedias %}
  121.                             {% if gallery.media is youtubeVideo %}
  122.                                 <a data-src="{{ gallery.media|media_url }}">
  123.                                     <img src="{{ get_thumbnail_url(gallery.media) }}">
  124.                                 </a>
  125.                             {% else %}
  126.                                 <a data-src="{{ gallery.media|resize(1280)|file_url }}">
  127.                                     <img src="{{ gallery.media|resize(1280)|file_url }}">
  128.                                 </a>
  129.                             {% endif %}
  130.                         {% endfor %}
  131.                     </div>
  132.                 </div>
  133.             </div>
  134.         {% endif %}
  135.     </section>
  136. {% endif %}