<div class="footer-section section-clip bg-cover bg-no-repeat flex"
     style="background-image: url('https://images.pexels.com/photos/3073681/pexels-photo-3073681.jpeg')">
  <div class="container--medium mx-auto px-4 ">
    <div class="flex flex-col lg:w-7/12">
      <div class="flex mb-4">
        <i class="ico--anchor text-7xl sm: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 text-sm sm:text-base">
            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>