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

Open in your IDE?
  1. <div class="visuals">
  3.     <div class="visual-image_home">
  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.                 <img src="{{ asset('build/images/zuidema-homebanner.webp') }}" alt="Zuidema groep" class="img-fluid">
  15.             </div>
  17.         {% endfor %}
  19.         <div class="visual-image_img" >
  20.             <!--<img src="{#{ src }#}" alt="{#{ alt }#}" style="{#{ style|join(';') }#}" />-->
  21.             <!--<img src="{#{ asset('build/images/hero.jpg') }#}" alt="Zuidema groep" class="">-->
  22.             <video autoplay muted loop class="video">
  23.                 <source src="{{ asset('build/videos/Zuidema-groep.mp4') }}" type="video/mp4">
  24.                 <img src="{{ asset('build/images/zuidema-homebanner.webp') }}" title="Your browser does not support the <video> tag" />
  25.             </video>
  26.         </div>
  27.         <div class="visual-image_img-mobile" >
  28.             <figure>
  29.                 <img src="{{ asset('build/images/mobile-home.webp') }}" title="Zuidema" style="width: 100%;" />
  30.             </figure>
  31.         </div>
  33.     </div>
  34.     <div class="visual-gradient"></div>
  35.     <div class="visual-black"></div>
  36.     <div class="visual-overlay"></div>
  38.     <div class="visual-content">
  39.         <span id="type" class="visual-title">
  40.         </span>
  41.         <ul><li>Specialisten</li><li>Vakmanschap</li><li>duurzaamheid</li><li>betrokkenheid</li></ul>
  42.     </div>
  44.     <div class="scroll-down">
  45.         <a href="#expertise">
  46.             <img src="{{ asset('build/images/scroll.svg') }}" class="scroll" alt="scroll down" />
  47.         </a>
  48.     </div>
  50. </div>