templates/includes/blocks/heroEstimate.html.twig line 1

Open in your IDE?
  1. <section class="hero-section relative h-screen min-h-[600px] bg-blue text-white pt-[88px] lg:pt-28"
  2.   section-shade="transparent">
  3.   <div class="big-container h-full">
  4.     <div
  5.       class="relative flex flex-col md:justify-end pt-10 pb-28 md:w-10/12 lg:w-9/12 xl:w-7/12 max-w-[690px] h-full z-10">
  6.       <div class="hero-uppertitle uppertitle"
  7.         fade
  8.         fade-trigger="none">
  9.         <i></i>
  10.         {{ content.heroSectionSubTitle }}
  11.       </div>
  12.       <h1 class="hero-title h1 mt-6"
  13.         split-direction="bottom"
  14.         split-trigger="none">
  15.         {{ content.heroSectionTitle }}
  16.       </h1>
  17.     </div>
  18.   </div>
  19.   <div
  20.     class="absolute md:top-0 bottom-0 left-4 md:left-auto right-0 min-h-[240px] h-[45vh] md:h-auto md:w-10/12 max-w-[1920px]  pointer-events-none">
  21.     <div class="hero-img-wrapp relative h-full opacity-60 overflow-hidden"
  22.       style="clip-path: polygon(0% 0%, 33.3% 0%, 33.3% 100%, 34.3% 100%, 34.3% 12%, 66.6% 12%, 66.6% 100%, 67.6% 100%, 67.6% 23%, 100% 23%, 100% 100%, 0% 100%)">
  23.       {% if content.heroSectionImages|length > 0 %}
  24.         {% set image = content.heroSectionImages.thumbnails['1700x1000'] %}
  25.       <img class="hero-img opacity-0 scale-[1.4] w-full h-full object-cover"
  26.         src="{{ content.heroSectionImages.url }}"
  27.         alt="Estimation" />
  28.       {% endif %}
  29.     </div>
  30.   </div> 
  31. </section>