templates/pages/blocks/hero-hp-section.html.twig line 1

Open in your IDE?
  1. <!-- ======= Hero Section ======= -->
  2. <section class="hero  w-full md:h-screen-1/2flex flex-col justify-end text-center relative z-10" style='background: linear-gradient(
  3.     180deg,rgba(0, 0, 0, 0.8) 0%, rgba(0, 0, 0, 0) 20.69%   )'>
  4.     <div class="absolute -z-0 top-0 left-0 right-0 bottom-0 ">
  5.         {% if content.cover_hp and content.cover_hp is defined %}
  6.         <img class="w-full h-full min-w-full object-cover " src="{{ content.cover_hp.thumbnails['2880x1160'] }}" alt="">
  7.         {% endif %}
  8.         {% if content.cover_video_hp and content.cover_video_hp is defined %}
  9.             <video class="w-full h-full min-w-full object-cover " src="{{ content.cover_video_hp.url }}" playsinline autoplay
  10.                 muted loop>
  11.             </video>
  12.         {% endif %}
  13.     </div>
  14.     {% if content.cover_title is defined %}
  15.     <div class="relative z-20 overflow-hidden">
  16.         <h2 class="text-">{{ content.cover_title }}</h2>
  17.     </div>
  18.     {% endif %}
  19. </section>
  20. <!-- End Hero -->