Pattern Library

<div
  class="newsletter-section newsletter-section--small"
  style="background-image:url('../../../../../static/images/background-images/bg-newsletter.webp')"
>
  <div class="container--medium py-16">
    <h2 class="head-9xl">
      {{ header }}
    </h2>
    <p class="xl:mt-[-1rem]">
      {{ section_label }}
    </p>

    <div class="flex flex-col gap-2 mt-4 items-start">
      {% include 'patterns/atoms/form_fields/form_input_backgroundless.html' with placeholder='Tvůj email' classes='mb-3 w-full md:w-96' %}
      {% include 'patterns/atoms/form_fields/form_checkbox.html' with label='Souhlasím se zpracováním osobních údajů' classes='mb-3' %}
      {% include 'patterns/atoms/buttons/round_button.html' with button_text='Odebírat' %}
    </div>
  </div>
</div>