<header class="gov-header">
    <div class="gov-header__divider">
        <div class="gov-header__content">
            <gov-flex justify-content="space-between" align-items="center" responsive="false">
                <a href="/" class="gov-header__logo" aria-label="Zpět na úvodní stránku">
                    <gov-flex align-items="center" gap="s" responsive="false">
                        <svg width="40" height="40" viewBox="0 0 40 41" fill="none" xmlns="http://www.w3.org/2000/svg">
                            <path d="M29.9996 30.6162V33.9503H28.3332V35.6167H26.6655V40.6172H24.9991V38.9508H23.3328V40.6172H21.6664V37.2831H23.3328V35.6167H24.9991V32.2839H23.3328V27.2834H20V32.2839H9.99914V30.6162H8.33276V28.9498H10.833V27.2834H12.4994V28.9498H14.9996V23.9506H21.6664V22.2829H20V20.6165H14.9996V22.2829H13.3332V20.6165H11.6655V22.2829H8.33276V23.9506H6.66638V22.2829H5V18.9501H6.66638V17.2837H8.33276V18.9501H9.99914V17.2837H13.3332V15.6173H11.6655V13.9497H9.99914V12.2833H6.66638V10.6169H8.33276V7.28407H6.66638V5.61639H9.99914V3.94999H11.6655V5.61639H13.3332V7.28407H11.6655V8.95047H13.3332V10.6169H14.9996V12.2833H16.666V10.6169H18.3323V8.95047H21.6664V7.28407H18.3323V5.61639H20V3.94999H24.9991V5.61639H26.6655V3.94999H28.3332V2.28359H29.9996V10.6169H28.3332V8.95047H26.6655V10.6169H28.3332V12.2833H26.6655V13.9497H24.9991V15.6173H26.6655V17.2837H24.9991V22.2829H26.6655V23.9506H28.3332V25.617H29.9996V23.9506H28.3332V20.6165H29.9996V18.9501H31.666V20.6165H33.3323V22.2829H31.666V25.617H33.3323V27.2834H34.9987V28.9498H31.666V30.6162H29.9996V28.9498H28.3332V27.2834H26.6655V30.6162H29.9996ZM24.9991 2.28359H20V0.617188H24.9991V2.28359ZM14.9996 7.28279H16.666V8.94918H14.9996V7.28279ZM26.6668 20.6165L26.6655 17.2837H28.3319V20.6165H26.6668ZM28.3332 17.2825V12.2833H29.9996V17.2825H28.3332ZM33.3323 20.6165V17.2837H34.9987V20.6165H33.3323ZM31.666 17.2825V12.2833H33.3323V17.2837L31.666 17.2825ZM33.3336 10.6169H35V12.2833H33.3323L33.3336 10.6169ZM33.3323 3.94999H34.9987V8.95047H33.3323L33.3336 10.6169H31.666V2.28359H33.3323V3.94999ZM29.9996 10.6169H31.666V12.2833H29.9996V10.6169ZM23.3328 33.9503V35.6167H21.6664V33.9503H23.3328ZM9.99914 32.2852V33.9516H8.33276V32.2852H9.99914Z" fill="currentColor" />
                        </svg> <span>Název úřadu</span>
                    </gov-flex>
                </a>
                <gov-flex class="gov-header__mobile" align-items="center" gap="s" responsive="false">
                    <gov-button color="primary" size="m" type="base" aria-label="Přihlásit se">
                        <gov-icon type="templates" name="person-fill" slot="icon-start" color="primary" size="m"></gov-icon>

                    </gov-button>
                    <gov-button color="primary" size="m" type="base" aria-label="Otevřít hlavní navigaci" class=" js-gov-header__navigation-trigger">
                        <gov-icon type="templates" name="list" slot="icon-start" color="primary" size="m"></gov-icon>

                    </gov-button>
                </gov-flex>
            </gov-flex>
            <form role="search" id="search" class="gov-search gov-search--fixed-width">
                <gov-form-control>
                    <gov-form-search size="m" color="neutral" aria-autocomplete="list" aria-haspopup="menu" aria-controls="suggestions" aria-expanded="true">
                        <gov-form-input slot="input" size="m" placeholder="Hledejte v názvu, obsahu..." aria-label="Vyhledávání v obsahu webu" input-type="search">
                            <gov-icon type="templates" name="search" slot="icon-start"></gov-icon>
                        </gov-form-input>
                        <gov-button color="neutral" size="s" type="base" aria-label="Odstranit zadaný výraz" slot="button">
                            <gov-icon type="templates" name="x" slot="icon-start"></gov-icon>

                        </gov-button>
                        <gov-button color="primary" size="s" type="solid" aria-label="Vyhledat zadaný výraz" native-type="submit" slot="button">
                            <gov-icon type="templates" name="search" slot="icon-start"></gov-icon>

                        </gov-button>
                    </gov-form-search>
                </gov-form-control>
            </form>
            <gov-flex class="gov-header__action" justify-content="space-between" align-items="center" gap="m">
                <gov-button color="primary" size="m" type="solid" aria-label="Přihlášení do klientské zóny">
                    Přihlásit se

                </gov-button>
                <gov-button color="primary" size="m" type="base" aria-label="Click to change language to English">
                    <gov-icon type="templates" name="flag" slot="icon-start"></gov-icon>
                    English

                </gov-button>
                <gov-theme-switch size="m" aria-label="Přepínač barevného schématu stránky"></gov-theme-switch>
            </gov-flex>
        </div>
    </div>
    <div class="gov-header__navigation js-gov-header__navigation">
        <nav class="gov-navigation" aria-label="Hlavní navigace" id="main-navigation">
            <ul>
                <li class="gov-navigation--has-megamenu">
                    <gov-button type="base" color="primary" size="l" aria-expanded="false" aria-controls="subnav0" aria-label="Úřad">
                        Úřad
                        <gov-icon slot="icon-end" type="templates" name="chevron-down" size="l"></gov-icon>
                    </gov-button>
                    <ul class="gov-mega-menu" id="megamenu0" hidden aria-hidden="true">
                        <li class="gov-mega-menu__heading">
                            <a href="#">
                                <span>
                                    <gov-icon type="templates" name="briefcase" size="m"></gov-icon>
                                    Heading item
                                </span>
                            </a>
                            <ul>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li class="gov-mega-menu__more"><a href="#">+ Další</a></li>
                            </ul>
                        </li>
                        <li class="gov-mega-menu__heading">
                            <a href="#">
                                <span>
                                    <gov-icon type="templates" name="briefcase" size="m"></gov-icon>
                                    Heading item
                                </span>
                            </a>
                            <ul>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li class="gov-mega-menu__more"><a href="#">+ Další</a></li>
                            </ul>
                        </li>
                        <li class="gov-mega-menu__heading">
                            <a href="#">
                                <span>
                                    <gov-icon type="templates" name="briefcase" size="m"></gov-icon>
                                    Heading item
                                </span>
                            </a>
                            <ul>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                            </ul>
                        </li>
                        <li class="gov-mega-menu__heading">
                            <a href="#">
                                <span>
                                    <gov-icon type="templates" name="briefcase" size="m"></gov-icon>
                                    Heading item
                                </span>
                            </a>
                            <ul>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li class="gov-mega-menu__more"><a href="#">+ Další</a></li>
                            </ul>
                        </li>
                        <li class="gov-mega-menu__heading">
                            <a href="#">
                                <span>
                                    <gov-icon type="templates" name="briefcase" size="m"></gov-icon>
                                    Heading item
                                </span>
                            </a>
                            <ul>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li class="gov-mega-menu__more"><a href="#">+ Další</a></li>
                            </ul>
                        </li>
                        <li class="gov-mega-menu__heading">
                            <a href="#">
                                <span>
                                    <gov-icon type="templates" name="briefcase" size="m"></gov-icon>
                                    Heading item
                                </span>
                            </a>
                            <ul>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                            </ul>
                        </li>
                        <li class="gov-mega-menu__heading">
                            <a href="#">
                                <span>
                                    <gov-icon type="templates" name="briefcase" size="m"></gov-icon>
                                    Heading item
                                </span>
                            </a>
                            <ul>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                            </ul>
                        </li>
                        <li class="gov-mega-menu__heading">
                            <a href="#">
                                <span>
                                    <gov-icon type="templates" name="briefcase" size="m"></gov-icon>
                                    Heading item
                                </span>
                            </a>
                            <ul>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                                <li><a href="#">Menu item</a></li>
                            </ul>
                        </li>
                    </ul>
                </li>
                <li>
                    <a href="#">Menu item</a>
                </li>
                <li>
                    <a href="#">Menu item</a>
                </li>
                <li>
                    <a href="#">Menu item</a>
                </li>
                <li>
                    <gov-button type="base" color="primary" size="l" aria-expanded="false" aria-controls="subnav4" aria-label="Tisk a média">
                        Tisk a média
                        <gov-icon slot="icon-end" type="templates" name="chevron-down" size="l"></gov-icon>
                    </gov-button>
                    <ul class="gov-subnavigation" id="subnav4" hidden aria-hidden="true">
                        <li><a href="#">Menu item</a></li>
                        <li><a href="#">Menu item</a></li>
                    </ul>
                </li>
                <li>
                    <a href="#">Kontakty</a>
                </li>
                <li class="gov-mobile-only">
                    <gov-button color="primary" size="l" type="base" aria-label="Click to change language to English">
                        English

                    </gov-button>
                </li>
                <li class="gov-navigation__item gov-mobile-only">
                    <gov-theme-switch size="m" display-label="true"></gov-theme-switch>
                </li>
            </ul>
        </nav>
    </div>
</header>

<gov-container id="main">
    <main>

        <header class="gov-page-heading">
            <gov-flex direction="column" gap="l">
                <gov-breadcrumbs aria-hidden="true">
                    <ul>
                        <li>
                            <a href="#">
                                Domů
                            </a>
                        </li>
                        <li>
                            <gov-icon type="components" name="chevron-right"></gov-icon>
                            <a href="#">
                                První úroveň
                            </a>
                        </li>
                        <li>
                            <gov-icon type="components" name="chevron-right"></gov-icon>
                            <a href="#">
                                Druhá úroveň
                            </a>
                        </li>
                        <li>
                            <gov-icon type="components" name="chevron-right"></gov-icon>
                            <strong>Nadpis článku</strong>
                        </li>
                    </ul>
                </gov-breadcrumbs>
                <h1>Aktuality</h1>
            </gov-flex>
        </header>

        <gov-flex direction="column" gap="xl">
            <section aria-label="Počet aktualit a jejich řazení">
                <gov-flex gap="m" justify-content="space-between" align-items="center">
                    <span>190 článků</span>
                    <gov-button color="primary" size="m" type="solid" class=" gov-mobile-only gov-button-text-left" expanded="true">
                        <gov-icon type="templates" name="sliders" slot="icon-start"></gov-icon>
                        Filtrovat aktuality

                    </gov-button>
                    <gov-dialog id="dialog" accessible-close-label="Zavřít dialog s filtry">
                        <h3 slot="title">Filtry</h3>
                        <form class="gov-filters">
                            <gov-flex direction="column" gap="s">
                                <fieldset>
                                    <legend class="gov-filters__heading" aria-label="">Název filtru</legend>
                                    <ul class="gov-list--plain">
                                        <li>
                                            <gov-form-checkbox size="m" value="Hodnota">
                                                <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                            </gov-form-checkbox>
                                        </li>
                                        <li>
                                            <gov-form-checkbox size="m" value="Hodnota">
                                                <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                            </gov-form-checkbox>
                                        </li>
                                        <li>
                                            <gov-form-checkbox size="m" value="Hodnota">
                                                <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                            </gov-form-checkbox>
                                        </li>
                                    </ul>
                                </fieldset>
                                <fieldset>
                                    <legend class="gov-filters__heading" aria-label="">Název filtru</legend>
                                    <ul class="gov-list--plain">
                                        <li>
                                            <gov-form-radio size="m" name="example" value="Hodnota">
                                                <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                            </gov-form-radio>
                                        </li>
                                        <li>
                                            <gov-form-radio size="m" name="example" value="Hodnota">
                                                <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                            </gov-form-radio>
                                        </li>
                                        <li>
                                            <gov-form-radio size="m" name="example" value="Hodnota">
                                                <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                            </gov-form-radio>
                                        </li>
                                        <li>
                                            <gov-form-radio size="m" name="example" value="Hodnota">
                                                <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                            </gov-form-radio>
                                        </li>
                                    </ul>
                                </fieldset>
                                <fieldset>
                                    <legend class="gov-filters__heading" aria-label="">Název filtru</legend>
                                    <ul class="gov-list--plain">
                                        <li>
                                            <gov-form-checkbox size="m" value="Hodnota">
                                                <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                            </gov-form-checkbox>
                                        </li>
                                        <li>
                                            <gov-form-checkbox size="m" value="Hodnota">
                                                <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                            </gov-form-checkbox>
                                        </li>
                                        <li>
                                            <gov-form-checkbox size="m" value="Hodnota">
                                                <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                            </gov-form-checkbox>
                                        </li>
                                        <li>
                                            <gov-form-checkbox size="m" value="Hodnota">
                                                <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                            </gov-form-checkbox>
                                        </li>
                                        <li>
                                            <gov-form-checkbox size="m" value="Hodnota">
                                                <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                            </gov-form-checkbox>
                                        </li>
                                    </ul>
                                </fieldset>

                                <fieldset>
                                    <legend class="gov-sr-only">Další filtry aktualit</legend>
                                    <gov-accordion size="m" no-border>
                                        <gov-accordion-item>
                                            <span slot="label">Název filtru</span>
                                            <ul class="gov-list--plain">
                                                <li>
                                                    <gov-form-checkbox size="m" value="Hodnota">
                                                        <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                                    </gov-form-checkbox>
                                                </li>
                                                <li>
                                                    <gov-form-checkbox size="m" value="Hodnota">
                                                        <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                                    </gov-form-checkbox>
                                                </li>
                                                <li>
                                                    <gov-form-checkbox size="m" value="Hodnota">
                                                        <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                                    </gov-form-checkbox>
                                                </li>
                                            </ul>
                                        </gov-accordion-item>
                                        <gov-accordion-item>
                                            <span slot="label">Název filtru</span>
                                            <ul class="gov-list--plain">
                                                <li>
                                                    <gov-form-radio name="example" size="m" value="Hodnota">
                                                        <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                                    </gov-form-radio>
                                                </li>
                                                <li>
                                                    <gov-form-radio name="example" size="m" value="Hodnota">
                                                        <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                                    </gov-form-radio>
                                                </li>
                                                <li>
                                                    <gov-form-radio name="example" size="m" value="Hodnota">
                                                        <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                                    </gov-form-radio>
                                                </li>
                                                <li>
                                                    <gov-form-radio name="example" size="m" value="Hodnota">
                                                        <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                                    </gov-form-radio>
                                                </li>
                                            </ul>
                                        </gov-accordion-item>
                                        <gov-accordion-item>
                                            <span slot="label">Název filtru</span>
                                            <ul class="gov-list--plain">
                                                <li>
                                                    <gov-form-checkbox size="m" value="Hodnota">
                                                        <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                                    </gov-form-checkbox>
                                                </li>
                                                <li>
                                                    <gov-form-checkbox size="m" value="Hodnota">
                                                        <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                                    </gov-form-checkbox>
                                                </li>
                                                <li>
                                                    <gov-form-checkbox size="m" value="Hodnota">
                                                        <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                                    </gov-form-checkbox>
                                                </li>
                                                <li>
                                                    <gov-form-checkbox size="m" value="Hodnota">
                                                        <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                                    </gov-form-checkbox>
                                                </li>
                                                <li>
                                                    <gov-form-checkbox size="m" value="Hodnota">
                                                        <gov-form-label size="m" slot="label">Hodnota (10)</gov-form-label>
                                                    </gov-form-checkbox>
                                                </li>
                                            </ul>
                                        </gov-accordion-item>
                                    </gov-accordion>
                                </fieldset>
                            </gov-flex>
                        </form>
                        <gov-button color="error" size="m" type="base" expanded="true" slot="footer">
                            Zrušit filtry

                        </gov-button>
                        <gov-button color="primary" size="m" type="solid" expanded="true" slot="footer">
                            Zobrazit výsledky (96)

                        </gov-button>
                    </gov-dialog>
                    <gov-dropdown class="gov-mobile-only" aria-label="Výběr způsobu řazení aktualit">
                        <gov-button color="primary" size="m" type="outlined" class=" gov-button-text-left" expanded="true">
                            <gov-icon type="templates" name="sort-down" slot="icon-start"></gov-icon>

                            <span class="gov-text-weight--normal">Řazení:</span> Podle data

                        </gov-button>
                        <ul slot="list" role="menu">
                            <li role="presentation">
                                <gov-button color="neutral" size="m" type="base" expanded="true" role="menuitem">
                                    Nejčastěji navštěvované

                                </gov-button>
                            </li>
                            <li role="presentation">
                                <gov-button color="neutral" size="m" type="base" expanded="true" role="menuitem">
                                    Online vyřízení jako první

                                </gov-button>
                            </li>
                            <li role="presentation">
                                <gov-button color="neutral" size="m" type="base" expanded="true" role="menuitem">
                                    Podle názvu (od A po Z)

                                </gov-button>
                            </li>
                        </ul>
                    </gov-dropdown>
                    <gov-dropdown position="right" class="gov-desktop-only" aria-label="Výběr způsobu řazení aktualit">
                        <gov-button color="primary" size="m" type="base">

                            <span class="gov-text-weight--normal">Řazení:</span> Podle data

                            <gov-icon type="templates" name="chevron-down" slot="icon-end"></gov-icon>
                        </gov-button>
                        <ul slot="list" role="menu">
                            <li role="presentation">
                                <gov-button color="neutral" size="m" type="base" expanded="true" role="menuitem">
                                    Nejčastěji navštěvované

                                </gov-button>
                            </li>
                            <li role="presentation">
                                <gov-button color="neutral" size="m" type="base" expanded="true" role="menuitem">
                                    Online vyřízení jako první

                                </gov-button>
                            </li>
                            <li role="presentation">
                                <gov-button color="neutral" size="m" type="base" expanded="true" role="menuitem">
                                    Podle názvu (od A po Z)

                                </gov-button>
                            </li>
                        </ul>
                    </gov-dropdown>
                </gov-flex>
            </section>

            <section aria-label="Výpis článků">
                <gov-flex direction="column" gap="xl">
                    <gov-grid gap="l" class="gov-card-grid">
                        <gov-grid-item col-span="12" col-span-md="6" col-span-lg="4">

                            <article>
                                <gov-card href="#" aria-labelledby="aktualita1">
                                    <picture slot="img">
                                        <source srcset="/assets/documents.avif" type="image/avif">
                                        <source srcset="/assets/documents.webp" type="image/webp">
                                        <img src="/assets/documents.jpg" alt="" width="800" height="533" />
                                    </picture>
                                    <gov-flex gap="s" direction="column">
                                        <header>
                                            <gov-flex gap="s" direction="column">
                                                <h2 id="aktualita1" class=" gov-card__headline">Nový systém hlášení přestupků na veřejných komunikacích</h2>
                                                <gov-flex gap="s" align-items="center" responsive="false">
                                                    <gov-icon type="templates" name="calendar-event" size="m" color="default"></gov-icon>
                                                    <time datetime="2024-10-31" class="gov-card__note">31. října 2024</time>
                                                </gov-flex>
                                            </gov-flex>
                                        </header>
                                        <p>Ministerstvo dopravy spouští nový online systém pro rychlejší hlášení a řešení přestupků na silnicích. Systém umožňuje občanům hlásit přestupky jednoduše přes webové rozhraní.</p>
                                        <footer>
                                            <ul class="gov-tags gov-list--plain">
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="car-front" slot="icon-start"></gov-icon>
                                                        Doprava
                                                    </gov-tag>
                                                </li>
                                            </ul>
                                        </footer>
                                    </gov-flex>

                                </gov-card>
                            </article>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6" col-span-lg="4">

                            <article>
                                <gov-card href="#" aria-labelledby="aktualita2">
                                    <picture slot="img">
                                        <source srcset="/assets/documents.avif" type="image/avif">
                                        <source srcset="/assets/documents.webp" type="image/webp">
                                        <img src="/assets/documents.jpg" alt="" width="800" height="533" />
                                    </picture>
                                    <gov-flex gap="s" direction="column">
                                        <header>
                                            <gov-flex gap="s" direction="column">
                                                <h2 id="aktualita2" class=" gov-card__headline">Změny v podmínkách pro získání státního příspěvku na bydlení</h2>
                                                <gov-flex gap="s" align-items="center" responsive="false">
                                                    <gov-icon type="templates" name="calendar-event" size="m" color="default"></gov-icon>
                                                    <time datetime="2024-10-29" class="gov-card__note">29. října 2024</time>
                                                </gov-flex>
                                            </gov-flex>
                                        </header>
                                        <p>Ministerstvo pro místní rozvoj upravilo pravidla pro získání příspěvku na bydlení. Nová opatření jsou zaměřena na efektivnější podporu rodin s nižšími příjmy.</p>
                                        <footer>
                                            <ul class="gov-tags gov-list--plain">
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
                                                        Podnikání
                                                    </gov-tag>
                                                </li>
                                            </ul>
                                        </footer>
                                    </gov-flex>

                                </gov-card>
                            </article>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6" col-span-lg="4">

                            <article>
                                <gov-card href="#" aria-labelledby="aktualita3">
                                    <picture slot="img">
                                        <source srcset="/assets/documents.avif" type="image/avif">
                                        <source srcset="/assets/documents.webp" type="image/webp">
                                        <img src="/assets/documents.jpg" alt="" width="800" height="533" />
                                    </picture>
                                    <gov-flex gap="s" direction="column">
                                        <header>
                                            <gov-flex gap="s" direction="column">
                                                <h2 id="aktualita3" class=" gov-card__headline">Rozšíření kapacity online služeb pro podnikatele</h2>
                                                <gov-flex gap="s" align-items="center" responsive="false">
                                                    <gov-icon type="templates" name="calendar-event" size="m" color="default"></gov-icon>
                                                    <time datetime="2024-10-26" class="gov-card__note">26. října 2024</time>
                                                </gov-flex>
                                            </gov-flex>
                                        </header>
                                        <p>Nový portál pro podnikatele umožňuje rychlejší přístup k informacím a službám týkajícím se registrací a povolení. Očekává se zkrácení čekací doby na vyřízení žádostí.</p>
                                        <footer>
                                            <ul class="gov-tags gov-list--plain">
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
                                                        Podnikání
                                                    </gov-tag>
                                                </li>
                                            </ul>
                                        </footer>
                                    </gov-flex>

                                </gov-card>
                            </article>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6" col-span-lg="4">

                            <article>
                                <gov-card href="#" aria-labelledby="aktualita4">
                                    <picture slot="img">
                                        <source srcset="/assets/documents.avif" type="image/avif">
                                        <source srcset="/assets/documents.webp" type="image/webp">
                                        <img src="/assets/documents.jpg" alt="" width="800" height="533" />
                                    </picture>
                                    <gov-flex gap="s" direction="column">
                                        <header>
                                            <gov-flex gap="s" direction="column">
                                                <h2 id="aktualita4" class=" gov-card__headline">Bezpečnostní doporučení pro používání nových digitálních občanských průkazů</h2>
                                                <gov-flex gap="s" align-items="center" responsive="false">
                                                    <gov-icon type="templates" name="calendar-event" size="m" color="default"></gov-icon>
                                                    <time datetime="2024-10-24" class="gov-card__note">24. října 2024</time>
                                                </gov-flex>
                                            </gov-flex>
                                        </header>
                                        <p>Ministerstvo vnitra vydává doporučení k bezpečnému používání nových digitálních průkazů totožnosti, které budou zavedeny od začátku příštího roku.</p>
                                        <footer>
                                            <ul class="gov-tags gov-list--plain">
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="shield" slot="icon-start"></gov-icon>
                                                        Bezpečnost
                                                    </gov-tag>
                                                </li>
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="person" slot="icon-start"></gov-icon>
                                                        Občan
                                                    </gov-tag>
                                                </li>
                                            </ul>
                                        </footer>
                                    </gov-flex>

                                </gov-card>
                            </article>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6" col-span-lg="4">

                            <article>
                                <gov-card href="#" aria-labelledby="aktualita5">
                                    <picture slot="img">
                                        <source srcset="/assets/documents.avif" type="image/avif">
                                        <source srcset="/assets/documents.webp" type="image/webp">
                                        <img src="/assets/documents.jpg" alt="" width="800" height="533" />
                                    </picture>
                                    <gov-flex gap="s" direction="column">
                                        <header>
                                            <gov-flex gap="s" direction="column">
                                                <h2 id="aktualita5" class=" gov-card__headline">Aktuální stav oprav na hlavních dopravních tazích</h2>
                                                <gov-flex gap="s" align-items="center" responsive="false">
                                                    <gov-icon type="templates" name="calendar-event" size="m" color="default"></gov-icon>
                                                    <time datetime="2024-10-22" class="gov-card__note">22. října 2024</time>
                                                </gov-flex>
                                            </gov-flex>
                                        </header>
                                        <p>Ministerstvo dopravy informuje o průběhu oprav na klíčových dopravních tepnách a o plánovaných uzavírkách, které mohou ovlivnit dopravu.</p>
                                        <footer>
                                            <ul class="gov-tags gov-list--plain">
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="car-front" slot="icon-start"></gov-icon>
                                                        Doprava
                                                    </gov-tag>
                                                </li>
                                            </ul>
                                        </footer>
                                    </gov-flex>

                                </gov-card>
                            </article>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6" col-span-lg="4">

                            <article>
                                <gov-card href="#" aria-labelledby="aktualita6">
                                    <picture slot="img">
                                        <source srcset="/assets/documents.avif" type="image/avif">
                                        <source srcset="/assets/documents.webp" type="image/webp">
                                        <img src="/assets/documents.jpg" alt="" width="800" height="533" />
                                    </picture>
                                    <gov-flex gap="s" direction="column">
                                        <header>
                                            <gov-flex gap="s" direction="column">
                                                <h2 id="aktualita6" class=" gov-card__headline">Zvýšení státních dotací pro ekologické zemědělství</h2>
                                                <gov-flex gap="s" align-items="center" responsive="false">
                                                    <gov-icon type="templates" name="calendar-event" size="m" color="default"></gov-icon>
                                                    <time datetime="2024-10-19" class="gov-card__note">19. října 2024</time>
                                                </gov-flex>
                                            </gov-flex>
                                        </header>
                                        <p>Vláda schválila zvýšení finanční podpory pro farmy zaměřené na ekologické hospodaření, s cílem podpořit udržitelnější zemědělství a ochranu přírody.</p>
                                        <footer>
                                            <ul class="gov-tags gov-list--plain">
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="tree" slot="icon-start"></gov-icon>
                                                        Zemědělství
                                                    </gov-tag>
                                                </li>
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
                                                        Podnikání
                                                    </gov-tag>
                                                </li>
                                            </ul>
                                        </footer>
                                    </gov-flex>

                                </gov-card>
                            </article>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6" col-span-lg="4">

                            <article>
                                <gov-card href="#" aria-labelledby="aktualita7">
                                    <picture slot="img">
                                        <source srcset="/assets/documents.avif" type="image/avif">
                                        <source srcset="/assets/documents.webp" type="image/webp">
                                        <img src="/assets/documents.jpg" alt="" width="800" height="533" />
                                    </picture>
                                    <gov-flex gap="s" direction="column">
                                        <header>
                                            <gov-flex gap="s" direction="column">
                                                <h2 id="aktualita7" class=" gov-card__headline">Nový online formulář pro žádosti o výpis z rejstříku trestů</h2>
                                                <gov-flex gap="s" align-items="center" responsive="false">
                                                    <gov-icon type="templates" name="calendar-event" size="m" color="default"></gov-icon>
                                                    <time datetime="2024-10-17" class="gov-card__note">17. října 2024</time>
                                                </gov-flex>
                                            </gov-flex>
                                        </header>
                                        <p>Občané nyní mohou zažádat o výpis z rejstříku trestů online prostřednictvím nové platformy. Služba je rychlejší a umožňuje vyřídit žádost během několika minut.</p>
                                        <footer>
                                            <ul class="gov-tags gov-list--plain">
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="person" slot="icon-start"></gov-icon>
                                                        Občan
                                                    </gov-tag>
                                                </li>
                                            </ul>
                                        </footer>
                                    </gov-flex>

                                </gov-card>
                            </article>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6" col-span-lg="4">

                            <article>
                                <gov-card href="#" aria-labelledby="aktualita8">
                                    <picture slot="img">
                                        <source srcset="/assets/documents.avif" type="image/avif">
                                        <source srcset="/assets/documents.webp" type="image/webp">
                                        <img src="/assets/documents.jpg" alt="" width="800" height="533" />
                                    </picture>
                                    <gov-flex gap="s" direction="column">
                                        <header>
                                            <gov-flex gap="s" direction="column">
                                                <h2 id="aktualita8" class=" gov-card__headline">Opatření proti šíření sezónních virů na pracovištích veřejné správy</h2>
                                                <gov-flex gap="s" align-items="center" responsive="false">
                                                    <gov-icon type="templates" name="calendar-event" size="m" color="default"></gov-icon>
                                                    <time datetime="2024-10-15" class="gov-card__note">15. října 2024</time>
                                                </gov-flex>
                                            </gov-flex>
                                        </header>
                                        <p>Ministerstvo zdravotnictví vydává doporučení pro ochranu zaměstnanců na úřadech během podzimní sezóny infekčních respiračních onemocnění.</p>
                                        <footer>
                                            <ul class="gov-tags gov-list--plain">
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="heart-pulse" slot="icon-start"></gov-icon>
                                                        Zdravotnictví
                                                    </gov-tag>
                                                </li>
                                            </ul>
                                        </footer>
                                    </gov-flex>

                                </gov-card>
                            </article>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6" col-span-lg="4">

                            <article>
                                <gov-card href="#" aria-labelledby="aktualita9">
                                    <picture slot="img">
                                        <source srcset="/assets/documents.avif" type="image/avif">
                                        <source srcset="/assets/documents.webp" type="image/webp">
                                        <img src="/assets/documents.jpg" alt="" width="800" height="533" />
                                    </picture>
                                    <gov-flex gap="s" direction="column">
                                        <header>
                                            <gov-flex gap="s" direction="column">
                                                <h2 id="aktualita9" class=" gov-card__headline">Nové požadavky na evidenci docházky v malých firmách</h2>
                                                <gov-flex gap="s" align-items="center" responsive="false">
                                                    <gov-icon type="templates" name="calendar-event" size="m" color="default"></gov-icon>
                                                    <time datetime="2024-10-12" class="gov-card__note">12. října 2024</time>
                                                </gov-flex>
                                            </gov-flex>
                                        </header>
                                        <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In sem justo, commodo ut, suscipit at...</p>
                                        <footer>
                                            <ul class="gov-tags gov-list--plain">
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
                                                        Podnikání
                                                    </gov-tag>
                                                </li>
                                            </ul>
                                        </footer>
                                    </gov-flex>

                                </gov-card>
                            </article>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6" col-span-lg="4">

                            <article>
                                <gov-card href="#" aria-labelledby="aktualita10">
                                    <picture slot="img">
                                        <source srcset="/assets/documents.avif" type="image/avif">
                                        <source srcset="/assets/documents.webp" type="image/webp">
                                        <img src="/assets/documents.jpg" alt="" width="800" height="533" />
                                    </picture>
                                    <gov-flex gap="s" direction="column">
                                        <header>
                                            <gov-flex gap="s" direction="column">
                                                <h2 id="aktualita10" class=" gov-card__headline">Nová pravidla pro udělování státních grantů v oblasti školství</h2>
                                                <gov-flex gap="s" align-items="center" responsive="false">
                                                    <gov-icon type="templates" name="calendar-event" size="m" color="default"></gov-icon>
                                                    <time datetime="2024-10-10" class="gov-card__note">10. října 2024</time>
                                                </gov-flex>
                                            </gov-flex>
                                        </header>
                                        <p>Ministerstvo školství mění podmínky pro získání státních grantů, s cílem podpořit inovativní vzdělávací programy na střední, vysokých i základních školách.</p>
                                        <footer>
                                            <ul class="gov-tags gov-list--plain">
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="book" slot="icon-start"></gov-icon>
                                                        Školství
                                                    </gov-tag>
                                                </li>
                                            </ul>
                                        </footer>
                                    </gov-flex>

                                </gov-card>
                            </article>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6" col-span-lg="4">

                            <article>
                                <gov-card href="#" aria-labelledby="aktualita11">
                                    <picture slot="img">
                                        <source srcset="/assets/documents.avif" type="image/avif">
                                        <source srcset="/assets/documents.webp" type="image/webp">
                                        <img src="/assets/documents.jpg" alt="" width="800" height="533" />
                                    </picture>
                                    <gov-flex gap="s" direction="column">
                                        <header>
                                            <gov-flex gap="s" direction="column">
                                                <h2 id="aktualita11" class=" gov-card__headline">Nová pravidla pro udělování státních grantů v oblasti školství</h2>
                                                <gov-flex gap="s" align-items="center" responsive="false">
                                                    <gov-icon type="templates" name="calendar-event" size="m" color="default"></gov-icon>
                                                    <time datetime="2024-10-10" class="gov-card__note">10. října 2024</time>
                                                </gov-flex>
                                            </gov-flex>
                                        </header>
                                        <p>Ministerstvo školství mění podmínky pro získání státních grantů, s cílem podpořit inovativní vzdělávací programy na střední, vysokých i základních školách.</p>
                                        <footer>
                                            <ul class="gov-tags gov-list--plain">
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="book" slot="icon-start"></gov-icon>
                                                        Školství
                                                    </gov-tag>
                                                </li>
                                            </ul>
                                        </footer>
                                    </gov-flex>

                                </gov-card>
                            </article>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6" col-span-lg="4">

                            <article>
                                <gov-card href="#" aria-labelledby="aktualita12">
                                    <picture slot="img">
                                        <source srcset="/assets/documents.avif" type="image/avif">
                                        <source srcset="/assets/documents.webp" type="image/webp">
                                        <img src="/assets/documents.jpg" alt="" width="800" height="533" />
                                    </picture>
                                    <gov-flex gap="s" direction="column">
                                        <header>
                                            <gov-flex gap="s" direction="column">
                                                <h2 id="aktualita12" class=" gov-card__headline">Nová pravidla pro udělování státních grantů v oblasti školství</h2>
                                                <gov-flex gap="s" align-items="center" responsive="false">
                                                    <gov-icon type="templates" name="calendar-event" size="m" color="default"></gov-icon>
                                                    <time datetime="2024-10-10" class="gov-card__note">10. října 2024</time>
                                                </gov-flex>
                                            </gov-flex>
                                        </header>
                                        <p>Ministerstvo školství mění podmínky pro získání státních grantů, s cílem podpořit inovativní vzdělávací programy na střední, vysokých i základních školách.</p>
                                        <footer>
                                            <ul class="gov-tags gov-list--plain">
                                                <li>
                                                    <gov-tag color="secondary" type="subtle" size="xs">
                                                        <gov-icon type="templates" name="book" slot="icon-start"></gov-icon>
                                                        Školství
                                                    </gov-tag>
                                                </li>
                                            </ul>
                                        </footer>
                                    </gov-flex>

                                </gov-card>
                            </article>

                        </gov-grid-item>
                    </gov-grid>
                    <gov-flex justify-content="center" responsive="false">
                        <gov-pagination size="m" color="primary" current="3" total="100" aria-label="Stránkování aktualit" type="select" class=" gov-mobile-only">
                        </gov-pagination>
                        <gov-pagination size="m" color="primary" current="3" total="100" aria-label="Stránkování aktualit" class=" gov-desktop-only">
                        </gov-pagination>
                    </gov-flex>
                </gov-flex>
            </section>
        </gov-flex>
    </main>
</gov-container>

<footer class="gov-footer">
    <gov-flex class="gov-footer__content" direction="column" justify-content="space-between" gap="3xl">
        <gov-flex responsive="false">
            <ul class="gov-footer__main gov-list--plain">
                <li>
                    <nav aria-labelledby="nav1">
                        <h5 id="nav1">Title</h5>
                        <ul class="gov-list--plain">
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                        </ul>
                    </nav>
                </li>
                <li>
                    <nav aria-labelledby="nav2">
                        <h5 id="nav2">Title</h5>
                        <ul class="gov-list--plain">
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                        </ul>
                    </nav>
                </li>
                <li>
                    <nav aria-labelledby="nav3">
                        <h5 id="nav3">Title</h5>
                        <ul class="gov-list--plain">
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                            <li><gov-link href="#" size="s">Link</gov-link></li>
                        </ul>
                    </nav>
                </li>
                <li>
                    <h5>Title</h5>
                    <gov-flex direction="column" gap="l">
                        <address>
                            <ul class="gov-footer__address gov-list--plain">
                                <li>Adresa 1</li>
                                <li>686 01 Praha</li>
                                <li>
                                    <gov-link href="tel:+420789325678" size="s">
                                        <gov-icon type="templates" name="telephone" slot="icon-start" alt="tel.:" aria-label="telefon"></gov-icon>
                                        +420 789 325 678
                                    </gov-link>
                                </li>
                                <li>
                                    <gov-link href="mailto:loremipsum@email.com" size="s">
                                        <gov-icon type="templates" name="envelope" slot="icon-start" alt="e-mail:" aria-label="e-mail"></gov-icon>
                                        loremipsum@email.com
                                    </gov-link>
                                </li>
                            </ul>
                        </address>
                        <nav aria-label="Odkazy na sociální sítě">
                            <ul class="gov-social gov-list--plain">
                                <li>
                                    <gov-button color="primary" size="s" type="base" aria-label="Facebook" target="_blank" rel="noreferrer nofollow" href="#" title="Facebooku">
                                        <gov-icon type="templates" name="facebook" slot="icon-start" size="s"></gov-icon>

                                    </gov-button>
                                </li>
                                <li>
                                    <gov-button color="primary" size="s" type="base" aria-label="Instagram" target="_blank" rel="noreferrer nofollow" href="#" title="Instagram">
                                        <gov-icon type="templates" name="instagram" slot="icon-start" size="s"></gov-icon>

                                    </gov-button>
                                </li>
                                <li>
                                    <gov-button color="primary" size="s" type="base" aria-label="Youtube" target="_blank" rel="noreferrer nofollow" href="#" title="Youtube">
                                        <gov-icon type="templates" name="youtube" slot="icon-start" size="s"></gov-icon>

                                    </gov-button>
                                </li>
                                <li>
                                    <gov-button color="primary" size="s" type="base" aria-label="Linkedin" target="_blank" rel="noreferrer nofollow" href="#" title="Linkedin">
                                        <gov-icon type="templates" name="linkedin" slot="icon-start" size="s"></gov-icon>

                                    </gov-button>
                                </li>
                                <li>
                                    <gov-button color="primary" size="s" type="base" aria-label="Twitter X" target="_blank" rel="noreferrer nofollow" href="#" title="Twitter X">
                                        <gov-icon type="templates" name="twitter-x" slot="icon-start" size="s"></gov-icon>

                                    </gov-button>
                                </li>
                            </ul>
                        </nav>
                    </gov-flex>
                </li>
            </ul>
            <gov-button color="primary" size="m" type="base" aria-label="Vrátit se na začátek stránky" class=" gov-footer__up js-gov-footer__up">
                <gov-icon type="templates" name="arrow-up" slot="icon-start"></gov-icon>

            </gov-button>
        </gov-flex>
        <gov-grid gap="l" class="gov-footer__logos-group">
            <gov-grid-item col-span="12" col-span-lg="6">
                <section>
                    <h5>Související loga</h5>
                    <ul class="gov-logos gov-list--plain">
                        <li>
                            <a href="https://www.dia.gov.cz/" aria-label="Otevřít stránky DIA" target="_blank" rel="noreferrer nofollow">
                                <svg width="78" height="35" xmlns="http://www.w3.org/2000/svg">
                                    <image href="/assets/logos/logo-dia.svg" width="78" height="35"></image>
                                </svg>
                            </a>
                        </li>
                        <li>
                            <a href="https://nakit.cz/" aria-label="Otevřít stránky Nakit" target="_blank" rel="noreferrer nofollow">
                                <svg width="118" height="35" xmlns="http://www.w3.org/2000/svg">
                                    <image href="/assets/logos/logo-nakit.svg" width="118" height="35"></image>
                                </svg>
                            </a>
                        </li>
                        <li>
                            <a href="https://next-generation-eu.europa.eu/index_cs" aria-label="Otevřít stránky Next Generation EU" target="_blank" rel="noreferrer nofollow">
                                <svg width="114" height="32" xmlns="http://www.w3.org/2000/svg">
                                    <image href="/assets/logos/financovano-eu.svg" width="114" height="32"></image>
                                </svg>
                            </a>
                        </li>
                        <li>
                            <a href="https://www.planobnovycr.cz/" aria-label="Otevřít stránky Národní plán obnovy" target="_blank" rel="noreferrer nofollow">
                                <svg width="100" height="35" xmlns="http://www.w3.org/2000/svg">
                                    <image href="/assets/logos/narodni-plan-obnovy.svg" width="100" height="35"></image>
                                </svg>
                            </a>
                        </li>
                    </ul>
                </section>
            </gov-grid-item>
            <gov-grid-item col-span="12" col-span-lg="6">
                <section>
                    <h5>Mobilní aplikace nebo jiná loga</h5>
                    <ul class="gov-logos gov-list--plain">
                        <li>
                            <a href="https://apps.apple.com/us/app/port%C3%A1l-ob%C4%8Dana/id6483367664" title="Přejít na Apple Store" aria-label="Přejít na Apple Store" target="_blank" rel="noreferrer nofollow">
                            </a>
                        </li>
                        <li>
                            <a href="https://play.google.com/store/apps/details?id&#x3D;cz.gov.portal.v2.obcan" title="Přejít na Google Play" aria-label="Přejít na Google Play" target="_blank" rel="noreferrer nofollow">
                            </a>
                        </li>
                    </ul>
                </section>
            </gov-grid-item>
        </gov-grid>
        <gov-flex direction="column" gap="m-nudge">
            <nav aria-label="Odkazy na právní dokumenty">
                <ul class="gov-footer-links gov-list--plain">
                    <li><gov-link href="#" size="s">Link</gov-link></li>
                    <li><gov-link href="#" size="s">Link</gov-link></li>
                    <li><gov-link href="#" size="s">Link</gov-link></li>
                    <li><gov-link href="#" size="s">Link</gov-link></li>
                    <li><gov-link href="#" size="s">Link</gov-link></li>
                </ul>
            </nav>
            <hr>
            <gov-flex class="gov-footer-copy" justify-content="space-between" gap="m">
                <p>2025 &copy; Digitální a informační agentura &bull; Informace jsou poskytovány v souladu se zákonem č. 106/1999 Sb., o svobodném přístupu k informacím.</p>
                <div>
                    <gov-flex class="gov-footer__version" responsive="false">
                        <span>Verze 2.0.2105.9856</span>
                        <span>Využit Design system 4.2</span>
                    </gov-flex>
                </div>
            </gov-flex>

        </gov-flex>
    </gov-flex>
</footer>
{{ render '@header' }}

<gov-container id="main">
    <main>

        {{ render '@page-heading' heading }}

        <gov-flex direction="column" gap="xl">
            {{ render '@sort-count' sort merge=true }}

            <section aria-label="{{ news/aria-label }}">
                <gov-flex direction="column" gap="xl">
                    {{ render '@cards' cards }}
                    {{ render '@pagination-section' pagination }}
                </gov-flex>
            </section>
        </gov-flex>
    </main>
</gov-container>

{{ render '@footer' }}
{
  "heading": {
    "heading": {
      "tag": "h1",
      "name": "Aktuality"
    }
  },
  "sort": {
    "aria-label": "Počet aktualit a jejich řazení",
    "dropdown": {
      "aria-label": "Výběr způsobu řazení aktualit"
    },
    "count": "190 článků",
    "button": {
      "text": "Filtrovat aktuality"
    },
    "button-mobile": {
      "label": {
        "bold": "Podle data"
      }
    },
    "button-desktop": {
      "label": {
        "bold": "Podle data"
      }
    }
  },
  "news": {
    "aria-label": "Výpis článků"
  },
  "pagination": {
    "pagination": {
      "aria-label": "Stránkování aktualit",
      "classes": [
        "gov-desktop-only"
      ]
    },
    "pagination-mobile": {
      "type": "select",
      "aria-label": "Stránkování aktualit",
      "classes": [
        "gov-mobile-only"
      ]
    }
  },
  "cards": {
    "card": [
      {
        "heading": {
          "tag": "h2",
          "name": "Nový systém hlášení přestupků na veřejných komunikacích",
          "id": "aktualita1",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "31. října 2024",
        "text": "<p>Ministerstvo dopravy spouští nový online systém pro rychlejší hlášení a řešení přestupků na silnicích. Systém umožňuje občanům hlásit přestupky jednoduše přes webové rozhraní.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/documents",
          "width": "800",
          "height": "533"
        },
        "tag-bottom": true,
        "tag": [
          {
            "name": "Doprava",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "car-front"
            }
          }
        ],
        "col-span": {
          "default": "12",
          "md": "6",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Změny v podmínkách pro získání státního příspěvku na bydlení",
          "id": "aktualita2",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "29. října 2024",
        "text": "<p>Ministerstvo pro místní rozvoj upravilo pravidla pro získání příspěvku na bydlení. Nová opatření jsou zaměřena na efektivnější podporu rodin s nižšími příjmy.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/documents",
          "width": "800",
          "height": "533"
        },
        "tag-bottom": true,
        "tag": [
          {
            "name": "Podnikání",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "briefcase"
            }
          }
        ],
        "col-span": {
          "default": "12",
          "md": "6",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Rozšíření kapacity online služeb pro podnikatele",
          "id": "aktualita3",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "26. října 2024",
        "text": "<p>Nový portál pro podnikatele umožňuje rychlejší přístup k informacím a službám týkajícím se registrací a povolení. Očekává se zkrácení čekací doby na vyřízení žádostí.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/documents",
          "width": "800",
          "height": "533"
        },
        "tag-bottom": true,
        "tag": [
          {
            "name": "Podnikání",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "briefcase"
            }
          }
        ],
        "col-span": {
          "default": "12",
          "md": "6",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Bezpečnostní doporučení pro používání nových digitálních občanských průkazů",
          "id": "aktualita4",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "24. října 2024",
        "text": "<p>Ministerstvo vnitra vydává doporučení k bezpečnému používání nových digitálních průkazů totožnosti, které budou zavedeny od začátku příštího roku.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/documents",
          "width": "800",
          "height": "533"
        },
        "tag-bottom": true,
        "tag": [
          {
            "name": "Bezpečnost",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "shield"
            }
          },
          {
            "name": "Občan",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "person"
            }
          }
        ],
        "col-span": {
          "default": "12",
          "md": "6",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Aktuální stav oprav na hlavních dopravních tazích",
          "id": "aktualita5",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "22. října 2024",
        "text": "<p>Ministerstvo dopravy informuje o průběhu oprav na klíčových dopravních tepnách a o plánovaných uzavírkách, které mohou ovlivnit dopravu.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/documents",
          "width": "800",
          "height": "533"
        },
        "tag-bottom": true,
        "tag": [
          {
            "name": "Doprava",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "car-front"
            }
          }
        ],
        "col-span": {
          "default": "12",
          "md": "6",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Zvýšení státních dotací pro ekologické zemědělství",
          "id": "aktualita6",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "19. října 2024",
        "text": "<p>Vláda schválila zvýšení finanční podpory pro farmy zaměřené na ekologické hospodaření, s cílem podpořit udržitelnější zemědělství a ochranu přírody.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/documents",
          "width": "800",
          "height": "533"
        },
        "tag-bottom": true,
        "tag": [
          {
            "name": "Zemědělství",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "tree"
            }
          },
          {
            "name": "Podnikání",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "briefcase"
            }
          }
        ],
        "col-span": {
          "default": "12",
          "md": "6",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Nový online formulář pro žádosti o výpis z rejstříku trestů",
          "id": "aktualita7",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "17. října 2024",
        "text": "<p>Občané nyní mohou zažádat o výpis z rejstříku trestů online prostřednictvím nové platformy. Služba je rychlejší a umožňuje vyřídit žádost během několika minut.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/documents",
          "width": "800",
          "height": "533"
        },
        "tag-bottom": true,
        "tag": [
          {
            "name": "Občan",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "person"
            }
          }
        ],
        "col-span": {
          "default": "12",
          "md": "6",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Opatření proti šíření sezónních virů na pracovištích veřejné správy",
          "id": "aktualita8",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "15. října 2024",
        "text": "<p>Ministerstvo zdravotnictví vydává doporučení pro ochranu zaměstnanců na úřadech během podzimní sezóny infekčních  respiračních onemocnění.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/documents",
          "width": "800",
          "height": "533"
        },
        "tag-bottom": true,
        "tag": [
          {
            "name": "Zdravotnictví",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "heart-pulse"
            }
          }
        ],
        "col-span": {
          "default": "12",
          "md": "6",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Nové požadavky na evidenci docházky v malých firmách",
          "id": "aktualita9",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "12. října 2024",
        "text": "<p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In sem justo, commodo ut, suscipit at...</p>",
        "image": {
          "slot": "img",
          "src": "/assets/documents",
          "width": "800",
          "height": "533"
        },
        "tag-bottom": true,
        "tag": [
          {
            "name": "Podnikání",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "briefcase"
            }
          }
        ],
        "col-span": {
          "default": "12",
          "md": "6",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Nová pravidla pro udělování státních grantů v oblasti školství",
          "id": "aktualita10",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "10. října 2024",
        "text": "<p>Ministerstvo školství mění podmínky pro získání státních grantů, s cílem podpořit inovativní vzdělávací programy na střední, vysokých i základních školách.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/documents",
          "width": "800",
          "height": "533"
        },
        "tag-bottom": true,
        "tag": [
          {
            "name": "Školství",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "book"
            }
          }
        ],
        "col-span": {
          "default": "12",
          "md": "6",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Nová pravidla pro udělování státních grantů v oblasti školství",
          "id": "aktualita11",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "10. října 2024",
        "text": "<p>Ministerstvo školství mění podmínky pro získání státních grantů, s cílem podpořit inovativní vzdělávací programy na střední, vysokých i základních školách.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/documents",
          "width": "800",
          "height": "533"
        },
        "tag-bottom": true,
        "tag": [
          {
            "name": "Školství",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "book"
            }
          }
        ],
        "col-span": {
          "default": "12",
          "md": "6",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Nová pravidla pro udělování státních grantů v oblasti školství",
          "id": "aktualita12",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "10. října 2024",
        "text": "<p>Ministerstvo školství mění podmínky pro získání státních grantů, s cílem podpořit inovativní vzdělávací programy na střední, vysokých i základních školách.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/documents",
          "width": "800",
          "height": "533"
        },
        "tag-bottom": true,
        "tag": [
          {
            "name": "Školství",
            "color": "secondary",
            "type": "subtle",
            "size": "xs",
            "icon-start": {
              "slot": "icon-start",
              "type": "templates",
              "name": "book"
            }
          }
        ],
        "col-span": {
          "default": "12",
          "md": "6",
          "lg": "4"
        }
      }
    ]
  }
}

No notes defined.