<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>

        <gov-banner size="l" background="waves" foreground="image" aria-labelledby="banner">
            <h1 id="banner" slot="headline">Data, která tvoří budoucnost</h1>
            <p>Statistiky, analýzy a přehledy, které pomáhají rozvíjet Českou republiku.</p>
            <gov-button color="secondary" size="l" type="solid" aria-label="Zjistit více o datech, která tvoří budoucnost" class=" gov-button--mobile-expanded" href="#" slot="button">
                Zjistit více

            </gov-button>
            <picture slot="image">
                <source srcset="/assets/banner/image-l.avif" type="image/avif">
                <source srcset="/assets/banner/image-l.webp" type="image/webp">
                <img src="/assets/banner/image-l.jpg" alt="" width="537" height="360" />
            </picture>
        </gov-banner>

        <gov-infobar color="error" type="subtle" closable aria-label="Důležité oznámení" aria-live="polite">
            <gov-icon type="templates" name="exclamation-triangle-fill" slot="icon" aria-hidden="true"></gov-icon>
            <p>Plánovaná údržba systému proběhne dne DD.MM.YYYY. Omlouváme se za případné nepříjemnosti.</p>
        </gov-infobar>

        <section aria-labelledby="s1">
            <gov-flex direction="column" gap="l">
                <gov-flex direction="column" gap="m">
                    <gov-flex gap="s" justify-content="space-between" align-items="center" class="gov-section-heading" responsive="false">
                        <h2 id="s1">Témata</h2>
                        <gov-flex gap="s">
                        </gov-flex>
                    </gov-flex>
                </gov-flex>

                <gov-grid gap="l" class="gov-card-grid">
                    <gov-grid-item col-span="12" col-span-lg="4">

                        <gov-card href="#" aria-labelledby="temata1">
                            <gov-flex gap="s" direction="column">
                                <header>
                                    <h3 id="temata1" class=" gov-card__headline">Úřední agendy</h3>
                                </header>
                                <p>Informace o poskytovaných službách státních úřadů – například vydávání občanských průkazů, cestovních pasů, registrace vozidel, matriky nebo stavební povolení.</p>
                            </gov-flex>

                        </gov-card>

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

                        <gov-card href="#" aria-labelledby="temata2">
                            <gov-flex gap="s" direction="column">
                                <header>
                                    <h3 id="temata2" class=" gov-card__headline">Daně a finance</h3>
                                </header>
                                <p>Informace o daňových povinnostech, podávání daňových přiznání, sociálním a zdravotním pojištění, státní rozpočet a přehled o dotacích nebo finanční pomoci.</p>
                            </gov-flex>

                        </gov-card>

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

                        <gov-card href="#" aria-labelledby="temata3">
                            <gov-flex gap="s" direction="column">
                                <header>
                                    <h3 id="temata3" class=" gov-card__headline">Sociální služby a zaměstnanost</h3>
                                </header>
                                <p>Podpora v oblastech jako dávky (např. rodičovský příspěvek, podpora v nezaměstnanosti), hledání zaměstnání, informace o pracovním právu a důchodovém...</p>
                            </gov-flex>

                        </gov-card>

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

                        <gov-card href="#" aria-labelledby="temata4">
                            <gov-flex gap="s" direction="column">
                                <header>
                                    <h3 id="temata4" class=" gov-card__headline">Zdravotnictví a bezpečnost</h3>
                                </header>
                                <p>Občanům poskytujeme informace a služby zaměřené na zdraví a bezpečnost. Pokrývá oblasti jako zdravotní pojištění (včetně informací o zdravotních pojišťovnách...</p>
                            </gov-flex>

                        </gov-card>

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

                        <gov-card href="#" aria-labelledby="temata5">
                            <gov-flex gap="s" direction="column">
                                <header>
                                    <h3 id="temata5" class=" gov-card__headline">Vzdělávání a věda</h3>
                                </header>
                                <p>Zaměřuje na podporu vzdělávání, vědeckého výzkumu a inovací. Obsahuje informace o všech úrovních školského systému, od předškolního vzdělávání po univerzitní studia.</p>
                            </gov-flex>

                        </gov-card>

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

                        <gov-card href="#" aria-labelledby="temata6">
                            <gov-flex gap="s" direction="column">
                                <header>
                                    <h3 id="temata6" class=" gov-card__headline">Doprava a infrastruktura</h3>
                                </header>
                                <p>Informace o pravidlech silničního provozu, veřejné dopravě, dálničních známkách, výstavbě infrastruktury nebo aktualitách z dopravy.</p>
                            </gov-flex>

                        </gov-card>

                    </gov-grid-item>
                </gov-grid>
            </gov-flex>
        </section>

        <section aria-labelledby="s2">
            <gov-flex direction="column" gap="l">
                <gov-flex direction="column" gap="m">
                    <gov-flex gap="s" justify-content="space-between" align-items="center" class="gov-section-heading" responsive="false">
                        <h2 id="s2">Aktuality</h2>
                        <gov-flex gap="s">
                            <gov-button color="primary" size="s" type="base" aria-label="Zobrazit všechny aktuality">
                                Zobrazit vše

                            </gov-button>
                        </gov-flex>
                    </gov-flex>
                </gov-flex>

                <gov-grid gap="l" class="gov-card-grid">
                    <gov-grid-item col-span="12" col-span-lg="6" row-span="2">

                        <article>
                            <gov-card direction="vertical" href="#" aria-labelledby="aktuality1">
                                <picture slot="img">
                                    <source srcset="/assets/old-town-square.avif" type="image/avif">
                                    <source srcset="/assets/old-town-square.webp" type="image/webp">
                                    <img src="/assets/old-town-square.jpg" alt="" width="1200" height="800" />
                                </picture>
                                <gov-flex gap="s" direction="column">
                                    <header>
                                        <gov-flex gap="s" direction="column">
                                            <h2 id="aktuality1" class=" gov-card__headline">Střední školu v jiném kraji navštěvují hlavně Středočeši</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-11-11" class="gov-card__note">11.11.2024</time>
                                            </gov-flex>
                                        </gov-flex>
                                    </header>
                                    <p>Počet středoškoláků v Česku mezi školními roky 2013/14 a 2023/24 stoupl o 8 %, přičemž nejvýraznější nárůst byl evidován u žáků s trvalým pobytem ve Středočeském kraji a v Praze.</p>
                                </gov-flex>

                            </gov-card>
                        </article>

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

                        <article>
                            <gov-card direction="horizontal" href="#" aria-labelledby="aktuality2">
                                <picture slot="img">
                                    <source srcset="/assets/old-town-square.avif" type="image/avif">
                                    <source srcset="/assets/old-town-square.webp" type="image/webp">
                                    <img src="/assets/old-town-square.jpg" alt="" width="1200" height="800" />
                                </picture>
                                <gov-flex gap="s" direction="column">
                                    <header>
                                        <gov-flex gap="s" direction="column">
                                            <h2 id="aktuality2" class=" gov-card__headline">Učitelé loni v průměru vydělávali 49 tisíc korun měsíčně</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-11-11" class="gov-card__note">11.11.2024</time>
                                            </gov-flex>
                                        </gov-flex>
                                    </header>
                                    <p>Učitelé v regionálním školství v roce 2023 pobírali po započtení všech příplatků a odměn průměrnou hrubou měsíční mzdu 49 tisíc korun.</p>
                                </gov-flex>

                            </gov-card>
                        </article>

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

                        <article>
                            <gov-card direction="horizontal" href="#" aria-labelledby="aktuality3">
                                <picture slot="img">
                                    <source srcset="/assets/old-town-square.avif" type="image/avif">
                                    <source srcset="/assets/old-town-square.webp" type="image/webp">
                                    <img src="/assets/old-town-square.jpg" alt="" width="1200" height="800" />
                                </picture>
                                <gov-flex gap="s" direction="column">
                                    <header>
                                        <gov-flex gap="s" direction="column">
                                            <h2 id="aktuality3" class=" gov-card__headline">Výdaje na příspěvek na bydlení vzrostly loni na dvojnásobek</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-11-10" class="gov-card__note">10.11.2024</time>
                                            </gov-flex>
                                        </gov-flex>
                                    </header>
                                    <p>V roce 2023 se v Česku na příspěvek na bydlení z dávek státní sociální podpory vyplatilo 17,9 miliardy korun, což bylo o 9,4 miliardy více než v předchozím roce.</p>
                                </gov-flex>

                            </gov-card>
                        </article>

                    </gov-grid-item>
                </gov-grid>
            </gov-flex>
        </section>

        <gov-banner size="s" background="waves" foreground="image" aria-labelledby="banner1" class=" gov-mb-l">
            <h3 id="banner1" slot="headline">Data, která tvoří budoucnost</h3>
            <p>Statistiky, analýzy a přehledy, které pomáhají rozvíjet Českou republiku.</p>
            <gov-button color="secondary" size="l" type="solid" aria-label="Zjistit více o datech, která tvoří budoucnost" class=" gov-button--mobile-expanded" href="#" slot="button">
                Zjistit více

            </gov-button>
            <picture slot="image">
                <source srcset="/assets/banner/image-s.avif" type="image/avif">
                <source srcset="/assets/banner/image-s.webp" type="image/webp">
                <img src="/assets/banner/image-s.jpg" alt="" width="203" height="136" />
            </picture>
        </gov-banner>

        <section class="gov-mb--l" aria-labelledby="s3">
            <gov-grid gap="3xl">
                <gov-grid-item col-span="12" col-span-lg="7">
                    <gov-flex gap="l" direction="column">
                        <h2 id="s3">Informace o úřadu</h2>
                        <p class="gov-text--body-l">Náš úřad zajišťuje klíčové služby a podporu pro občany, firmy i instituce. Zaměřujeme se na transparentnost, efektivitu a dostupnost, abychom usnadnili přístup k informacím, rozhodnutím a správním procesům. Poskytujeme aktuální data, odborné poradenství a správní agendy v souladu s legislativou České republiky. Naším cílem je být spolehlivým partnerem pro veřejnost i odborníky.</p>
                        <ul>
                            <li>Vydávání povolení, dokladů a rozhodnutí dle platné legislativy.</li>
                            <li>Vydávání povolení, dokladů a rozhodnutí dle platné legislativy.</li>
                            <li>Vydávání povolení, dokladů a rozhodnutí dle platné legislativy.</li>
                        </ul>
                        <gov-button color="primary" size="l" type="outlined" aria-label="Více informací o úřadu" class=" gov-button--mobile-expanded">
                            Více o úřadu

                        </gov-button>
                    </gov-flex>
                </gov-grid-item>
                <gov-grid-item col-span="12" col-span-lg="5">
                    <gov-grid gap="m">
                        <gov-grid-item col-span="12" col-span-md="6">
                            <figure class="gov-image">
                                <picture>
                                    <source srcset="/assets/old-town-square.avif" type="image/avif">
                                    <source srcset="/assets/old-town-square.webp" type="image/webp">
                                    <img src="/assets/old-town-square.jpg" alt="Muž sedí v kanceláři u stolu a telefonuje a směje se. Je připravený zapisovat si tužkou do bloku." width="800" height="533" />
                                </picture>
                                <figcaption>Vydávání povolení, dokladů a rozhodnutí dle platné legislativy</figcaption>
                            </figure>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6">
                            <figure class="gov-image">
                                <picture>
                                    <source srcset="/assets/old-town-square.avif" type="image/avif">
                                    <source srcset="/assets/old-town-square.webp" type="image/webp">
                                    <img src="/assets/old-town-square.jpg" alt="Muž sedí v kanceláři u stolu a telefonuje a směje se. Je připravený zapisovat si tužkou do bloku." width="800" height="533" />
                                </picture>
                                <figcaption>Poskytování odborných informací a asistence občanům i firmám</figcaption>
                            </figure>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6">
                            <figure class="gov-image">
                                <picture>
                                    <source srcset="/assets/old-town-square.avif" type="image/avif">
                                    <source srcset="/assets/old-town-square.webp" type="image/webp">
                                    <img src="/assets/old-town-square.jpg" alt="Muž sedí v kanceláři u stolu a telefonuje a směje se. Je připravený zapisovat si tužkou do bloku." width="800" height="533" />
                                </picture>
                                <figcaption>Rozcestník informací</figcaption>
                            </figure>

                        </gov-grid-item>
                        <gov-grid-item col-span="12" col-span-md="6">
                            <figure class="gov-image">
                                <picture>
                                    <source srcset="/assets/old-town-square.avif" type="image/avif">
                                    <source srcset="/assets/old-town-square.webp" type="image/webp">
                                    <img src="/assets/old-town-square.jpg" alt="Muž sedí v kanceláři u stolu a telefonuje a směje se. Je připravený zapisovat si tužkou do bloku." width="800" height="533" />
                                </picture>
                                <figcaption>Přístup k dokumentům</figcaption>
                            </figure>

                        </gov-grid-item>
                    </gov-grid>
                </gov-grid-item>
            </gov-grid>
        </section>

        <section aria-labelledby="s4">
            <gov-flex direction="column" gap="l">
                <gov-flex direction="column" gap="m">
                    <gov-flex gap="s" justify-content="space-between" align-items="center" class="gov-section-heading" responsive="false">
                        <h2 id="s4">Nejnovější informace</h2>
                        <gov-flex gap="s">
                        </gov-flex>
                    </gov-flex>
                </gov-flex>
                <p class="gov-text--body-l gov-mb--s">Objevte aktuální data a přehledné analýzy, které pokrývají klíčové oblasti života v České republice – od ekonomiky a demografie po životní prostředí. Naše statistiky jsou spolehlivým zdrojem informací pro občany, firmy i odborníky</p>

                <gov-grid gap="l" class="gov-card-grid">
                    <gov-grid-item col-span="12" col-span-lg="6">

                        <gov-card direction="horizontal" href="#" aria-labelledby="informace1">
                            <gov-icon type="complex" name="family" slot="icon"></gov-icon>
                            <gov-flex gap="s" direction="column">
                                <header>
                                    <h3 id="informace1" class=" gov-card__headline">Rodina</h3>
                                </header>
                                <p>Rodina je v sociologii solidární skupina osob navzájem spjatých manželstvím, příbuzenstvím nebo adopcí, které spolu dlouhodobě žijí a jejíž...</p>
                            </gov-flex>

                        </gov-card>

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

                        <gov-card direction="horizontal" href="#" aria-labelledby="informace2">
                            <gov-icon type="complex" name="covid" slot="icon"></gov-icon>
                            <gov-flex gap="s" direction="column">
                                <header>
                                    <h3 id="informace2" class=" gov-card__headline">Nemoci</h3>
                                </header>
                                <p>Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Fusce suscipit libero eget elit.</p>
                            </gov-flex>

                        </gov-card>

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

                        <gov-card direction="horizontal" href="#" aria-labelledby="informace3">
                            <gov-icon type="complex" name="big-help" slot="icon"></gov-icon>
                            <gov-flex gap="s" direction="column">
                                <header>
                                    <h3 id="informace3" class=" gov-card__headline">Sociální péče</h3>
                                </header>
                                <p>Sociální péče je v rámci práva sociálního zabezpečení nástroj sociální podpory vytvořený státem, organizovaná solidarita mezi občany...</p>
                            </gov-flex>

                        </gov-card>

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

                        <gov-card direction="horizontal" href="#" aria-labelledby="informace4">
                            <gov-icon type="complex" name="disability" slot="icon"></gov-icon>
                            <gov-flex gap="s" direction="column">
                                <header>
                                    <h3 id="informace4" class=" gov-card__headline">Invalidní důchod</h3>
                                </header>
                                <p>Invalidní důchod je jedním ze čtyř druhů důchodů českého důchodového systému (vedle důchodu starobního, vdovského, vdoveckého a sirotčího)...</p>
                            </gov-flex>

                        </gov-card>

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

                        <gov-card direction="horizontal" href="#" aria-labelledby="informace5">
                            <gov-icon type="complex" name="car" slot="icon"></gov-icon>
                            <gov-flex gap="s" direction="column">
                                <header>
                                    <h3 id="informace5" class=" gov-card__headline">Doprava</h3>
                                </header>
                                <p>Doprava se obvykle zařazuje jako samostatný obor komunikace a telekomunikace. Obojí ovšem úzce souvisí – řízení dopravy...</p>
                            </gov-flex>

                        </gov-card>

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

                        <gov-card direction="horizontal" href="#" aria-labelledby="informace6">
                            <gov-icon type="complex" name="graduate" slot="icon"></gov-icon>
                            <gov-flex gap="s" direction="column">
                                <header>
                                    <h3 id="informace6" class=" gov-card__headline">Vzdělávání</h3>
                                </header>
                                <p>Vzdělávání je proces, který podporuje a napomáhá učení. V češtině se v návaznosti na mezinárodně obvyklé vymezení pojmů zpravidla odlišuje...</p>
                            </gov-flex>

                        </gov-card>

                    </gov-grid-item>
                </gov-grid>
            </gov-flex>
        </section>

        <section aria-labelledby="s5">
            <gov-flex direction="column" gap="l">
                <gov-flex direction="column" gap="m">
                    <gov-flex gap="s" justify-content="space-between" align-items="center" class="gov-section-heading" responsive="false">
                        <h2 id="s5">Partneři</h2>
                        <gov-flex gap="s">
                            <gov-button color="primary" size="s" type="base" aria-label="Zobrazit všechny partnery">
                                Zobrazit vše

                            </gov-button>
                        </gov-flex>
                    </gov-flex>
                </gov-flex>
                <gov-flex class="partners-logos" gap="xl" wrap="wrap" responsive="false">
                    <a href="https://nakit.cz/" aria-label="Přejít na stránky NAKIT" target="_blank" rel="noreferrer nofollow">
                        <img src="/assets/nakit-color.svg" alt="" width="165" height="83" />
                    </a>
                    <a href="https://nakit.cz/" aria-label="Přejít na stránky NAKIT" target="_blank" rel="noreferrer nofollow">
                        <img src="/assets/nakit-color.svg" alt="" width="165" height="83" />
                    </a>
                    <a href="https://nakit.cz/" aria-label="Přejít na stránky NAKIT" target="_blank" rel="noreferrer nofollow">
                        <img src="/assets/nakit-color.svg" alt="" width="165" height="83" />
                    </a>
                    <a href="https://nakit.cz/" aria-label="Přejít na stránky NAKIT" target="_blank" rel="noreferrer nofollow">
                        <img src="/assets/nakit-color.svg" alt="" width="165" height="83" />
                    </a>
                    <a href="https://nakit.cz/" aria-label="Přejít na stránky NAKIT" target="_blank" rel="noreferrer nofollow">
                        <img src="/assets/nakit-color.svg" alt="" width="165" height="83" />
                    </a>
                    <a href="https://nakit.cz/" aria-label="Přejít na stránky NAKIT" target="_blank" rel="noreferrer nofollow">
                        <img src="/assets/nakit-color.svg" alt="" width="165" height="83" />
                    </a>
                </gov-flex>
            </gov-flex>
        </section>

        <section aria-labelledby="s6">
            <gov-flex direction="column" gap="l">
                <h2 id="s6">Zajímavé odkazy</h2>
                <gov-grid gap="l" class="gov-tile-grid mohlo-by-se-hodit">
                    <gov-grid-item col-span="12" col-span-lg="4">

                        <gov-tile orientation="vertical" size="s" href="#" no-border>
                            <gov-icon type="complex" name="business-file" slot="icon"></gov-icon>
                            <h3 slot="title">Veřejný rejstřík</h3>
                            <span>Získání široké škály veřejných informací o subjektech obecného zájmu</span>

                        </gov-tile>

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

                        <gov-tile orientation="vertical" size="s" href="#" no-border>
                            <gov-icon type="complex" name="job" slot="icon"></gov-icon>
                            <h3 slot="title">Hledání volných míst</h3>
                            <span>Nabídka pracovních pozic na českém i zahraničním trhu práce</span>

                        </gov-tile>

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

                        <gov-tile orientation="vertical" size="s" href="#" no-border>
                            <gov-icon type="complex" name="chamber-deputies" slot="icon"></gov-icon>
                            <h3 slot="title">Volební rok</h3>
                            <span>Aktuální informace o volbách v ČR i ve světě na jednom místě</span>

                        </gov-tile>

                    </gov-grid-item>
                </gov-grid>
            </gov-flex>
        </section>

        <section aria-labelledby="s7">
            <gov-flex direction="column" gap="l">
                <gov-flex direction="column" gap="m">
                    <gov-flex gap="s" justify-content="space-between" align-items="center" class="gov-section-heading" responsive="false">
                        <h2 id="s7">Časté dotazy</h2>
                        <gov-flex gap="s">
                        </gov-flex>
                    </gov-flex>
                </gov-flex>
                <gov-accordion size="m">
                    <gov-accordion-item>
                        <h3 slot="label">Jakým způsobem se podává žádost o závazné stanovisko?</h3>
                        <p>Nejdříve je nutné v přihlášení prokázat svou totožnost. Přihlásit se můžete pomocí libovolného prostředku Identity občanaIkona šipky označující odkaz vedoucí ven z webu (např. Mobilním klíčem eGovernmentu nebo bankovní identitou) nebo datovou schránkou.</p>
                    </gov-accordion-item>
                    <gov-accordion-item>
                        <h3 slot="label">Platí se správní poplatek při vyřízení žádosti o informace?</h3>
                        <p>Ano. Na Portálu občana se zobrazí vaše data, která jsou bezpečně uložená v informačních systémech veřejné správy a přístup k nim máte pouze vy. Když se přihlásíte, data se načtou, když se odhlásíte, tak se zase z Portálu občana vymažou. Proto se vždy ujistěte, že jste se správně odhlásili.</p>
                    </gov-accordion-item>
                    <gov-accordion-item>
                        <h3 slot="label">Jaké informace úřad poskytuje volně?</h3>
                        <p>Nejdříve je nutné v přihlášení prokázat svou totožnost. Přihlásit se můžete pomocí libovolného prostředku Identity občanaIkona šipky označující odkaz vedoucí ven z webu (např. Mobilním klíčem eGovernmentu nebo bankovní identitou) nebo datovou schránkou.</p>
                    </gov-accordion-item>
                    <gov-accordion-item>
                        <h3 slot="label">Jak často jsou data aktualizována?</h3>
                        <p>Ano. Na Portálu občana se zobrazí vaše data, která jsou bezpečně uložená v informačních systémech veřejné správy a přístup k nim máte pouze vy. Když se přihlásíte, data se načtou, když se odhlásíte, tak se zase z Portálu občana vymažou. Proto se vždy ujistěte, že jste se správně odhlásili.</p>
                    </gov-accordion-item>
                </gov-accordion>
            </gov-flex>
        </section>

    </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 '@banner' }}

        {{ render '@infobar' }}

        {{ render '@cards-section' topics }}

        {{ render '@cards-section' news }}

        {{ render '@banner' banner merge=true }}

        {{ render '@grid-7-5-section' info-office }}

        {{ render '@cards-section' info }}

        {{ render '@logos-section' partners }}

        {{ render '@tiles-section' links merge=true }}

        {{ render '@accordion-section' faq }}

    </main>
</gov-container>

{{ render '@footer' }}
{
  "topics": {
    "cards-plain": "topics",
    "heading": {
      "tag": "h2",
      "name": "Témata",
      "id": "s1"
    },
    "card": [
      {
        "heading": {
          "tag": "h3",
          "name": "Úřední agendy",
          "id": "temata1",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "text": "<p>Informace o poskytovaných službách státních úřadů – například vydávání občanských průkazů, cestovních pasů, registrace vozidel, matriky nebo stavební povolení.</p>",
        "col-span": {
          "default": "12",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h3",
          "name": "Daně a finance",
          "id": "temata2",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "text": "<p>Informace o daňových povinnostech, podávání daňových přiznání, sociálním a zdravotním pojištění, státní rozpočet a přehled o dotacích nebo finanční pomoci.</p>",
        "col-span": {
          "default": "12",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h3",
          "name": "Sociální služby a zaměstnanost",
          "id": "temata3",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "text": "<p>Podpora v oblastech jako dávky (např. rodičovský příspěvek, podpora v nezaměstnanosti), hledání zaměstnání, informace o pracovním právu a důchodovém...</p>",
        "col-span": {
          "default": "12",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h3",
          "name": "Zdravotnictví a bezpečnost",
          "id": "temata4",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "text": "<p>Občanům poskytujeme informace a služby zaměřené na zdraví a bezpečnost. Pokrývá oblasti jako zdravotní pojištění (včetně informací o zdravotních pojišťovnách...</p>",
        "col-span": {
          "default": "12",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h3",
          "name": "Vzdělávání a věda",
          "id": "temata5",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "text": "<p>Zaměřuje na podporu vzdělávání, vědeckého výzkumu a inovací. Obsahuje informace o všech úrovních školského systému, od předškolního vzdělávání po univerzitní studia.</p>",
        "col-span": {
          "default": "12",
          "lg": "4"
        }
      },
      {
        "heading": {
          "tag": "h3",
          "name": "Doprava a infrastruktura",
          "id": "temata6",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "text": "<p>Informace o pravidlech silničního provozu, veřejné dopravě, dálničních známkách, výstavbě infrastruktury nebo aktualitách z dopravy.</p>",
        "col-span": {
          "default": "12",
          "lg": "4"
        }
      }
    ]
  },
  "news": {
    "cards": "news",
    "heading": {
      "tag": "h2",
      "name": "Aktuality",
      "id": "s2"
    },
    "button": [
      {
        "text": "Zobrazit vše",
        "color": "primary",
        "type": "base",
        "size": "s",
        "aria-label": "Zobrazit všechny aktuality"
      }
    ],
    "card": [
      {
        "heading": {
          "tag": "h2",
          "name": "Střední školu v jiném kraji navštěvují hlavně Středočeši",
          "id": "aktuality1",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "11.11.2024",
        "text": "<p>Počet středoškoláků v Česku mezi školními roky 2013/14 a 2023/24 stoupl o 8 %, přičemž nejvýraznější nárůst byl evidován u žáků s trvalým pobytem ve Středočeském kraji a v Praze.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/old-town-square",
          "width": "1200",
          "height": "800"
        },
        "direction": "vertical",
        "col-span": {
          "default": "12",
          "lg": "6"
        },
        "row-span": {
          "default": "2"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Učitelé loni v průměru vydělávali 49 tisíc korun měsíčně",
          "id": "aktuality2",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "11.11.2024",
        "text": "<p>Učitelé v regionálním školství v roce 2023 pobírali po započtení všech příplatků a odměn průměrnou hrubou měsíční mzdu 49 tisíc korun.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/old-town-square",
          "width": "1200",
          "height": "800"
        },
        "direction": "horizontal",
        "col-span": {
          "default": "12",
          "lg": "6"
        }
      },
      {
        "heading": {
          "tag": "h2",
          "name": "Výdaje na příspěvek na bydlení vzrostly loni na dvojnásobek",
          "id": "aktuality3",
          "classes": [
            "gov-card__headline"
          ]
        },
        "url": "#",
        "release": "10.11.2024",
        "text": "<p>V roce 2023 se v Česku na příspěvek na bydlení z dávek státní sociální podpory vyplatilo 17,9 miliardy korun, což bylo o 9,4 miliardy více než v předchozím roce.</p>",
        "image": {
          "slot": "img",
          "src": "/assets/old-town-square",
          "width": "1200",
          "height": "800"
        },
        "direction": "horizontal",
        "col-span": {
          "default": "12",
          "lg": "6"
        }
      }
    ]
  },
  "banner": {
    "size": "s",
    "heading": {
      "tag": "h3",
      "id": "banner1"
    },
    "classes": [
      "gov-mb-l"
    ],
    "image": {
      "slot": "image",
      "src": "/assets/banner/image-s",
      "width": "203",
      "height": "136",
      "alt": ""
    }
  },
  "info-office": {
    "heading": {
      "tag": "h2",
      "name": "Informace o úřadu",
      "id": "s3"
    },
    "text": "Náš úřad zajišťuje klíčové služby a podporu pro občany, firmy i instituce. Zaměřujeme se na transparentnost, efektivitu a dostupnost, abychom usnadnili přístup k informacím, rozhodnutím a správním procesům. Poskytujeme aktuální data, odborné poradenství a správní agendy v souladu s legislativou České republiky. Naším cílem je být spolehlivým partnerem pro veřejnost i odborníky.",
    "ul": [
      {
        "li": "Vydávání povolení, dokladů a rozhodnutí dle platné legislativy."
      },
      {
        "li": "Vydávání povolení, dokladů a rozhodnutí dle platné legislativy."
      },
      {
        "li": "Vydávání povolení, dokladů a rozhodnutí dle platné legislativy."
      }
    ],
    "button": {
      "text": "Více o úřadu",
      "aria-label": "Více informací o úřadu",
      "color": "primary",
      "type": "outlined",
      "size": "l",
      "classes": [
        "gov-button--mobile-expanded"
      ]
    },
    "image": [
      {
        "src": "/assets/old-town-square",
        "figcaption": "Vydávání povolení, dokladů a rozhodnutí dle platné legislativy"
      },
      {
        "src": "/assets/old-town-square",
        "figcaption": "Poskytování odborných informací a asistence občanům i firmám"
      },
      {
        "src": "/assets/old-town-square",
        "figcaption": "Rozcestník informací"
      },
      {
        "src": "/assets/old-town-square",
        "figcaption": "Přístup k  dokumentům"
      }
    ]
  },
  "info": {
    "cards-icon": "info",
    "heading": {
      "tag": "h2",
      "name": "Nejnovější informace",
      "id": "s4"
    },
    "text": "Objevte aktuální data a přehledné analýzy, které pokrývají klíčové oblasti života v České republice – od ekonomiky a demografie po životní prostředí. Naše statistiky jsou spolehlivým zdrojem informací pro občany, firmy i odborníky",
    "card": [
      {
        "heading": {
          "tag": "h3",
          "name": "Rodina",
          "id": "informace1",
          "classes": [
            "gov-card__headline"
          ]
        },
        "id": "informace1",
        "text": "Rodina je v sociologii solidární skupina osob navzájem spjatých manželstvím, příbuzenstvím nebo adopcí, které spolu dlouhodobě žijí a jejíž...",
        "icon": {
          "slot": "icon",
          "type": "complex",
          "name": "family"
        },
        "url": "#",
        "direction": "horizontal",
        "col-span": {
          "default": "12",
          "lg": "6"
        }
      },
      {
        "heading": {
          "tag": "h3",
          "name": "Nemoci",
          "id": "informace2",
          "classes": [
            "gov-card__headline"
          ]
        },
        "id": "informace2",
        "text": "Lorem ipsum dolor sit amet, consectetuer adipiscing elit. In sem justo, commodo ut, suscipit at, pharetra vitae, orci. Fusce suscipit libero eget elit.",
        "icon": {
          "slot": "icon",
          "type": "complex",
          "name": "covid"
        },
        "url": "#",
        "direction": "horizontal",
        "col-span": {
          "default": "12",
          "lg": "6"
        }
      },
      {
        "heading": {
          "tag": "h3",
          "name": "Sociální péče",
          "id": "informace3",
          "classes": [
            "gov-card__headline"
          ]
        },
        "id": "informace3",
        "text": "Sociální péče je v rámci práva sociálního zabezpečení nástroj sociální podpory vytvořený státem, organizovaná solidarita mezi občany...",
        "icon": {
          "slot": "icon",
          "type": "complex",
          "name": "big-help"
        },
        "url": "#",
        "direction": "horizontal",
        "col-span": {
          "default": "12",
          "lg": "6"
        }
      },
      {
        "heading": {
          "tag": "h3",
          "name": "Invalidní důchod",
          "id": "informace4",
          "classes": [
            "gov-card__headline"
          ]
        },
        "id": "informace4",
        "text": "Invalidní důchod je jedním ze čtyř druhů důchodů českého důchodového systému (vedle důchodu starobního, vdovského, vdoveckého a sirotčího)...",
        "icon": {
          "slot": "icon",
          "type": "complex",
          "name": "disability"
        },
        "url": "#",
        "direction": "horizontal",
        "col-span": {
          "default": "12",
          "lg": "6"
        }
      },
      {
        "heading": {
          "tag": "h3",
          "name": "Doprava",
          "id": "informace5",
          "classes": [
            "gov-card__headline"
          ]
        },
        "id": "informace5",
        "text": "Doprava se obvykle zařazuje jako samostatný obor komunikace a telekomunikace. Obojí ovšem úzce souvisí – řízení dopravy...",
        "icon": {
          "slot": "icon",
          "type": "complex",
          "name": "car"
        },
        "url": "#",
        "direction": "horizontal",
        "col-span": {
          "default": "12",
          "lg": "6"
        }
      },
      {
        "heading": {
          "tag": "h3",
          "name": "Vzdělávání",
          "id": "informace6",
          "classes": [
            "gov-card__headline"
          ]
        },
        "id": "informace6",
        "text": "Vzdělávání je proces, který podporuje a napomáhá učení. V češtině se v návaznosti na mezinárodně obvyklé vymezení pojmů zpravidla odlišuje...",
        "icon": {
          "slot": "icon",
          "type": "complex",
          "name": "graduate"
        },
        "url": "#",
        "direction": "horizontal",
        "col-span": {
          "default": "12",
          "lg": "6"
        }
      }
    ]
  },
  "partners": {
    "heading": {
      "tag": "h2",
      "name": "Partneři",
      "id": "s5"
    },
    "button": [
      {
        "text": "Zobrazit vše",
        "color": "primary",
        "type": "base",
        "size": "s",
        "aria-label": "Zobrazit všechny partnery"
      }
    ],
    "logo": [
      {
        "href": "https://nakit.cz/",
        "aria-label": "Přejít na stránky NAKIT",
        "image": {
          "src": "/assets/nakit-color.svg",
          "width": "165",
          "height": "83"
        }
      },
      {
        "href": "https://nakit.cz/",
        "aria-label": "Přejít na stránky NAKIT",
        "image": {
          "src": "/assets/nakit-color.svg",
          "width": "165",
          "height": "83"
        }
      },
      {
        "href": "https://nakit.cz/",
        "aria-label": "Přejít na stránky NAKIT",
        "image": {
          "src": "/assets/nakit-color.svg",
          "width": "165",
          "height": "83"
        }
      },
      {
        "href": "https://nakit.cz/",
        "aria-label": "Přejít na stránky NAKIT",
        "image": {
          "src": "/assets/nakit-color.svg",
          "width": "165",
          "height": "83"
        }
      },
      {
        "href": "https://nakit.cz/",
        "aria-label": "Přejít na stránky NAKIT",
        "image": {
          "src": "/assets/nakit-color.svg",
          "width": "165",
          "height": "83"
        }
      },
      {
        "href": "https://nakit.cz/",
        "aria-label": "Přejít na stránky NAKIT",
        "image": {
          "src": "/assets/nakit-color.svg",
          "width": "165",
          "height": "83"
        }
      }
    ]
  },
  "links": {
    "heading": {
      "tag": "h2",
      "name": "Zajímavé odkazy",
      "id": "s6"
    },
    "tile": [
      {
        "heading": {
          "slot": "title",
          "tag": "h3",
          "name": "Veřejný rejstřík"
        },
        "content": "Získání široké škály veřejných informací o subjektech obecného zájmu",
        "icon": {
          "slot": "icon",
          "name": "business-file",
          "type": "complex"
        },
        "orientation": "vertical",
        "size": "s",
        "href": "#",
        "noborder": "true",
        "col-span": {
          "default": "12",
          "lg": "4"
        }
      },
      {
        "heading": {
          "slot": "title",
          "tag": "h3",
          "name": "Hledání volných míst"
        },
        "content": "Nabídka pracovních pozic na českém i zahraničním trhu práce",
        "icon": {
          "slot": "icon",
          "name": "job",
          "type": "complex"
        },
        "orientation": "vertical",
        "size": "s",
        "href": "#",
        "noborder": "true",
        "col-span": {
          "default": "12",
          "lg": "4"
        }
      },
      {
        "heading": {
          "slot": "title",
          "tag": "h3",
          "name": "Volební rok"
        },
        "content": "Aktuální informace o volbách v ČR i ve světě na jednom místě",
        "icon": {
          "slot": "icon",
          "name": "chamber-deputies",
          "type": "complex"
        },
        "orientation": "vertical",
        "size": "s",
        "href": "#",
        "noborder": "true",
        "col-span": {
          "default": "12",
          "lg": "4"
        }
      }
    ]
  },
  "faq": {
    "heading": {
      "tag": "h2",
      "name": "Časté dotazy",
      "id": "s7"
    },
    "size": "m",
    "accordion": [
      {
        "title": "Jakým způsobem se podává žádost o závazné stanovisko?",
        "content": "Nejdříve je nutné v přihlášení prokázat svou totožnost. Přihlásit se můžete pomocí libovolného prostředku Identity občanaIkona šipky označující odkaz vedoucí ven z webu (např. Mobilním klíčem eGovernmentu nebo bankovní identitou) nebo datovou schránkou."
      },
      {
        "title": "Platí se správní poplatek při vyřízení žádosti o informace?",
        "content": "Ano. Na Portálu občana se zobrazí vaše data, která jsou bezpečně uložená v informačních systémech veřejné správy a přístup k nim máte pouze vy. Když se přihlásíte, data se načtou, když se odhlásíte, tak se zase z Portálu občana vymažou. Proto se vždy ujistěte, že jste se správně odhlásili."
      },
      {
        "title": "Jaké informace úřad poskytuje volně?",
        "content": "Nejdříve je nutné v přihlášení prokázat svou totožnost. Přihlásit se můžete pomocí libovolného prostředku Identity občanaIkona šipky označující odkaz vedoucí ven z webu (např. Mobilním klíčem eGovernmentu nebo bankovní identitou) nebo datovou schránkou."
      },
      {
        "title": "Jak často jsou data aktualizována?",
        "content": "Ano. Na Portálu občana se zobrazí vaše data, která jsou bezpečně uložená v informačních systémech veřejné správy a přístup k nim máte pouze vy. Když se přihlásíte, data se načtou, když se odhlásíte, tak se zase z Portálu občana vymažou. Proto se vždy ujistěte, že jste se správně odhlásili."
      }
    ]
  }
}

No notes defined.