newsletter-section.mustache

<div class="section-clip bg-cover bg-no-repeat flex pb-32 xl:pb-0 xl:min-h-screen relative z-10">
  <img src="../../images/background-images/bg-bartos-newsletter.jpg" alt="" class="absolute h-full w-full object-cover">
  <div class="grid-container mt-20 xl:mt-0 xl:items-center z-10">
    <div class="grid-full newsletter-grid">
      <i class="newsletter-grid__icon ico--anchor text-7xl xl:text-9xl xl:w-full"></i>
      <span class="newsletter-grid__additional-text uppercase text-xl xl:text-base font-bold mb-2 xl:w-full">
            Fake news tam nenajdeš, ale dozvíš se co chystáme doopravdy!
          </span>
      <h5 class="newsletter-grid__main-text font-alt text-6xl xl:text-7xl uppercase">Odebírej náš newsletter</h5>
      <div class="newsletter-grid__input flex flex-col items-start">
        <form method="post" class="w-full max-w-md" action=".">
          {{> atoms-form-input(placeholder: "Tvůj email", classes: "mb-3 w-full") }}
          {{> atoms-form-checkbox(label: "Souhlasím se zpracováním osobních údajů", classes: "mb-3") }}
          {{> atoms-form-button-animated(btn-text: "Odebírat") }}
        </form>
      </div>
    </div>
  </div>
</div>