newsletter-section.mustache

<div class="section-clip py-32 bg-no-repeat"
     style="background-image: url('https://i.picsum.photos/id/630/1980/1400.jpg?hmac=WjDo021fzd9SaIlmsi9LtZJApZ02RMzdG0bYLx8iXOo')">
  <div class="container--middle mx-auto px-4 ">
    <div class="w-6/12 flex flex-col">
      <div class="flex mb-4">
        <i class="ico--anchor text-9xl mb-4 w-1/4"></i>
        <h5 class="uppercase mt-4 head-alt-md w-3/4 md:head-alt-lg">Odebírej náš newsletter</h5>
      </div>
      <div class="flex">
          <span class="uppercase font-bold w-1/4">
            Fake news tam nenajdeš, ale dozvíš se co chystáme doopravdy!
          </span>
        <div class="w-3/4">
          {{> 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-button-animated(btn-text: "Odebírat") }}
        </div>
      </div>
    </div>
    <div></div>
  </div>
</div>