Styleguide
Drobečková navigace
Typografie
NADPISY
H1 Nadpis / Bitter Regular 60 pt
H1 + aA Nadpis / Bitter Bold 40 pt
H2 Nadpis / Bitter Regular 40 pt
H3 Nadpis / Bitter Regular 32 pt
H4 Nadpis / Bitter Regular 28 pt
H4 + AA Nadpisek / Bitter Bold 13 pt
TEXT
Perex / Noto Sans Regular 22 pt
Odstavec text / Noto Sans Regular 16 pt
Odstavec text tučně / Noto Sans Bold 16 pt
Text / Font 211 Noto Sans Regular 16 pt
-
Odstavec text odrážky / Noto Sans Regular 16 pt
Text tučně /Noto Sans Bold 16 pt
Škála typografie
Nadpis H1
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Nadpis H2
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Nadpis H3
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Nadpis H4
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Pozadí sekcí
#FFFFFF
#FAFAFA
#3566FC
Citace
Harmonika
Výchozí
nic není potřeba
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean placerat. Aliquam erat volutpat. Aenean fermentum
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean placerat. Aliquam erat volutpat. Aenean fermentum
Linky
je potřeba přidat class link-accordion
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean placerat. Aliquam erat volutpat. Aenean fermentum
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean placerat. Aliquam erat volutpat. Aenean fermentum
Kroková
je potřeba přidat class numerical-accordion
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean placerat. Aliquam erat volutpat. Aenean fermentum
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean placerat. Aliquam erat volutpat. Aenean fermentum
Dlaždicová
je potřeba přidat class tile-accordion
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean placerat. Aliquam erat volutpat. Aenean fermentum
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Aenean placerat. Aliquam erat volutpat. Aenean fermentum
ikonka
Avatar
Karel Hadrava
Ředitel odboru
karel.hadrava@npi.cz
+420987654321
Karel Hadrava
Ředitel odboru
karel.hadrava@npi.cz
+420987654321
Karel Hadrava
Ředitel odboru
karel.hadrava@npi.cz
+420987654321
Karel Hadrava
Ředitel odboru
karel.hadrava@npi.cz
+420987654321
Tlačítko
Velká tlačítka
střední tlačítka
malá tlačítka
Malé tlačítko na modrém pozadí
Záložky
Ve Figmě jsou 2 verze záložek, my máme zatím jen jednu
Lorem ipsum dolor sit amet
Et harum quidem rerum facilis
Lorem ipsum
Banner
Myslete na své zdraví a především prevenci
V programu Očkování můžete získat až 8 000 Kč pro čtyřčlennou rodinu. Podívejte se na nabídku příspěvků pro tento a další rok.
Myslete na své zdraví a především prevenci
V programu Očkování můžete získat až 8 000 Kč pro čtyřčlennou rodinu. Podívejte se na nabídku příspěvků pro tento a další rok.
Myslete na své zdraví a především prevenci
Myslete na své zdraví a především prevenci
V programu Očkování můžete získat až 8 000 Kč pro čtyřčlennou rodinu. Podívejte se na nabídku příspěvků pro tento a další rok.
Karty
NADPISEK
Nadpis
Lorem ipsum dolor sit amet tertusum, consectetuer adipiscing elit. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.
NADPISEK
Nadpis
Lorem ipsum dolor sit amet tertusum, consectetuer adipiscing elit. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.
Formuláře pro plátce →
Potřebujete více informací?
Lorem ipsum dolor sit ameturus tertusum consectetuer
NADPISEK
Nadpis
Lorem ipsum dolor sit amet tertusum, consectetuer adipiscing elit. Quis autem vel eum iure reprehenderit qui in ea voluptate velit esse quam nihil molestiae consequatur.
Formuláře pro plátce →
Kladno
Politických vězňů 379 27201 Kladno
Nyní otevřeno
Zavírá v 17:30
233 002 531
Domluvit schůzku →
KE STAŽENÍ
Soubor.doc
Vysvětlující text Lorem ipsum dolor sit amet, consectetuer adipiscing.
Soubor.doc
Vysvětlující text Lorem ipsum dolor sit amet, consectetuer adipiscing.
Soubor.doc
Vysvětlující text Lorem ipsum dolor sit amet, consectetuer adipiscing.
Mobilní aplikace NPI
Pro klienty, kteří preferují komunikaci přes smartphone, máme mobilní aplikaci NPI, která poskytuje všechny služby a funkce webového portálu E-komunikace, a dokonce ještě některé navíc, například Zaslání výpisu z Karty života prostřednictvím SMS a SOS volání v nouzi.
Verze pro iOS
Verze pro Android
Formuláře
Tabulky
Datum | Jméno | Příjmení | |||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|
1.1.2020 | Jan | Novák | |||||||||
1.2.2022 | Jana | Nováková |
Mapa
Zatím jen zakulacení rohů a pin
Výpis
Špatně
Nemáme čas říkat, že jsme použili funkci vyhledávání, a tak googlíme, vysvětluje Běžící češtinář v KYBcastu anglicismy
Svět zrychluje, na nic pořádně nemáme čas. Není proto divu, že tento životní styl doléhá i na mládež, která se snaží držet krok s dobou, a tak přejímá slovíčka z angličtiny, pomocí nichž vyjádří pocity nebo situace daleko rychleji. Na tento trend se s IT odborníky Václavem Maněnou a Pavlem Matějíčkem v devátém díle třetí série KYBcastu zaměřil Běžící češtinář – učitel, popularizátor češtiny a korektor Jarmil Vepřek.
Za držení pohotovosti musí mít zaměstnanec příplatek, během dovolené navíc šéfovi zvedat mobil nemusíte, uklidňují posluchače experti KYBcastu
Ať už pracujete ve školství, nebo soukromé sféře, i vy máte nárok na klidnou dovolenou bez toho, aniž by vás někdo rušil. Přestože jde o právo každého zaměstnance, ne všichni o něm ví, a tak se často stává, že i během volna řeší neodbytného šéfa. Pavel Matějíček s Václavem Maněnou, IT experti z podcastu KYBcast, uklidňují, že zvedat telefon nejsou povinni ani sami učitelé.
Konflikty v kyberprostoru jsou součástí digitální socializace, říká Jan Kršňák
Jan Kršňák navštěvuje základní školy a společně se žáky a učiteli se věnuje nejrůznějším tématům. Mezi nejčastěji otevíraná patří problematika kyberšikany, případně kyberstalkingu. Všechny tyto incidenty se odehrávají mimo školu, přesto se očekává, že se budou řešit ve školách. Jak se v takových situacích zachovat? A má je opravdu řešit škola?
Správně
Nemáme čas říkat, že jsme použili funkci vyhledávání, a tak googlíme, vysvětluje Běžící češtinář v KYBcastu anglicismy
Svět zrychluje, na nic pořádně nemáme čas. Není proto divu, že tento životní styl doléhá i na mládež, která se snaží držet krok s dobou, a tak přejímá slovíčka z angličtiny, pomocí nichž vyjádří pocity nebo situace daleko rychleji. Na tento trend se s IT odborníky Václavem Maněnou a Pavlem Matějíčkem v devátém díle třetí série KYBcastu zaměřil Běžící češtinář – učitel, popularizátor češtiny a korektor Jarmil Vepřek.
Za držení pohotovosti musí mít zaměstnanec příplatek, během dovolené navíc šéfovi zvedat mobil nemusíte, uklidňují posluchače experti KYBcastu
Ať už pracujete ve školství, nebo soukromé sféře, i vy máte nárok na klidnou dovolenou bez toho, aniž by vás někdo rušil. Přestože jde o právo každého zaměstnance, ne všichni o něm ví, a tak se často stává, že i během volna řeší neodbytného šéfa. Pavel Matějíček s Václavem Maněnou, IT experti z podcastu KYBcast, uklidňují, že zvedat telefon nejsou povinni ani sami učitelé.
Konflikty v kyberprostoru jsou součástí digitální socializace, říká Jan Kršňák
Jan Kršňák navštěvuje základní školy a společně se žáky a učiteli se věnuje nejrůznějším tématům. Mezi nejčastěji otevíraná patří problematika kyberšikany, případně kyberstalkingu. Všechny tyto incidenty se odehrávají mimo školu, přesto se očekává, že se budou řešit ve školách. Jak se v takových situacích zachovat? A má je opravdu řešit škola?