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

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