Heading Bold 1
Heading Bold 2
Heading Bold 3
Heading Bold 4
Heading Bold 5
Heading Bold 6
Heading Regular 1
Heading Regular 2
Heading Regular 3
Heading Regular 4
Heading Regular 5
Heading Regular 6
Červené nadpisy
přidat třídu has-red-headings
Heading Bold 1
Heading Bold 2
Heading Bold 3
Heading Bold 4
Heading Bold 5
Heading Bold 6
Heading Regular 1
Heading Regular 2
Heading Regular 3
Heading Regular 4
Heading Regular 5
Heading Regular 6
Odstavec
Tento text je automaticky omezený na 660 px šířky. consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque diam volutpat commodo sed egestas. Pulvinar mattis nunc sed blandit libero volutpat sed. Mi bibendum neque egestas congue quisque egestas diam. Et netus et malesuada fames ac turpis egestas maecenas. Ultrices sagittis orci a scelerisque purus semper. Eget sit amet tellus cras adipiscing enim eu turpis egestas. Aenean sed adipiscing diam donec adipiscing tristique risus nec. Faucibus turpis in eu mi bibendum neque egestas. Nec tincidunt praesent semper feugiat nibh. Sollicitudin nibh sit amet commodo nulla facilisi nullam. Egestas erat imperdiet sed euismod nisi porta lorem. Odio eu feugiat pretium nibh. Mauris in aliquam sem fringilla ut. Fames ac turpis egestas integer eget aliquet nibh. Ut venenatis tellus in metus vulputate eu scelerisque felis imperdiet. Massa eget egestas purus viverra accumsan in. Venenatis urna cursus eget nunc scelerisque viverra mauris in aliquam.
Lorem ipsum dolor sit amet
consectetur adipiscing elit:
- sed do eiusmod tempor incididunt
- ut labore et dolore magna aliqua.
- Pellentesque diam volutpat commodo sed egestas.
- Pulvinar mattis nunc sed blandit libero volutpat sed.
- Mi bibendum neque egestas congue quisque egestas diam.
Et netus et malesuada fames ac turpis egestas maecenas. Ultrices sagittis orci a scelerisque purus semper. Eget sit amet tellus cras adipiscing enim eu turpis egestas. Aenean sed adipiscing diam donec adipiscing tristique risus nec. Faucibus turpis in eu mi bibendum neque egestas. Nec tincidunt praesent semper feugiat nibh. Sollicitudin nibh sit amet commodo nulla facilisi nullam. Egestas erat imperdiet sed euismod nisi porta lorem. Odio eu feugiat pretium nibh. Mauris in aliquam sem fringilla ut. Fames ac turpis egestas integer eget aliquet nibh. Ut venenatis tellus in metus vulputate eu scelerisque felis imperdiet. Massa eget egestas purus viverra accumsan in. Venenatis urna cursus eget nunc scelerisque viverra mauris in aliquam.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Pellentesque diam volutpat commodo sed egestas. Pulvinar mattis nunc sed blandit libero volutpat sed.
Mi bibendum
Neque egestas congue quisque egestas diam. Et netus et malesuada fames ac turpis egestas maecenas. Ultrices sagittis orci a scelerisque purus semper.
- Eget sit amet tellus cras adipiscing
- enim eu turpis egestas. Aenean sed adipiscing diam
- donec adipiscing tristique risus nec. Faucibus turpis in eu mi
- bibendum neque egestas. Nec tincidunt praesent
- semper feugiat nibh. Sollicitudin nibh
- sit amet commodo nulla facilisi nullam.
Egestas erat imperdiet sed euismod nisi porta lorem. Odio eu feugiat pretium nibh. Mauris in aliquam sem fringilla ut. Fames ac turpis egestas integer eget aliquet nibh. Ut venenatis tellus in metus vulputate eu scelerisque felis imperdiet. Massa eget egestas purus viverra accumsan in. Venenatis urna cursus eget nunc scelerisque viverra mauris in aliquam.
Tlačítka
Průhledné tlačítko
Na tlačítko přidejte třídu is-transparent
Pokud mají být tlačítka zarovnaná vedle sebe v hero image a jsou v hero image (úvodní sekce stránek) přidejte jim třídu hero-btn.
Citace:
Co o nás říkají
naši hosté?
The DOX Centre for Contemporary Art is a multi-functional space created thanks to a private initiative through the reconstruction of a former factory in Prague’s Holešovice district.
The DOX Centre for Contemporary Art is a multi-functional space created thanks to a private initiative through the reconstruction of a former factory in Prague’s Holešovice district.
The DOX Centre for Contemporary Art is a multi-functional space created thanks to a private initiative through the reconstruction of a former factory in Prague’s Holešovice district.
odkaz se šipkou
lišta s akutním upozorněním
Vložím na konec stránky a přidám mu třídu block-alert.
Doplněním třídy is-inverse se přebaví lišta do bílé varianty. (box-alert is-inverse).
Kontakty, prvky s okrajem nahoře a dole
3 typy: Text, obrázek s textem, ikona s textem.
Základní modifikátor je třída has-borders
Typ 1: Text
pavel@dox.cz
+420 295 568 119, +420 776 302 003
pavel@dox.cz
+420 295 568 119, +420 776 302 003
pavel@dox.cz
+420 295 568 119, +420 776 302 003
Typ 2: Obrázek s textem
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Typ 3: Ikona s textem
Zde jsou určitá omezení. Navíc musí být třída has-image-square. Obrázek by měl být nahráván ideálně s poměrem stran 1:1.
Lorem ipsum dolor sit amet
consectetur adipiscing elit
Lorem ipsum dolor sit amet
consectetur adipiscing elit
Lorem ipsum dolor sit amet
consectetur adipiscing elit
Has borders test
Do míst, kde tyto čáry nevyhovují lze použít dělící čáry se třídou is-black
V případě, kdy chceme mít všechny boxy s čárami stejně vysoké (po řádkách), musíme na sekci přidat třídy flex-cols a has-borders-fix. To pak předělá technický způsob sloupcování – uživatel/editor nic nepozná, pokud chce mít na desktopu 3 sloupce těchto bloků.
V dané řádce pak budou všechny bloky stejně vysoké, bude-li v ní alespoň 1 block .has-borders:
Příklad:
Has borders test
Has borders test
row
Has borders test
row
row
row
Has borders test
row
Has borders test
Has borders test
row
Pozor: I tady kde v prostředním sloupci není blok s čárami bude vše stejně vysoké. Jde o technickou limitaci. Takto nepoužívat.
Has borders test
Sekce s poloprůhledným obrázkem na pozadí
Modifikační třída na sekci: section-low-opacity
Sekce s černobílým obrázkem na pozadí
Modifikační třída na sekci: section-desaturate
Sekce s bílým přechodem na pozadí
Modifikační třída na sekci: section-gradient
Kombinace všech 3 tříd na jedné sekci
section-low-opacity, section-desaturate, section-gradient
Sekce s tmavým přechodem na pozadí
Modifikační třída na sekci: section-gradient-black
Oddělovač
Posuň mě níže
Do sekce lze přidat tlačítko posuň mě níže. Musí mít třídy action-btn scroll-down.
Tlačítko může stát i samostatně.
This way to get lost
Speciální tlačítko, které je na kraji stránky a má za úkol přimět uživatele skrolovat dále. Třídy dox-arrow-2 rotate-90deg-cw has-border nebo jen get-lost-btn.
Playbutton
Položky výpisu mohou mít playbutton. Na výpis stačí přidat třídu has-play-btn
ART*VR: Virtual Reality Film Festival
První ročník festivalu ART*VR, který se zaměří na imerzivní tvorbu ve virtuální realitě, zejména na téma empatie v digitálním umění.
Egypt: sonda archivem
Fotografický archiv Českého egyptologického ústavu vznikl během prvních archeologických expedic do Abúsíru a Núbie v 60. letech 20. století a rychle se rozrostl díky přechodu k digitální fotografii. Výstava fotografií představuje bohatý vizuální materiál a dokumentaci práce českých archeologů.
Výstavou Infamous Beauty s kurátorem
Tvorba amerického fotografa Andrese Serrana přináší silné emoce, kontrasty i odhalování polopravd. Ve svém díle se zabývá společenským otázkami, sexualitou, rasovou nesnášenlivostí a temnými aspekty lidského bytí. Výstavou Infamous Beauty vás provede kurátor Otto M. Urban.
Červený box/Box s červeným okrajem
Na widget text přidejte třídu is-red. V případě červeného okraje pak třídu has-border-red
Duis aute irure dolor in reprehenderit in voluptate
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Duis aute irure dolor in reprehenderit in voluptate
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Inline zarovnání textů
Všechny <p> v bloku s třídou is-in-line budou vedle sebe.
Text
Další text
A další text
Akční prvky
Výpisy
Základní styl výpisu má třídu dox-entries.
ART*VR: Virtual Reality Film Festival
První ročník festivalu ART*VR, který se zaměří na imerzivní tvorbu ve virtuální realitě, zejména na téma empatie v digitálním umění.
Egypt: sonda archivem
Fotografický archiv Českého egyptologického ústavu vznikl během prvních archeologických expedic do Abúsíru a Núbie v 60. letech 20. století a rychle se rozrostl díky přechodu k digitální fotografii. Výstava fotografií představuje bohatý vizuální materiál a dokumentaci práce českých archeologů.
Výstavou Infamous Beauty s kurátorem
Tvorba amerického fotografa Andrese Serrana přináší silné emoce, kontrasty i odhalování polopravd. Ve svém díle se zabývá společenským otázkami, sexualitou, rasovou nesnášenlivostí a temnými aspekty lidského bytí. Výstavou Infamous Beauty vás provede kurátor Otto M. Urban.
Výpisy bez anotace
Základní styl výpisu má třídu dox-entries, bez anotace a s menším nadpisem má výpis navíc třídu article-entries.
ART*VR: Virtual Reality Film Festival
První ročník festivalu ART*VR, který se zaměří na imerzivní tvorbu ve virtuální realitě, zejména na téma empatie v digitálním umění.
Egypt: sonda archivem
Fotografický archiv Českého egyptologického ústavu vznikl během prvních archeologických expedic do Abúsíru a Núbie v 60. letech 20. století a rychle se rozrostl díky přechodu k digitální fotografii. Výstava fotografií představuje bohatý vizuální materiál a dokumentaci práce českých archeologů.
Výstavou Infamous Beauty s kurátorem
Tvorba amerického fotografa Andrese Serrana přináší silné emoce, kontrasty i odhalování polopravd. Ve svém díle se zabývá společenským otázkami, sexualitou, rasovou nesnášenlivostí a temnými aspekty lidského bytí. Výstavou Infamous Beauty vás provede kurátor Otto M. Urban.
Výpisy jako slider
Základní styl výpisu má třídu dox-entries, slider z nich udělá třída is-slider
ART*VR: Virtual Reality Film Festival
První ročník festivalu ART*VR, který se zaměří na imerzivní tvorbu ve virtuální realitě, zejména na téma empatie v digitálním umění.
Egypt: sonda archivem
Fotografický archiv Českého egyptologického ústavu vznikl během prvních archeologických expedic do Abúsíru a Núbie v 60. letech 20. století a rychle se rozrostl díky přechodu k digitální fotografii. Výstava fotografií představuje bohatý vizuální materiál a dokumentaci práce českých archeologů.
Výstavou Infamous Beauty s kurátorem
Tvorba amerického fotografa Andrese Serrana přináší silné emoce, kontrasty i odhalování polopravd. Ve svém díle se zabývá společenským otázkami, sexualitou, rasovou nesnášenlivostí a temnými aspekty lidského bytí. Výstavou Infamous Beauty vás provede kurátor Otto M. Urban.
Vrstva
Rodinná výtvarná dílna k výstavě Infamous Beauty. Americký umělec Andres Serrano svými díly provokuje, ale často zcela nezáměrně. Nemá rád ošklivé věci, ale taky nechce, aby se zapomínalo na špatnosti. S vrstvou si tu hraje malířsky a ta hra je nakažlivá.
Udělat prostor
Svět je velikánské místo, které si rádi různě ohraničujeme a vymezujeme. Výstava potřebuje stěny, ložnice postel, internet připojení, náměstí prostranství, ale i město kolem. Každý prostor potřebuje svoje a současné umění si s tím umí pěkně hrát. Výtvarná dílna k výstavě Úhel pohledu pro rodiny s dětmi.
Název knihy
Název patří k tváři knihy, kterou potkáme. Takové setkání připomíná putování prstem po mapě neznámého ostrova a na rodinné dílně zkusíme spojit představivost, výtvarné možnosti různých materiálů i dávno nepotřebných knih a společně vytvoříme bránu do neznámých příběhů.
BABYDOX: Krása nesmírná
Rodinná dílna BABYDOX pro děti od 1,5 roku do 4 let se zaměří na fotografii, která může být součástí hry a že i ti nejmenší z nás mohou pomocí hry tvořit. Přijďte se přesvědčit na vlastní kůži!
BABYDOX: Krása nesmírná
Rodinná dílna BABYDOX pro děti od 1,5 roku do 4 let se zaměří na fotografii, která může být součástí hry a že i ti nejmenší z nás mohou pomocí hry tvořit. Přijďte se přesvědčit na vlastní kůži!
BABYDOX: Za slovy
Rodinná dílna BABYDOX pro děti od 1,5 roku do 4 let se zaměří na tvořivé aktivity se slovy a písmeny a nabídne nejmenším návštěvníkům a jejich doprovodu možnost aktivního a kreativního vyjádření se.
Sociální sítě
Třída na bloku ikony sítí .dox-share-icons, gplus se mění na tripadvisor a flicker na vimeo
Odkaz jako kotva
- U sekce, kam má odkaz doscrollovat vyplnit ID v Nastavení > Pokročilé
- U text u nebo tlačítka vytvořit odkaz a vybrat ze seznamu kotvu např. Rodiče a děti#program (kotva)
Odskočený sloupec textu
Pokud se na události stane, že druhý sloupec s textem odksočí od prvního červeného, stačí na odskočený příidat třídu no-pt a on se srovná.
Odkaz na vimeo do popupu
- Odkaz musí být ve tvaru "https://player.vimeo.com/video/336311745?autoplay=1&loop=1"
- Číslo "336311745" je ID videa, které lze vyčíst z url adresy pro přehání videa https://vimeo.com/333189316
Mapa do čtverce
Třída is-square
