templates/Layout/Include/mvo.html.twig line 1

Open in your IDE?
  1. <section class="section mvo-container includer">
  2.     <div class="mvo-container__imgright" style="background-image: url({{ contentblock(page.mvoReference).upload|url }})">
  3.         {% if contentblock(page.mvoReference).link is not empty %}
  4.             <div class="trigger play-vimeo"><i class="fa-solid fa-play"></i></div>
  5.             <div class="vimeo-popover" popover>
  6.                 <div class="stripes"></div>
  7.                 <iframe
  8.                     title="vimeo-player"
  9.                     src="https://player.vimeo.com/video/{{ contentblock(page.mvoReference).link|raw }}"
  10.                     width="640" height="360"
  11.                     frameborder="0"
  12.                     referrerpolicy="strict-origin-when-cross-origin"
  13.                     allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share"
  14.                     allowfullscreen>
  15.                 </iframe>
  16.             </div>
  17.         {% endif %}
  18.     </div>
  20.     <div class="mvo-content_wrapper">
  21.         <div class="container">
  22.             <div class="row">
  23.                 <div class="col-12 col-lg-6">
  24.                     <div class="section-title_wrapper">
  25.                         <h2 class="section-title">{{ contentblock(page.mvoReference).title }}</h2>
  26.                     </div>
  27.                     <div class="section-content_wrapper">
  28.                         <div class="section-content__inner">
  29.                             {{ contentblockhtml(page.mvoReference) }}
  30.                         </div>
  31.                     </div>
  32.                 </div>
  33.                 <div class="col-12 col-lg-6">
  34.                     <figure class="mvo-image">
  35.                         <img src="{{ contentblock(page.mvoReference).upload|url }}" alt="{{ contentblock(page.mvoReference).imageAlt }}" title="{{ contentblock(page.mvoReference).imageTitle}}" >
  36.                         {% if contentblock(page.mvoReference).link is not empty %}
  37.                             <div class="trigger play-vimeo"><i class="fa-solid fa-play"></i></div>
  38.                         {% endif %}
  39.                     </figure>
  40.                 </div>
  41.             </div>
  42.         </div>
  43.     </div>
  44. </section>