{{> organisms-header }}

<div class="container container--default py-8 lg:py-24">
  <main>
    <div class="lg:flex lg:space-x-8 xl:space-x-16">
      <section class="lg:w-3/5 xl:w-2/3">
        <h1 class="head-alt-md md:head-alt-lg max-w-5xl mb-4">Řízení a organizační struktura města</h1>
        <p class="font-bold text-lg leading-normal mb-8">{{ excerpt.medium }}</p>
        {{> molecules-content-block(classes: "w-full", noStartHeadline: true) }}
      </section>
      <section class="pt-8 lg:w-2/5 xl:w-1/3 lg:pt-0">
        <div class="lg:card lg:elevation-10">
          <div class="lg:card__body">
            {{> molecules-condensed-badge(occupation: "Garant") }}
            <hr />
            <div class="content-block">
              <h2>Volby</h2>
              <h3>Program na radnici</h3>
              {{> atoms-linked-unordered-list }}
              <hr />
              <h3>Program pro Pardubice V</h3>
              {{> atoms-linked-unordered-list }}
              <hr />
              <h3>Povolební strategie</h3>
              <p>Přečtěte si, jak se zachováme po volbách. Nemusíte volit zajíce v pytli.</p>
              {{> atoms-icon-button(cta: "Zjistit víc", icon: "ico--chevron-right", classes: "btn--black btn--hoveractive btn--fullwidth md:btn--autowidth") }}
              <hr />
              <h3>Financování kampaně</h3>
              <p>Transparentní financování kampaně je pro nás samozřejmost.</p>
              {{> atoms-icon-button(cta: "Zjistit víc", icon: "ico--chevron-right", classes: "btn--black btn--hoveractive btn--fullwidth md:btn--autowidth") }}
            </div>
          </div>
        </div>
      </section>
    </div>
  </main>
</div>

{{> organisms-footer }}
