Skip to content
Snippets Groups Projects
Select Git revision
  • eb2b19dcfbc4cc1a505ca62c8b8e92fe70973ca2
  • test default protected
  • master protected
  • feat/custom-css
  • feat/redesign-improvements-10
  • feat/redesign-improvements-8
  • feat/redesign-fixes-3
  • feat/pirstan-changes
  • feat/separate-import-thread
  • feat/dary-improvements
  • features/add-pdf-page
  • features/add-typed-table
  • features/fix-broken-calendar-categories
  • features/add-embed-to-articles
  • features/create-mastodon-feed-block
  • features/add-custom-numbering-for-candidates
  • features/add-timeline
  • features/create-wordcloud-from-article-page
  • features/create-collapsible-extra-legal-info
  • features/extend-hero-banner
  • features/add-link-to-images
21 results

newsletter-section.mustache

Blame
  • user avatar
    Štěpán Farka authored
    d5a8946e
    History
    newsletter-section.mustache 1.10 KiB
    <div class="section-clip bg-cover bg-no-repeat flex pb-32 xl:pb-0 xl: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 flex flex-col xl:flex-row">
          <div class="flex xl:flex-col items-center mb-4 xl:items-start xl:w-1/4">
            <i class="ico--anchor mr-2 text-7xl xl:mr-0 xl:text-9xl xl:mb-4 xl:w-full"></i>
            <span class="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>
          </div>
          <div class="flex flex-col items-start">
            <h5 class="font-alt text-6xl xl:text-7xl uppercase">Odebírej náš <br> newsletter</h5>
            {{> 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>