Modifikace textu
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at lacinia urna. Nam posuere tristique odio
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at lacinia urna. Nam posuere tristique odio.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris at lacinia urna. Nam posuere tristique odio.
Mauris at lacinia urna. Nam posuere tristique.
Mauris at lacinia urna. Nam posuere tristique.
Mauris at lacinia urna. Nam posuere tristique.
Nastavitelné v nastavení designu.
Nadpis 1
Nadpis 2
Nadpis 3
Nadpis 4
Custom Nadpis 1
Custom Nadpis 2
Custom Nadpis 3
Custom Nadpis 4
Obyčejný text: Morbi nec consequat metus, nec mattis augue. Vestibulum tincidunt venenatis cursus. Praesent sit amet diam quis nibh consectetur blandit. Integer eu ligula ut ante imperdiet tincidunt. Donec sit amet quam volutpat, mollis nibh sit amet, dignissim tellus. Donec ultricies urna dui. Pellentesque elementum ex sit amet convallis lacinia. Nulla quis ante enim. Fusce egestas tellus eu diam accumsan scelerisque. Vestibulum sit amet nibh cursus, scelerisque velit non, finibus ex.
Zvětšený text: Morbi nec consequat metus, nec mattis augue. Vestibulum tincidunt venenatis cursus. Praesent sit amet diam quis nibh consectetur blandit. Integer eu ligula ut ante imperdiet tincidunt. Donec sit amet quam volutpat, mollis nibh sit amet, dignissim tellus. Donec ultricies urna dui. Pellentesque elementum ex sit amet convallis lacinia. Nulla quis ante enim. Fusce egestas tellus eu diam accumsan scelerisque. Vestibulum sit amet nibh cursus, scelerisque velit non, finibus ex.
Zmenšený text: Morbi nec consequat metus, nec mattis augue. Vestibulum tincidunt venenatis cursus. Praesent sit amet diam quis nibh consectetur blandit. Integer eu ligula ut ante imperdiet tincidunt. Donec sit amet quam volutpat, mollis nibh sit amet, dignissim tellus. Donec ultricies urna dui. Pellentesque elementum ex sit amet convallis lacinia. Nulla quis ante enim. Fusce egestas tellus eu diam accumsan scelerisque. Vestibulum sit amet nibh cursus, scelerisque velit non, finibus ex.
Barevné texty, popisek + nadpis
Morbi nec consequat metus, nec mattis augue.
Vestibulum tincidunt venenatis cursus.
Morbi nec consequat metus, nec mattis augue.
Vestibulum tincidunt venenatis cursus.
Morbi nec consequat metus, nec mattis augue.
Vestibulum tincidunt venenatis cursus.
Galerie s popiskem pod fotkou
Sdílecí ikonky
Pro tvorbu odkazů lze použít tento nástroj.
Bílá varianta se nastavuje automaticky podle inverzní barvy písma na sekci.
Tlačítka a odkazy
obrázky a Boxy
U obrázků s textem definujeme několik modifikátorů najednou. Lze zvolit různé kombinace dle potřeby.
content-mw: Obsah je omezený na 66 % šířky prvku.
fixed-link: Poslední odstavec (s odkazem) je fixován na spodní okraj.
text-dark: Používá se u obrázku se světlým pozadím. Změní text na tmavý.
Občanské a dobrovolnické aktivity
Zakladatel iniciativy Spolu silnější
Během koronavirové epidemie založil veřejnou sbírku a dal dohromady experty, s nimiž představil doporučení vládě pro lepší zvládání krizí. Zapojuje se do dobrovolnických aktivit, přednáší na školách a konferencích.
Akce
Zúčastněte se akcí s generálem Pavlem
Je spousta příležitostí, jak se osobně setkat s generálem Pavlem. Podívejte se, jaké veřejné akce chystáme!
Zeptejte se nás
Můžete se nás zeptat na cokoliv vás zajímá
Máte-li jakékoli otázky ke kampani neb o kandidatuře generála Pavla, ozvěte se!
Akce
Zúčastněte se akcí s generálem Pavlem
Je spousta příležitostí, jak se
osobně setkat s generálem
Pavlem. Podívejte se, jaké
veřejné akce chystáme!
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi non efficitur lacus. In sodales euismod turpis, quis rutrum neque condimentum sed. Integer sit amet dapibus nisi, non rutrum orci. Maecenas a viverra justo. Nullam ultricies vulputate ipsum.
Lorem ipsum dolor sit amet, consectetur adipiscing elit.
Morbi non efficitur lacus. In sodales euismod turpis, quis rutrum neque condimentum sed. Integer sit amet dapibus nisi, non rutrum orci. Maecenas a viverra justo. Nullam ultricies vulputate ipsum.
Odsazení sekce nízká od horního/spodního kraje k horní hraně textu je 20 px
Odsazení sekce výchozí od horního/spodního kraje k horní hraně textu je 50 px
Odsazení sekce střední od horního/spodního kraje k horní hraně textu je 80 px
Odsazení sekce vysoká od horního/spodního kraje k horní hraně textu je 100 px
Body na mapě
Přehled jednodušších implementací
|
Třída |
Popis |
Na jaký prvek patří? |
|
v-align-center |
Centruje vertikálně obsah sloupců v sekci. | sekce |
|
open-in-lightbox |
Otevře video z youtube/vimea v lightboxu. Video z youtube musí být ve tvaru youtube.com/embed/id-videa | blok s jedním odkazem/tlačítko |
| block-mw | Omezí šířku všech bloků v sekci | sekce |
| mw | Omezí šířku konkrétního bloku | blok |
| has-large-gutter | Zvětšuje mezery mezi sloupci | sekce |
| hide-br | Skryje všechna zalomení řádků <br> na telefonu | blok |
| block-key-value | Vytvoří z 2 odstavců v jenom bloku prvek | blok text se 2 odstavci |
| padding-xl, padding-lg | Třídy pro zvětšení odsazení u tlačítka | tlačítko |
