templates/VisualMediaVisualBundle/views/Visual/vacancyvisual.html.twig line 1

Open in your IDE?
  1. <div class="visuals">
  2.     <div class="visual-image">
  3.         {% for visual in visuals %}
  4.             {% set src = visual.upload|url({ width: 1920 }) %}
  5.             {% set style = [
  6.                 'width: 100vw',
  7.             ] %}
  8.             {% set alt = visual.imageAlt %}
  9.             {% set title = visual.imageTitle %}
  10.             <div class="visual-image_img">
  11.                 <!--<img src="{#{ src }#}" alt="{#{ alt }#}" style="{#{ style|join(';') }#}" />-->
  12.                 <figure>
  13.                     <img src="{{ contentblock('werken-bij-video').upload|url }}" alt="Zuidema groep" class="img-fluid">
  14.                 </figure>
  15.                 <div class="trigger play-vimeo"><i class="fa-solid fa-play"></i></div>
  16.             </div>
  17.             <div class="vimeo-popover" popover>
  18.             <div class="stripes"></div>
  19.             <iframe
  20.                 title="vimeo-player"
  21.                 src="https://player.vimeo.com/video/{{ contentblock('werken-bij-video').link|raw }}"
  22.                 width="640" height="360" frameborder="0"
  23.                 referrerpolicy="strict-origin-when-cross-origin"
  24.                 allow="autoplay; fullscreen; picture-in-picture; clipboard-write; encrypted-media; web-share"
  25.                 allowfullscreen>
  26.             </iframe>
  27.             </div>
  28.         {% endfor %}
  29.         <div class="visual-image_img-mobile" >
  30.             <img src="{{ asset('build/images/mobile-home.jpg') }}" title="Zuidema" style="width: 100%;" />
  31.         </div>
  32.     </div>
  33.     <div class="visual-gradient"></div>
  34.     {# <div class="visual-black"></div> #}
  35.     {# <div class="visual-overlay"></div> #}
  36.     <div class="visual-content vacancy">
  37.         <span id="type-vacancy" class="visual-title">
  38.         </span>
  39.     </div>
  40.     <div class="scroll-down">
  41.         <a href="#expertise">
  42.             <img src="{{ asset('build/images/scroll.svg') }}" class="scroll" alt="scroll down" />
  43.         </a>
  44.     </div>
  45. </div>