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

Open in your IDE?
  1. {% if showBlock is defined and showBlock == true %}
  2.     {% if experience.blockImage4 %}
  3.         <section class="content-feature" id="{{ experience.blockAnchor4 }}">
  4.             <picture-component class="js-picture-component is-absolute" :image="{{ picture_data(experience.blockImage4, null, null) }}"></picture-component>
  5.             <div class="container lazy-animation">
  6.                 <h3 class="content-feature--title title-p1">{{ experience.blockTitle4 }}</h3>
  7.                 {% if experience is instance_of('App\\Entity\\Landing') and isDefinedAndNotEmpty(experience.blockSubtitle4) %}
  8.                     <div class="content-feature--subtitle subtitle-caps">{{ experience.blockSubtitle4 }}</div>
  9.                 {% endif %}
  10.                 <div class="content-feature--text">
  11.                     {{ experience.blockContent4 | 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.ctaFileTitle4 %}
  19.                         <a class="button green is-dark" target="_blank" href="{{ experience.ctaFile4|file_url }}">
  20.                             <span>{{ experience.ctaFileTitle4 }}</span>
  21.                         </a>
  22.                     {% endif %}
  23.                     {% if experience.secondCtaFileTitle4 %}
  24.                         <a class="button green is-dark" target="_blank" href="{{ experience.secondCtaFile4|file_url }}">
  25.                             <span>{{ experience.secondCtaFileTitle4 }}</span>
  26.                         </a>
  27.                     {% endif %}
  28.                     {% if experience.thirdCtaFileTitle4 %}
  29.                         <a class="button green is-dark" target="_blank" href="{{ experience.thirdCtaFile4|file_url }}">
  30.                             <span>{{ experience.thirdCtaFileTitle4 }}</span>
  31.                         </a>
  32.                     {% endif %}
  33.                 </div>
  34.                 <div class="introduction--links">
  35.                     {% if experience.popUpTitle4 %}
  36.                         <a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
  37.                             <span>{{ experience.popUpTitle4 }}</span>
  38.                         </a>
  39.                     {% endif %}
  40.                     {% if experience.secondPopUpTitle4 %}
  41.                         <a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
  42.                             <span>{{ experience.secondPopUpTitle4 }}</span>
  43.                         </a>
  44.                     {% endif %}
  45.                     {% if experience.thirdPopUpTitle4 %}
  46.                         <a href="#" class="introduction--link-gallery link black js-gallery-open" data-dest="introduction--gallery">
  47.                             <span>{{ experience.thirdPopUpTitle4 }}</span>
  48.                         </a>
  49.                     {% endif %}
  50.                     {% if experience.ctaLinkTitle4 %}
  51.                         <a class="link black" href="{{ experience.ctaLink4 }}" target="_blank">
  52.                             <span>{{ experience.ctaLinkTitle4 }}</span>
  53.                         </a>
  54.                     {% endif %}
  55.                     {% if experience.secondCtaLinkTitle4 %}
  56.                         <a class="link black" href="{{ experience.secondCtaLink4 }}" target="_blank">
  57.                             <span>{{ experience.secondCtaLinkTitle4 }}</span>
  58.                         </a>
  59.                     {% endif %}
  60.                     {% if experience.thirdCtaLinkTitle4 %}
  61.                         <a class="link black" href="{{ experience.thirdCtaLink4 }}" target="_blank">
  62.                             <span>{{ experience.thirdCtaLinkTitle4 }}</span>
  63.                         </a>
  64.                     {% endif %}
  65.                 </div>
  66.             </div>
  67.             {% if experience.popUpTitle4 %}
  68.                 <div class="introduction--gallery js-gallery-container">
  69.                     <div class="introduction--gallery-content">
  70.                         <div class="introduction--gallery-slider js-gallery-slider">
  71.                             {% for gallery in experience.popUpGallery4.galleryHasMedias %}
  72.                                 {% if gallery.media is youtubeVideo %}
  73.                                     <a data-src="{{ gallery.media|media_url }}">
  74.                                         <img src="{{ get_thumbnail_url(gallery.media) }}">
  75.                                     </a>
  76.                                 {% else %}
  77.                                     <a data-src="{{ gallery.media|resize(1280)|file_url }}">
  78.                                         <img src="{{ gallery.media|resize(1280)|file_url }}">
  79.                                     </a>
  80.                                 {% endif %}
  81.                             {% endfor %}
  82.                         </div>
  83.                     </div>
  84.                 </div>
  85.             {% endif %}
  86.             {% if experience.secondPopUpTitle4 %}
  87.                 <div class="introduction--gallery js-gallery-container">
  88.                     <div class="introduction--gallery-content">
  89.                         <div class="introduction--gallery-slider js-gallery-slider">
  90.                             {% for gallery in experience.secondPopUpGallery4.galleryHasMedias %}
  91.                                 {% if gallery.media is youtubeVideo %}
  92.                                     <a data-src="{{ gallery.media|media_url }}">
  93.                                         <img src="{{ get_thumbnail_url(gallery.media) }}">
  94.                                     </a>
  95.                                 {% else %}
  96.                                     <a data-src="{{ gallery.media|resize(1280)|file_url }}">
  97.                                         <img src="{{ gallery.media|resize(1280)|file_url }}">
  98.                                     </a>
  99.                                 {% endif %}
  100.                             {% endfor %}
  101.                         </div>
  102.                     </div>
  103.                 </div>
  104.             {% endif %}
  105.             {% if experience.thirdPopUpTitle4 %}
  106.                 <div class="introduction--gallery js-gallery-container">
  107.                     <div class="introduction--gallery-content">
  108.                         <div class="introduction--gallery-slider js-gallery-slider">
  109.                             {% for gallery in experience.thirdPopUpGallery4.galleryHasMedias %}
  110.                                 {% if gallery.media is youtubeVideo %}
  111.                                     <a data-src="{{ 'https://www.youtube.com/watch?v='~gallery.media.providerReference }}">
  112.                                         <img src="{{ gallery.media|resize(1280)|file_url }}">
  113.                                     </a>
  114.                                 {% else %}
  115.                                     <a data-src="{{ gallery.media|resize(1280)|file_url }}">
  116.                                         <img src="{{ gallery.media|resize(1280)|file_url }}">
  117.                                     </a>
  118.                                 {% endif %}
  119.                             {% endfor %}
  120.                         </div>
  121.                     </div>
  122.                 </div>
  123.             {% endif %}
  124.         </section>
  125.     {% endif %}
  126. {% endif %}