detail-program-pirati-stan.mustache

{{> organisms-navbar-pirati-stan }}

<div class="container container-default container-collapsible pt-4 pb-20">

  <div class="w-full lg:w-4/6 relative container-collapsible-content" style="max-height: 250vh;">

        {{> molecules-floating-nav-pirati-stan}}
        
        <header class="w-full md:w-5/6">
            {{> atoms-breadcrumbs }}
            <div class="mt-10 md:mt-12">
                <h1 class="head-alt-md md:head-alt-lg head-alt-highlighted">konstruktivní boj <br>proti dezinformacím</h1>
                <h2 class="head-alt-sm md:head-alt-md mb-20 mt-9"><div class="leading-tight">Dezinformacím věří až čtvrtina občanů České republiky. Prosadíme větší osvětu a reálnou právní odpovědnost dezinformátorů.</div></h2>
            </div>
        </header>


        <div class="problem-pack">
            {{> molecules-problems-pirati-stan}}
        </div>

        <h3 class="head-alt-base mb-8">Navrhovaná opatření:</h3>

        {{> atoms-unordered-list-checks-pirati-stan(label: "Profesní vzdělávání učitelů a ředitelů:")}}

        {{> atoms-unordered-list-checks-pirati-stan}}

        {{> atoms-unordered-list-checks-pirati-stan}}

        <div class="grid grid-cols-1 gap-8 mt-20">


            {{> organisms-countdown-small-pirati-stan }}
            
            {{> atoms-colored-card(classes: "card--hoveractive", bodyClasses: "p-4", title: "Časový horizont:" )}}

            
        </div>

        <h3 class="head-alt-base mb-8 mt-20">Časový horizont</h3>


        {{> atoms-steps-list }}

        {{> atoms-figure(caption: "Popisek fotky") }}


        <h3 class="head-alt-base mb-8 mt-20">BENEFITY</h3>
        <div class="program-detail-benefity grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8">
            {{> molecules-benefits-pirati-stan}}
            {{> molecules-benefits-pirati-stan}}
            {{> molecules-benefits-pirati-stan}}
            {{> molecules-benefits-pirati-stan}}
        </div>
        <div class="program-detail-benefity mt-8 grid grid-cols-1 sm:grid-cols-2 gap-4 lg:gap-8">
            {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
            {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
            {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
            {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
            {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
            {{> atoms-colored-card(cardColor: "acidgreen", classes: "text-black card--hoveractive", bodyClasses: "p-4", title: "Ekonomicky ohrožení" )}}
        </div>