Defaultní
Máme pro vás nejširší nabídku oborů
S bílým textem
Komponenta vycházející z defaultní komponenty. Navíc jsou pro obarvení textu použity modifikační classy z SK mini frameworku.
Máme pro vás nejširší nabídku oborů
S pozadím pro text
Komponenta vycházející z defaultní komponenty. Navíc pro obarvení pozadí za obsahem je přidán modifikátor box-hero-header__content--bg na box-hero-header__content.
Kdo jsme?
Věříme, že vzdělávání není jen otázkou věku nebo sociálního postavení. Aktivně podporujeme výzkum. Máme otevřené oči a ovlivňujeme život kolem nás.
Od roku 1919 vytváříme podmínky pro chytřejší svět.
S pozadím pro text
Komponenta vycházející z defaultní komponenty. Navíc pro obarvení pozadí na bílou barvu jsou přidány modifikátory box-hero-header__content--bg a box-hero-header__content--bg--white na box-hero-header__content.
Kdo jsme?
Věříme, že vzdělávání není jen otázkou věku nebo sociálního postavení. Aktivně podporujeme výzkum. Máme otevřené oči a ovlivňujeme život kolem nás.
Od roku 1919 vytváříme podmínky pro chytřejší svět.
Plná výška obrazovky
Komponenta vycházející z defaultní komponenty. Pro zobrazení obrázku na celou výšku obrazovky je potřeba přidat na box-hero-header modifikátor box-hero-header--full.
Kdo jsme?
Věříme, že vzdělávání není jen otázkou věku nebo sociálního postavení. Aktivně podporujeme výzkum. Máme otevřené oči a ovlivňujeme život kolem nás.
Od roku 1919 vytváříme podmínky pro chytřejší svět.
Plná výška obrazovky - obsah zarovnaný doprava
Komponenta vycházející z komponenty na celou výšku obrazovky. Pro zobrazení obsahu napravo je potřeba přidat na box-hero-header__content modifikátor box-hero-header__content--right.
Toto zarovnání lze použít i na komponentu, která není na celou výšku obrazovky
Kdo jsme?
Věříme, že vzdělávání není jen otázkou věku nebo sociálního postavení. Aktivně podporujeme výzkum. Máme otevřené oči a ovlivňujeme život kolem nás.
Od roku 1919 vytváříme podmínky pro chytřejší svět.
Plná výška obrazovky - obsah zarovnaný dolů
Komponenta vycházející z komponenty na celou výšku obrazovky. Pro zobrazení obsahu napravo je potřeba přidat na box-hero-header__content modifikátor box-hero-header__content--bottom.
Toto zarovnání lze použít pouze na komponentu, která je na celou výšku obrazovky
Kdo jsme?
Věříme, že vzdělávání není jen otázkou věku nebo sociálního postavení. Aktivně podporujeme výzkum. Máme otevřené oči a ovlivňujeme život kolem nás.
Od roku 1919 vytváříme podmínky pro chytřejší svět.
Plná výška obrazovky - obsah zarovnaný dolů a doprava
Kombinace dvou předchozích příkladů.
Kdo jsme?
Věříme, že vzdělávání není jen otázkou věku nebo sociálního postavení. Aktivně podporujeme výzkum. Máme otevřené oči a ovlivňujeme život kolem nás.
Od roku 1919 vytváříme podmínky pro chytřejší svět.
Komponenta výhradně pro zobrazení úvodních informací hned pod hlavičkou nebo jako sekce na plnou výšku obrazovky.
Na hlavičku .header se musí přidat modifikátor .header--hero, když podsune tuto molekulu pod hlavičku.
V této komponentě je využit atom tlačítka.