<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="31" height="40" viewBox="0 0 324 413" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M154.367 270.135C154.367 270.135 148.081 268.649 146.595 262.735C144.752 255.691 149.938 251.635 149.938 251.635C143.653 247.934 135.881 242.005 128.853 236.463L99.9801 241.649C74.4362 246.077 67.0361 265.305 99.2371 305.293H62.9645C62.6079 296.778 60.3938 291.592 58.15 287.877C51.8643 277.907 42.9931 279.021 34.8499 286.035C39.293 289.007 42.2501 291.949 45.222 296.407C48.1643 300.85 49.6502 304.55 50.0217 306.036C43.7361 300.85 32.621 297.893 28.1928 298.264C22.6501 298.621 15.9781 303.807 15.9781 315.279C15.9781 315.279 23.7349 313.065 32.9925 314.521C38.1785 315.279 44.8505 317.508 44.8505 317.508C40.7641 318.607 36.3211 321.564 33.364 324.536C25.9787 331.936 29.2924 338.965 38.1785 346.737C39.6645 341.551 42.2501 337.108 48.1643 331.193C53.3503 325.993 54.8363 324.908 57.0652 323.793C62.7862 325.502 68.3735 326.884 73.7675 328.028C76.576 335.414 70.3796 344.879 70.3796 344.879C80.7071 347.465 90.6928 338.98 91.094 330.867C110.753 333.14 126.98 331.743 137.337 328.608L116.623 281.235C116.623 281.235 141.424 279.021 154.367 270.135Z" fill="currentColor" />
<path d="M40.779 118.046L52.1467 129.131C50.4378 136.68 40.036 140.989 40.036 140.989C47.2578 148.924 59.74 147.364 64.8072 141.45L96.6515 172.432C99.2223 156.889 105.909 149.489 115.152 142.46C90.3659 124.331 57.7934 108.788 57.7934 108.788C63.3509 102.502 65.565 97.3163 66.6646 92.8733C69.2651 81.4016 62.2364 75.8589 51.4928 75.4874C52.6222 80.6586 52.2507 85.8446 51.4928 89.5447C50.7647 93.9877 50.0069 96.5733 48.1643 100.273C47.4361 92.1303 41.5219 82.1446 38.1785 79.1875C34.1218 75.4874 25.6072 74.7444 17.4492 82.516C17.4492 82.516 24.8642 86.9591 30.0503 93.9877C33.0073 98.0593 36.321 104.716 36.321 104.716C32.621 102.502 27.4498 101.388 23.3634 101.388C12.6495 101.388 10.0491 108.788 10.8069 120.631C15.6066 118.046 21.1493 116.56 28.9209 116.56C33.7503 116.56 37.4504 116.931 40.779 118.046Z" fill="currentColor" />
<path d="M153.267 88.4451C148.824 88.4451 145.495 85.1016 145.495 78.073H164.367C164.367 83.259 158.438 88.4451 153.267 88.4451ZM323.114 196.49H308.447C308.596 194.291 308.685 192.077 308.685 189.833C308.685 167.261 300.542 151.346 290.185 138.76C290.185 138.76 282.413 144.689 279.456 148.389C287.956 159.118 294.256 172.061 294.256 190.204C294.256 192.3 294.167 194.395 294.003 196.49H277.97C277.97 200.918 282.933 208.66 291.537 211.602C287.688 227.012 280.139 241.188 271.313 252.125C258.504 236.255 248.369 213.579 248.369 190.204C248.369 159.118 265.755 143.203 284.255 127.66C285.86 126.308 288.342 124.361 291.21 121.879C295.95 126.174 300.898 131.405 304.985 138.017C304.985 138.017 315.342 132.846 315.342 124.331C315.342 116.396 306.723 114.732 298.655 114.895C306.813 106.485 314.971 95.0279 314.971 81.7731C314.971 68.0873 306.456 59.5726 294.628 59.5726C277.227 59.5726 275.384 77.7015 275.384 81.7731C275.384 81.7731 279.812 77.7015 285.37 77.7015C290.556 77.7015 295.727 81.4016 295.727 89.5447C295.727 99.5453 287.584 106.574 272.784 119.145C255.769 133.589 233.941 153.189 233.941 189.833C233.941 192.077 234.015 194.291 234.178 196.49H217.654C217.654 201.795 224.742 211.796 236.645 212.702C243.168 240.728 259.425 261.041 261.773 263.864C259.365 266.673 253.734 271.606 243.926 271.606C234.267 271.606 225.352 266.925 217.966 257.177C217.996 256.078 218.026 254.978 218.026 253.849C218.026 226.834 208.397 195.747 192.853 177.247H219.868C219.497 161.704 213.211 147.275 197.668 133.217H213.211C213.211 102.502 191.382 91.7737 189.525 90.2877C203.597 86.9591 209.511 75.8589 209.511 69.5584H141.795C141.795 69.5584 133.652 78.816 119.223 84.7301C119.223 94.7307 126.624 103.245 132.909 107.674C138.838 98.0593 146.238 96.9448 150.31 96.9448C156.596 96.9448 161.782 100.273 161.782 106.202C161.782 110.645 158.81 115.074 153.639 115.074C149.938 115.074 145.867 112.86 140.309 112.86C126.624 112.86 128.466 126.545 128.466 126.545H151.781C153.98 144.169 109.579 145.046 108.881 178.302C70.1567 188.6 45.9502 202.776 45.9502 202.776C44.8357 194.633 42.2501 189.461 39.293 185.761C31.8929 176.504 23.3782 178.361 16.3496 186.133C21.1641 188.718 23.7497 190.933 27.4498 195.376C31.1499 199.819 31.5214 200.933 33.364 204.633C26.7068 200.19 15.2351 198.348 10.792 199.076C5.24937 199.819 -0.679657 205.748 0.063329 216.848C0.063329 216.848 7.46347 214.619 14.8636 214.619C22.2638 214.619 28.9358 216.848 28.9358 216.848C24.8642 217.948 20.7926 221.276 18.1922 224.62C11.535 233.119 15.2351 239.42 24.8642 246.448C25.9638 241.262 29.3073 234.605 33.364 229.791C35.5929 227.205 39.293 223.505 41.8786 222.019L57.4219 219.909C62.0729 226.269 58.9078 236.819 58.9078 236.819C69.488 236.091 76.4572 225.288 74.882 217.546L121.72 211.186C137.858 231.514 164.011 245.408 168.81 247.92L154.738 296.407C148.824 316.75 152.896 332.293 168.067 335.25C177.682 337.108 190.639 333.779 190.639 333.779L173.61 367.823C166.21 363.751 160.667 362.265 156.224 362.265C144.381 362.265 140.309 370.408 142.167 380.766C147.338 378.551 151.038 377.808 156.596 377.808C159.924 377.808 163.253 377.808 167.324 378.923C159.553 381.509 151.038 389.28 148.824 392.98C145.867 397.795 146.967 406.309 156.224 412.595C156.224 412.595 158.438 405.195 164.739 398.166C168.439 394.095 173.982 389.652 173.982 389.652C172.51 393.723 172.51 399.266 173.61 402.981C176.21 412.967 181.382 414.809 194.711 411.481C191.382 407.038 189.153 403.337 187.311 394.466C186.196 389.652 185.825 385.952 186.196 382.623C189.361 379.012 193.953 374.822 199.094 370.126C206.658 372.191 210.626 382.623 210.626 382.623C218.486 375.832 217.714 363.528 211.993 358.03C225.322 344.82 237.997 328.994 237.997 311.579H197.296C197.296 311.579 210.388 299.884 215.752 275.41C223.019 282.231 233.97 286.035 243.183 286.035C252.441 286.035 261.684 281.607 266.87 276.792V303.436C278.713 303.436 288.699 287.149 280.184 273.092C299.427 283.821 312.013 270.135 312.013 261.992H282.339C287.138 255.78 300.349 237.087 306.025 212.479C316.783 210.726 323.114 201.498 323.114 196.49Z" fill="currentColor" />
<path d="M112.938 117.303H125.509C125.509 109.531 117.737 108.788 110.709 106.202C104.78 103.988 99.6086 99.9168 99.6086 89.5447C99.6086 85.1016 100.723 78.073 107.009 72.9018C95.8937 72.9018 84.0653 80.3019 84.0653 93.9877C84.0653 105.088 91.837 117.303 112.938 117.303Z" fill="currentColor" />
<path d="M138.095 57.3585H198.039L219.497 17.7574C212.097 12.2147 195.825 14.0573 195.825 26.6435C195.825 31.0865 197.668 34.0436 197.668 37.7437C197.668 43.6727 192.853 45.5153 187.311 45.5153C176.21 45.5153 172.139 37.3722 172.139 30.715L175.467 32.9291C181.025 36.6292 187.682 32.201 187.682 26.272C187.682 21.1008 182.868 17.7574 178.425 18.5003L173.625 19.2433L175.839 14.4288C179.168 7.40012 173.982 3.32858 168.067 0C162.153 3.32858 156.967 7.40012 160.296 14.4288L162.51 19.2433L157.71 18.5003C153.267 17.7574 148.453 21.1008 148.453 26.272C148.453 32.201 155.11 36.6292 160.667 32.9291L163.996 30.715C163.996 37.3722 159.924 45.5153 148.824 45.5153C143.281 45.5153 138.467 43.6727 138.467 37.7437C138.467 34.0436 140.309 31.0865 140.309 26.6435C140.309 14.0573 124.038 12.2147 116.638 17.7574L138.095 57.3585Z" fill="currentColor" />
<path d="M227.268 124.331C227.268 132.846 237.626 138.017 237.626 138.017C241.697 131.36 254.655 118.046 262.055 112.488C252.054 103.973 246.883 97.6878 246.883 89.5447C246.883 81.4016 252.054 77.7015 257.241 77.7015C262.798 77.7015 267.226 81.7731 267.226 81.7731C267.226 77.7015 265.398 59.5726 247.998 59.5726C236.155 59.5726 227.64 68.0873 227.64 81.7731C227.64 95.1022 235.783 106.574 243.926 115.074C235.783 114.717 227.268 116.56 227.268 124.331Z" 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-item col-span="12" col-span-lg="4">
<gov-card href="#" aria-labelledby="temata7">
<gov-flex gap="s" direction="column">
<header>
<h3 id="temata7" 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="temata8">
<gov-flex gap="s" direction="column">
<header>
<h3 id="temata8" 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="temata9">
<gov-flex gap="s" direction="column">
<header>
<h3 id="temata9" 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">
<h3 id="aktuality1" class=" gov-card__headline">Střední školu v jiném kraji navštěvují hlavně Středočeši</h3>
<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">
<h3 id="aktuality2" class=" gov-card__headline">Učitelé loni v průměru vydělávali 49 tisíc korun měsíčně</h3>
<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">
<h3 id="aktuality3" class=" gov-card__headline">Výdaje na příspěvek na bydlení vzrostly loni na dvojnásobek</h3>
<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>
<section aria-labelledby="s3">
<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="s3">Tiskové zprávy</h2>
<gov-flex gap="s">
<gov-button color="primary" size="s" type="base" aria-label="Zobrazit všechny tiskové zprávy">
Zobrazit vše
</gov-button>
</gov-flex>
</gov-flex>
</gov-flex>
<div class="gov-text-content">
<gov-grid gap="l" class="gov-card-grid">
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="tiskovky1">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="tiskovky1" class=" gov-card__headline">Digitalizace veřejné správy zrychlí přístup k úřadům</h3>
<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>inisterstvo pro místní rozvoj spouští nový projekt digitalizace veřejných služeb. Občané budou moci vyřizovat své záležitosti online z pohodlí domova, včetně žádostí o doklady či plateb poplatků. Projekt má za cíl zlepšit komfort občanů a zkrátit čekací doby.</p>
<footer>
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Digitalizace
</gov-tag>
</li>
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Informace pro občany
</gov-tag>
</li>
</ul>
</footer>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="tiskovky2">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="tiskovky2" class=" gov-card__headline">Digitalizace veřejné správy zrychlí přístup k úřadům</h3>
<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>Ministerstvo pro místní rozvoj spouští nový projekt digitalizace veřejných služeb. Občané budou moci vyřizovat své záležitosti online z pohodlí domova, včetně žádostí o doklady či plateb poplatků. Projekt má za cíl zlepšit komfort občanů a zkrátit čekací doby.</p>
<footer>
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Digitalizace
</gov-tag>
</li>
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Informace pro občany
</gov-tag>
</li>
</ul>
</footer>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="tiskovky3">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="tiskovky3" class=" gov-card__headline">Digitalizace veřejné správy zrychlí přístup k úřadům</h3>
<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>Ministerstvo pro místní rozvoj spouští nový projekt digitalizace veřejných služeb. Občané budou moci vyřizovat své záležitosti online z pohodlí domova, včetně žádostí o doklady či plateb poplatků. Projekt má za cíl zlepšit komfort občanů a zkrátit čekací doby.</p>
<footer>
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Digitalizace
</gov-tag>
</li>
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Informace pro občany
</gov-tag>
</li>
</ul>
</footer>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
<gov-grid-item col-span="12">
<article>
<gov-card direction="horizontal" href="#" aria-labelledby="tiskovky4">
<gov-flex gap="s" direction="column">
<header>
<gov-flex gap="s" direction="column">
<h3 id="tiskovky4" class=" gov-card__headline">Digitalizace veřejné správy zrychlí přístup k úřadům</h3>
<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>Ministerstvo pro místní rozvoj spouští nový projekt digitalizace veřejných služeb. Občané budou moci vyřizovat své záležitosti online z pohodlí domova, včetně žádostí o doklady či plateb poplatků. Projekt má za cíl zlepšit komfort občanů a zkrátit čekací doby.</p>
<footer>
<ul class="gov-tags gov-list--plain">
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Digitalizace
</gov-tag>
</li>
<li>
<gov-tag color="secondary" type="subtle" size="xs">
<gov-icon type="templates" name="briefcase" slot="icon-start"></gov-icon>
Informace pro občany
</gov-tag>
</li>
</ul>
</footer>
</gov-flex>
</gov-card>
</article>
</gov-grid-item>
</gov-grid>
</div>
</gov-flex>
</section>
<section class="gov-mb--l" aria-labelledby="s4">
<gov-grid gap="3xl">
<gov-grid-item col-span="12" col-span-lg="7">
<gov-flex gap="l" direction="column">
<h2 id="s4">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="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">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="info1">
<gov-icon type="complex" name="family" slot="icon"></gov-icon>
<gov-flex gap="s" direction="column">
<header>
<h3 id="info1" 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="info2">
<gov-icon type="complex" name="covid" slot="icon"></gov-icon>
<gov-flex gap="s" direction="column">
<header>
<h3 id="info2" 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="info3">
<gov-icon type="complex" name="big-help" slot="icon"></gov-icon>
<gov-flex gap="s" direction="column">
<header>
<h3 id="info3" 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="info4">
<gov-icon type="complex" name="disability" slot="icon"></gov-icon>
<gov-flex gap="s" direction="column">
<header>
<h3 id="info4" 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="info5">
<gov-icon type="complex" name="car" slot="icon"></gov-icon>
<gov-flex gap="s" direction="column">
<header>
<h3 id="info5" 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="info6">
<gov-icon type="complex" name="graduate" slot="icon"></gov-icon>
<gov-flex gap="s" direction="column">
<header>
<h3 id="info6" 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 class="gov-mb--l" aria-labelledby="s6">
<gov-flex gap="l" direction="column">
<h2 id="s6">Fotogalerie</h2>
<div class="gov-gallery" aria-label="Fotogalerie">
<gov-grid gap="m">
<gov-grid-item col-span="12">
<a href="/assets/old-town-square.jpg">
<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="Pohled na Staroměstské náměstí v Praze, Česká republika. Celá scéna je nasvícena slunečním světlem." width="800" height="533" />
</picture>
</a>
</gov-grid-item>
<gov-grid-item col-span="12" col-span-sm="3">
<a href="/assets/man.jpg">
<picture>
<source srcset="/assets/man.avif" type="image/avif">
<source srcset="/assets/man.webp" type="image/webp">
<img src="/assets/man.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>
</a>
</gov-grid-item>
<gov-grid-item col-span="12" col-span-sm="3">
<a href="/assets/documents.jpg">
<picture>
<source srcset="/assets/documents.avif" type="image/avif">
<source srcset="/assets/documents.webp" type="image/webp">
<img src="/assets/documents.jpg" alt="Větší stoh dokumentů, oddělených kancelářskými svorkami. V pozadí svítí slunce skrz žaluzie." width="800" height="533" />
</picture>
</a>
</gov-grid-item>
<gov-grid-item col-span="12" col-span-sm="3">
<a href="/assets/old-town-square.jpg">
<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="Pohled na Staroměstské náměstí v Praze, Česká republika. Celá scéna je nasvícena slunečním světlem." width="800" height="533" />
</picture>
</a>
</gov-grid-item>
<gov-grid-item col-span="12" col-span-sm="3">
<a href="/assets/documents.jpg">
<span>59 dalších</span>
<picture>
<source srcset="/assets/documents.avif" type="image/avif">
<source srcset="/assets/documents.webp" type="image/webp">
<img src="/assets/documents.jpg" alt="Větší stoh dokumentů, oddělených kancelářskými svorkami. V pozadí svítí slunce skrz žaluzie." width="800" height="533" />
</picture>
</a>
</gov-grid-item>
</gov-grid>
</div>
</gov-flex>
</section>
<section aria-labelledby="s7">
<gov-flex direction="column" gap="l">
<h2 id="s7">Zajímavé odkazy</h2>
<gov-grid gap="l" class="gov-tile-grid dulezite">
<gov-grid-item col-span="12" col-span-lg="6">
<gov-tile orientation="horizontal" size="m" href="#" no-border>
<gov-icon type="complex" name="cities" slot="icon"></gov-icon>
<h3 slot="title">O nás</h3>
<span>Seznámení se s chodem úřadu a jeho povinnostech a právech</span>
</gov-tile>
</gov-grid-item>
<gov-grid-item col-span="12" col-span-lg="6">
<gov-tile orientation="horizontal" size="m" href="#" no-border>
<gov-icon type="complex" name="new-comments" slot="icon"></gov-icon>
<h3 slot="title">Aktuální dění</h3>
<span>Aktuální informace o dění v oblasti digitalizace</span>
</gov-tile>
</gov-grid-item>
<gov-grid-item col-span="12" col-span-lg="6">
<gov-tile orientation="horizontal" size="m" href="#" no-border>
<gov-icon type="complex" name="doc-diploma" slot="icon"></gov-icon>
<h3 slot="title">Dokumenty ke stažení</h3>
<span>Dokumentace spravovaná úřadem volně k nahlédnutí</span>
</gov-tile>
</gov-grid-item>
<gov-grid-item col-span="12" col-span-lg="6">
<gov-tile orientation="horizontal" size="m" href="#" no-border>
<gov-icon type="complex" name="info" slot="icon"></gov-icon>
<h3 slot="title">Statistický geoportál</h3>
<span>Platforma pro sdílení geograficky orientovaných statistických dat</span>
</gov-tile>
</gov-grid-item>
</gov-grid>
</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="69" height="40" xmlns="http://www.w3.org/2000/svg">
<image href="/assets/logos/logo-dia.svg" width="69" height="40"></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="119" height="40" xmlns="http://www.w3.org/2000/svg">
<image href="/assets/logos/financovano-eu.svg" width="119" height="40"></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="118" height="32" xmlns="http://www.w3.org/2000/svg">
<image href="/assets/logos/narodni-plan-obnovy.svg" width="118" height="32"></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.7</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 }}
<section aria-labelledby="{{ tiskove/heading/id }}">
<gov-flex direction="column" gap="l">
{{ render '@section-heading' tiskove }}
<div class="gov-text-content">
{{ render '@cards' tiskove }}
</div>
</gov-flex>
</section>
{{ render '@grid-7-5-section' info-office }}
{{ render '@cards-section' info }}
<section class="gov-mb--l" aria-labelledby="{{ fotogalerie/heading/id }}">
<gov-flex gap="l" direction="column">
{{ render '@heading' fotogalerie/heading }}
{{ render '@gallery' }}
</gov-flex>
</section>
{{ render '@tiles-section' zajimave merge=true }}
</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"
}
},
{
"heading": {
"tag": "h3",
"name": "Zdravotnictví a bezpečnost",
"id": "temata7",
"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": "temata8",
"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": "temata9",
"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": "h3",
"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": "h3",
"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": "h3",
"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"
}
}
]
},
"tiskove": {
"heading": {
"tag": "h2",
"name": "Tiskové zprávy",
"id": "s3"
},
"button": [
{
"text": "Zobrazit vše",
"color": "primary",
"type": "base",
"size": "s",
"aria-label": "Zobrazit všechny tiskové zprávy"
}
],
"card": [
{
"heading": {
"tag": "h3",
"name": "Digitalizace veřejné správy zrychlí přístup k úřadům",
"id": "tiskovky1",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"release": "11.11.2024",
"text": "<p>inisterstvo pro místní rozvoj spouští nový projekt digitalizace veřejných služeb. Občané budou moci vyřizovat své záležitosti online z pohodlí domova, včetně žádostí o doklady či plateb poplatků. Projekt má za cíl zlepšit komfort občanů a zkrátit čekací doby.</p>",
"tag-bottom": true,
"tag": [
{
"name": "Digitalizace",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
},
{
"name": "Informace pro občany",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
},
{
"heading": {
"tag": "h3",
"name": "Digitalizace veřejné správy zrychlí přístup k úřadům",
"id": "tiskovky2",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"release": "11.11.2024",
"text": "<p>Ministerstvo pro místní rozvoj spouští nový projekt digitalizace veřejných služeb. Občané budou moci vyřizovat své záležitosti online z pohodlí domova, včetně žádostí o doklady či plateb poplatků. Projekt má za cíl zlepšit komfort občanů a zkrátit čekací doby.</p>",
"tag-bottom": true,
"tag": [
{
"name": "Digitalizace",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
},
{
"name": "Informace pro občany",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
},
{
"heading": {
"tag": "h3",
"name": "Digitalizace veřejné správy zrychlí přístup k úřadům",
"id": "tiskovky3",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"release": "11.11.2024",
"text": "<p>Ministerstvo pro místní rozvoj spouští nový projekt digitalizace veřejných služeb. Občané budou moci vyřizovat své záležitosti online z pohodlí domova, včetně žádostí o doklady či plateb poplatků. Projekt má za cíl zlepšit komfort občanů a zkrátit čekací doby.</p>",
"tag-bottom": true,
"tag": [
{
"name": "Digitalizace",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
},
{
"name": "Informace pro občany",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
},
{
"heading": {
"tag": "h3",
"name": "Digitalizace veřejné správy zrychlí přístup k úřadům",
"id": "tiskovky4",
"classes": [
"gov-card__headline"
]
},
"url": "#",
"release": "11.11.2024",
"text": "<p>Ministerstvo pro místní rozvoj spouští nový projekt digitalizace veřejných služeb. Občané budou moci vyřizovat své záležitosti online z pohodlí domova, včetně žádostí o doklady či plateb poplatků. Projekt má za cíl zlepšit komfort občanů a zkrátit čekací doby.</p>",
"tag-bottom": true,
"tag": [
{
"name": "Digitalizace",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
},
{
"name": "Informace pro občany",
"color": "secondary",
"type": "subtle",
"size": "xs",
"icon-start": {
"slot": "icon-start",
"type": "templates",
"name": "briefcase"
}
}
],
"direction": "horizontal",
"col-span": {
"default": "12"
}
}
]
},
"info-office": {
"heading": {
"tag": "h2",
"name": "Informace o úřadu",
"id": "s4"
},
"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": "s5"
},
"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": "info1",
"classes": [
"gov-card__headline"
]
},
"id": "info1",
"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": "info2",
"classes": [
"gov-card__headline"
]
},
"id": "info2",
"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": "info3",
"classes": [
"gov-card__headline"
]
},
"id": "info3",
"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": "info4",
"classes": [
"gov-card__headline"
]
},
"id": "info4",
"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": "info5",
"classes": [
"gov-card__headline"
]
},
"id": "info5",
"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": "info6",
"classes": [
"gov-card__headline"
]
},
"id": "info6",
"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"
}
}
]
},
"fotogalerie": {
"heading": {
"tag": "h2",
"name": "Fotogalerie",
"id": "s6"
}
},
"zajimave": {
"heading": {
"tag": "h2",
"name": "Zajímavé odkazy",
"id": "s7"
},
"classes": [
"dulezite"
]
}
}
No notes defined.