<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">
<gov-layout type="aside" variant="left">
<gov-layout-column class="gov-desktop-only">
<aside aria-label="Filtr výsledků vyhledávání">
<form class="gov-filters">
<gov-flex direction="column" gap="s">
<fieldset>
<legend class="gov-filters__heading" aria-label="Filtr: Kdo využívá službu">Kdo využívá službu</legend>
<ul class="gov-list--plain">
<li>
<gov-form-checkbox size="m" value="Občan">
<gov-form-label size="m" slot="label">Občan (80)</gov-form-label>
</gov-form-checkbox>
</li>
<li>
<gov-form-checkbox size="m" value="Podnikatel">
<gov-form-label size="m" slot="label">Podnikatel (46)</gov-form-label>
</gov-form-checkbox>
</li>
<li>
<gov-form-checkbox size="m" value="Právnická osoba">
<gov-form-label size="m" slot="label">Právnická osoba (12)</gov-form-label>
</gov-form-checkbox>
</li>
</ul>
</fieldset>
<fieldset>
<legend class="gov-filters__heading" aria-label="Filtr: Vyřízení služby">Vyřízení služby</legend>
<ul class="gov-list--plain">
<li>
<gov-form-checkbox size="m" value="Online">
<gov-form-label size="m" slot="label">Online (64)</gov-form-label>
</gov-form-checkbox>
</li>
<li>
<gov-form-checkbox size="m" value="Osobně nebo poštou">
<gov-form-label size="m" slot="label">Osobně nebo poštou (32)</gov-form-label>
</gov-form-checkbox>
</li>
<li>
<gov-form-checkbox size="m" value="Czech POINT">
<gov-form-label size="m" slot="label">Czech POINT (8)</gov-form-label>
</gov-form-checkbox>
</li>
<li>
<gov-form-checkbox size="m" value="Online zastoupení">
<gov-form-label size="m" slot="label">Online zastoupení (16)</gov-form-label>
</gov-form-checkbox>
</li>
</ul>
</fieldset>
<fieldset>
<legend class="gov-filters__heading" aria-label="Filtr: Role">Role</legend>
<ul class="gov-list--plain">
<li>
<gov-form-checkbox size="m" value="Řidič">
<gov-form-label size="m" slot="label">Řidič (2)</gov-form-label>
</gov-form-checkbox>
</li>
<li>
<gov-form-checkbox size="m" value="Zákonný zástupce">
<gov-form-label size="m" slot="label">Zákonný zástupce (5)</gov-form-label>
</gov-form-checkbox>
</li>
<li>
<gov-form-checkbox size="m" value="Zaměstnanec">
<gov-form-label size="m" slot="label">Zaměstnanec (21)</gov-form-label>
</gov-form-checkbox>
</li>
<li>
<gov-form-checkbox size="m" value="Cizinec">
<gov-form-label size="m" slot="label">Cizinec (6)</gov-form-label>
</gov-form-checkbox>
</li>
</ul>
</fieldset>
<fieldset>
<legend class="gov-sr-only">Další filtry výsledků vyhledávání</legend>
<gov-accordion size="m" no-border>
<gov-accordion-item>
<span slot="label">Kategorie</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">Životní události</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">Vlastnosti služby</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>
</ul>
</gov-accordion-item>
<gov-accordion-item>
<span slot="label">Typ služby</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>
</ul>
</gov-accordion-item>
</gov-accordion>
</fieldset>
</gov-flex>
</form>
</aside>
</gov-layout-column>
<gov-layout-column>
<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>Vyhledávání "výpis"</h1>
</gov-flex>
</header>
<section aria-label="Kategorie výsledků vyhledávání">
<gov-tile orientation="vertical" size="s" href="#" no-border class="searched">
<span slot="title"><b>Výpisy</b></span>
</gov-tile>
</section>
<gov-flex direction="column" gap="xl">
<section aria-label="Počet výsledků vyhledávání a jejich řazení">
<gov-flex gap="m" justify-content="space-between" align-items="center">
<span>96 výsledků vyhledávání</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 výsledky
</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í výsledků vyhledávání">
<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> Nejčastěji navštěvované
</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í výsledků vyhledávání">
<gov-button color="primary" size="m" type="base">
<span class="gov-text-weight--normal">Řazení:</span> Nejčastěji navštěvované
<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 výsledků vyhledávání">
<gov-flex direction="column" gap="xl">
<gov-grid gap="l" class="gov-card-grid">
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="vv1">
<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">
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="check-circle-fill" slot="icon-start"></gov-icon>
Vyřídíte online
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="person" slot="icon-start"></gov-icon>
Občan
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Podnikatel
</gov-tag>
</li>
</ul>
<h2 id="vv1" class=" gov-card__headline">Výpis z rejstříku trestů</h2>
</gov-flex>
</header>
<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="vv2">
<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">
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="check-circle-fill" slot="icon-start"></gov-icon>
Vyřídíte online
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="person" slot="icon-start"></gov-icon>
Občan
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Podnikatel
</gov-tag>
</li>
</ul>
<h2 id="vv2" class=" gov-card__headline">Výpis z rejstříku trestů</h2>
</gov-flex>
</header>
<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="vv3">
<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">
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="check-circle-fill" slot="icon-start"></gov-icon>
Vyřídíte online
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="person" slot="icon-start"></gov-icon>
Občan
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Podnikatel
</gov-tag>
</li>
</ul>
<h2 id="vv3" class=" gov-card__headline">Výpis z rejstříku trestů</h2>
</gov-flex>
</header>
<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="vv4">
<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">
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="check-circle-fill" slot="icon-start"></gov-icon>
Vyřídíte online
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="person" slot="icon-start"></gov-icon>
Občan
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Podnikatel
</gov-tag>
</li>
</ul>
<h2 id="vv4" class=" gov-card__headline">Výpis z rejstříku trestů</h2>
</gov-flex>
</header>
<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="vv5">
<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">
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="check-circle-fill" slot="icon-start"></gov-icon>
Vyřídíte online
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="person" slot="icon-start"></gov-icon>
Občan
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Podnikatel
</gov-tag>
</li>
</ul>
<h2 id="vv5" class=" gov-card__headline">Výpis z rejstříku trestů</h2>
</gov-flex>
</header>
<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="vv6">
<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">
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="check-circle-fill" slot="icon-start"></gov-icon>
Vyřídíte online
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="person" slot="icon-start"></gov-icon>
Občan
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Podnikatel
</gov-tag>
</li>
</ul>
<h2 id="vv6" class=" gov-card__headline">Výpis z rejstříku trestů</h2>
</gov-flex>
</header>
<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="vv7">
<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">
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="check-circle-fill" slot="icon-start"></gov-icon>
Vyřídíte online
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="person" slot="icon-start"></gov-icon>
Občan
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Podnikatel
</gov-tag>
</li>
</ul>
<h2 id="vv7" class=" gov-card__headline">Výpis z rejstříku trestů</h2>
</gov-flex>
</header>
<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="vv8">
<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">
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="check-circle-fill" slot="icon-start"></gov-icon>
Vyřídíte online
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="person" slot="icon-start"></gov-icon>
Občan
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Podnikatel
</gov-tag>
</li>
</ul>
<h2 id="vv8" class=" gov-card__headline">Výpis z rejstříku trestů</h2>
</gov-flex>
</header>
<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="vv9">
<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">
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="check-circle-fill" slot="icon-start"></gov-icon>
Vyřídíte online
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="person" slot="icon-start"></gov-icon>
Občan
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Podnikatel
</gov-tag>
</li>
</ul>
<h2 id="vv9" class=" gov-card__headline">Výpis z rejstříku trestů</h2>
</gov-flex>
</header>
<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="vv10">
<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">
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="check-circle-fill" slot="icon-start"></gov-icon>
Vyřídíte online
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="person" slot="icon-start"></gov-icon>
Občan
</gov-tag>
</li>
<li>
<gov-tag color="neutral" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Podnikatel
</gov-tag>
</li>
</ul>
<h2 id="vv10" class=" gov-card__headline">Výpis z rejstříku trestů</h2>
</gov-flex>
</header>
<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
</gov-grid>
<gov-flex justify-content="center" responsive="false">
<gov-pagination size="m" color="primary" current="88" total="1000" aria-label="Stránkování výsledků vyhledávání" type="select" class=" gov-mobile-only">
</gov-pagination>
<gov-button color="primary" size="m" type="outlined" aria-label="Načíst dalších 10 výsledků vyhledávání" class=" gov-desktop-only">
Načíst dalších 10
</gov-button>
</gov-flex>
</gov-flex>
</section>
</gov-flex>
</main>
</gov-layout-column>
</gov-layout>
</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=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 © Digitální a informační agentura • 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">
<gov-layout type="aside" variant="left">
<gov-layout-column class="gov-desktop-only">
<aside aria-label="{{ aside/aria-label }}">
{{ render '@filters' filters }}
</aside>
</gov-layout-column>
<gov-layout-column>
<main>
{{ render '@page-heading' heading }}
<section aria-label="{{ searched/aria-label }}">
<gov-tile orientation="vertical" size="s" href="#" no-border class="searched">
<span slot="title">{{{ searched/category }}}</span>
</gov-tile>
</section>
<gov-flex direction="column" gap="xl">
{{ render '@sort-count' }}
<section aria-label="{{ results/aria-label }}">
<gov-flex direction="column" gap="xl">
{{ render '@cards' cards }}
{{ render '@pagination-section' pagination }}
</gov-flex>
</section>
</gov-flex>
</main>
</gov-layout-column>
</gov-layout>
</gov-container>
{{ render '@footer' }}
{
"aside": {
"aria-label": "Filtr výsledků vyhledávání"
},
"heading": {
"heading": {
"tag": "h1",
"name": "Vyhledávání \"výpis\""
}
},
"searched": {
"aria-label": "Kategorie výsledků vyhledávání",
"category": "<b>Výpisy</b>"
},
"results": {
"aria-label": "Výpis výsledků vyhledávání"
},
"pagination": {
"button": {
"text": "Načíst dalších 10",
"color": "primary",
"type": "outlined",
"size": "m",
"aria-label": "Načíst dalších 10 výsledků vyhledávání",
"classes": [
"gov-desktop-only"
]
},
"pagination-mobile": {
"type": "select",
"current": "88",
"total": "1000",
"classes": [
"gov-mobile-only"
]
}
},
"filters": {
"accordions": {
"legend": "Další filtry výsledků vyhledávání"
},
"filter-aria-label": {
"0": "Filtr: Kdo využívá službu",
"1": "Filtr: Vyřízení služby",
"2": "Filtr: Role"
},
"filter-group": [
{
"name": "Kdo využívá službu",
"checkbox": "true",
"filter": [
{
"value": "Občan",
"count": "(80)"
},
{
"value": "Podnikatel",
"count": "(46)"
},
{
"value": "Právnická osoba",
"count": "(12)"
}
]
},
{
"name": "Vyřízení služby",
"checkbox": "true",
"filter": [
{
"value": "Online",
"count": "(64)"
},
{
"value": "Osobně nebo poštou",
"count": "(32)"
},
{
"value": "Czech POINT",
"count": "(8)"
},
{
"value": "Online zastoupení",
"count": "(16)"
}
]
},
{
"name": "Role",
"checkbox": "true",
"filter": [
{
"value": "Řidič",
"count": "(2)"
},
{
"value": "Zákonný zástupce",
"count": "(5)"
},
{
"value": "Zaměstnanec",
"count": "(21)"
},
{
"value": "Cizinec",
"count": "(6)"
}
]
}
],
"accordion": [
{
"name": "Kategorie",
"checkbox": "true",
"filter": [
{
"value": "Hodnota",
"count": "(10)"
},
{
"value": "Hodnota",
"count": "(10)"
},
{
"value": "Hodnota",
"count": "(10)"
}
]
},
{
"name": "Životní události",
"checkbox": "true",
"filter": [
{
"value": "Hodnota",
"count": "(10)"
},
{
"value": "Hodnota",
"count": "(10)"
},
{
"value": "Hodnota",
"count": "(10)"
}
]
},
{
"name": "Vlastnosti služby",
"radio": "true",
"filter": [
{
"value": "Hodnota",
"count": "(10)"
},
{
"value": "Hodnota",
"count": "(10)"
},
{
"value": "Hodnota",
"count": "(10)"
}
]
},
{
"name": "Typ služby",
"radio": "true",
"filter": [
{
"value": "Hodnota",
"count": "(10)"
},
{
"value": "Hodnota",
"count": "(10)"
},
{
"value": "Hodnota",
"count": "(10)"
}
]
}
]
},
"cards": {
"card": [
{
"heading": {
"tag": "h2",
"name": "Výpis z rejstříku trestů",
"id": "vv1",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"text": "<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>",
"image": {
"slot": "img",
"src": "/assets/documents",
"width": "800",
"height": "533"
},
"tag-top": true,
"tag": [
{
"name": "Vyřídíte online",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "check-circle-fill"
}
},
{
"name": "Občan",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "person"
}
},
{
"name": "Podnikatel",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
},
{
"heading": {
"tag": "h2",
"name": "Výpis z rejstříku trestů",
"id": "vv2",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"text": "<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>",
"image": {
"slot": "img",
"src": "/assets/documents",
"width": "800",
"height": "533"
},
"tag-top": true,
"tag": [
{
"name": "Vyřídíte online",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "check-circle-fill"
}
},
{
"name": "Občan",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "person"
}
},
{
"name": "Podnikatel",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
},
{
"heading": {
"tag": "h2",
"name": "Výpis z rejstříku trestů",
"id": "vv3",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"text": "<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>",
"image": {
"slot": "img",
"src": "/assets/documents",
"width": "800",
"height": "533"
},
"tag-top": true,
"tag": [
{
"name": "Vyřídíte online",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "check-circle-fill"
}
},
{
"name": "Občan",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "person"
}
},
{
"name": "Podnikatel",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
},
{
"heading": {
"tag": "h2",
"name": "Výpis z rejstříku trestů",
"id": "vv4",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"text": "<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>",
"image": {
"slot": "img",
"src": "/assets/documents",
"width": "800",
"height": "533"
},
"tag-top": true,
"tag": [
{
"name": "Vyřídíte online",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "check-circle-fill"
}
},
{
"name": "Občan",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "person"
}
},
{
"name": "Podnikatel",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
},
{
"heading": {
"tag": "h2",
"name": "Výpis z rejstříku trestů",
"id": "vv5",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"text": "<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>",
"image": {
"slot": "img",
"src": "/assets/documents",
"width": "800",
"height": "533"
},
"tag-top": true,
"tag": [
{
"name": "Vyřídíte online",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "check-circle-fill"
}
},
{
"name": "Občan",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "person"
}
},
{
"name": "Podnikatel",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
},
{
"heading": {
"tag": "h2",
"name": "Výpis z rejstříku trestů",
"id": "vv6",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"text": "<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>",
"image": {
"slot": "img",
"src": "/assets/documents",
"width": "800",
"height": "533"
},
"tag-top": true,
"tag": [
{
"name": "Vyřídíte online",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "check-circle-fill"
}
},
{
"name": "Občan",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "person"
}
},
{
"name": "Podnikatel",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
},
{
"heading": {
"tag": "h2",
"name": "Výpis z rejstříku trestů",
"id": "vv7",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"text": "<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>",
"image": {
"slot": "img",
"src": "/assets/documents",
"width": "800",
"height": "533"
},
"tag-top": true,
"tag": [
{
"name": "Vyřídíte online",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "check-circle-fill"
}
},
{
"name": "Občan",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "person"
}
},
{
"name": "Podnikatel",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
},
{
"heading": {
"tag": "h2",
"name": "Výpis z rejstříku trestů",
"id": "vv8",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"text": "<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>",
"image": {
"slot": "img",
"src": "/assets/documents",
"width": "800",
"height": "533"
},
"tag-top": true,
"tag": [
{
"name": "Vyřídíte online",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "check-circle-fill"
}
},
{
"name": "Občan",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "person"
}
},
{
"name": "Podnikatel",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
},
{
"heading": {
"tag": "h2",
"name": "Výpis z rejstříku trestů",
"id": "vv9",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"text": "<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>",
"image": {
"slot": "img",
"src": "/assets/documents",
"width": "800",
"height": "533"
},
"tag-top": true,
"tag": [
{
"name": "Vyřídíte online",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "check-circle-fill"
}
},
{
"name": "Občan",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "person"
}
},
{
"name": "Podnikatel",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
},
{
"heading": {
"tag": "h2",
"name": "Výpis z rejstříku trestů",
"id": "vv10",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"text": "<p>Tento formulář použijte, pokud si potřebujete zařídit výpis z rejstříku trestů.</p>",
"image": {
"slot": "img",
"src": "/assets/documents",
"width": "800",
"height": "533"
},
"tag-top": true,
"tag": [
{
"name": "Vyřídíte online",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "check-circle-fill"
}
},
{
"name": "Občan",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "person"
}
},
{
"name": "Podnikatel",
"color": "neutral",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
}
]
}
}
@import "../../../../styles/mixins";
.searched {
width: fit-content;
background-color: var(--background-block-primary);
border-radius: var(--corner-radius-s);
.gov-tile__title {
gap: var(--spacing-s);
}
}
.gov-filter-tag {
display: flex;
gap: var(--spacing-2xs);
align-items: center;
padding-left: var(--spacing-s-nudge);
border: 1px solid var(--border-subtle);
border-radius: var(--corner-radius-s);
}
.empty-search-results {
margin: 0;
padding: var(--spacing-m) !important;
background-color: var(--background-block-primary);
border-radius: var(--corner-radius-m);
p:not([slot="headline"]) {
@include typography("body-s");
}
@include mq($from: md) {
flex-direction: row;
}
}
No notes defined.