elections-candidates.mustache

{{> organisms-header }}
{{> organisms-elections-hero }}

<div class="container container--default pt-8 lg:py-24">
  <div class="text-center">
    {{> molecules-binary-switch(cta1: "Kandidáti", cta2: "Program") }}
  </div>

  <h1 class="head-alt-md text-center py-8 lg:pt-24 lg:pb-8">Kandidátka do krajských voleb</h1>

  <div class="candidate-card-list grid-cols-1 sm:grid-cols-2 md:grid-cols-3 lg:grid-cols-4">
    {{> molecules-candidate-card(wrapperClasses: "sm:candidate-card-list__item-wrapper") }}
    {{> molecules-candidate-card(wrapperClasses: "sm:candidate-card-list__item-wrapper sm:candidate-card-list__item-wrapper--noborder md:candidate-card-list__item-wrapper--border") }}
    {{> molecules-candidate-card(wrapperClasses: "sm:candidate-card-list__item-wrapper md:candidate-card-list__item-wrapper--noborder lg:candidate-card-list__item-wrapper--border") }}
    {{> molecules-candidate-card(wrapperClasses: "sm:candidate-card-list__item-wrapper sm:candidate-card-list__item-wrapper--noborder md:candidate-card-list__item-wrapper--border lg:candidate-card-list__item-wrapper--noborder") }}
    {{> molecules-candidate-card(wrapperClasses: "sm:candidate-card-list__item-wrapper md:candidate-card-list__item-wrapper--border") }}
    {{> molecules-candidate-card(wrapperClasses: "sm:candidate-card-list__item-wrapper sm:candidate-card-list__item-wrapper--noborder lg:candidate-card-list__item-wrapper--border") }}
    {{> molecules-candidate-card(wrapperClasses: "sm:candidate-card-list__item-wrapper") }}
    {{> molecules-banner(color: "bg-black", fullwidthButton: true, classes: "container-padding--zero sm:container-padding--auto")}}
  </div>

  <div class="candidate-table candidate-table--fadeout pt-8 container-padding--zero lg:container-padding--auto">
    {{> molecules-candidate-table-row }}
    {{> molecules-candidate-table-row }}
    {{> molecules-candidate-table-row }}
    {{> molecules-candidate-table-row }}
    {{> molecules-candidate-table-row }}
    {{> molecules-candidate-table-row }}
    {{> molecules-candidate-table-row }}
    {{> molecules-candidate-table-row }}
    {{> molecules-candidate-table-row }}
    {{> molecules-candidate-table-row }}
  </div>

  <div class="text-center pt-8">
    {{> atoms-icon-button(cta: "Zobrazit vše", classes: "text-xl btn--black btn--hoveractive", icon: "fas fa-chevron-right") }}
  </div>

  <div class="flex flex-col pt-8 lg:pt-24 lg:flex-row lg:space-x-8">
    {{> atoms-super-button(cta: "Povolební strategie", icon: "fa fa-chess", classes: "bg-grey-125 hover:bg-black hover:text-white lg:w-full container-padding--zero lg:container-padding--auto") }}
    {{> atoms-super-button(cta: "Financování kampaně", icon: "fa fa-calculator", classes: "bg-black text-white hover:bg-grey-125 hover:text-black lg:w-full container-padding--zero lg:container-padding--auto") }}
  </div>
</div>

{{> organisms-footer }}