Časová osa (karusel milníků) timeline-carousel · full
Tmavá sekce s hlavičkou na střed a časovou osou o třech vrstvách: lišta let (tablist) se šipkami po stranách, karta milníku se sklem (vlevo rok, titulek a text, vpravo fotka s lokalitou), která se při výběru prolne, a od 1024 px spodní přehled všech milníků jako zrcadlo lišty. Pod 1024 px je lišta vodorovně posuvná a fotka je nad textem. Tlumená modrá #8288B3 (neaktivní roky, popisky, text karty) je podle grafiky a vědomě pod WCAG AA (rozhodnutí zadavatele).
Pro integrátora: Milníky chronologicky. Doporučeno 3–12 položek (lišta i přehled rozestup dopočítají, nad 12 se popisky přehledu lámou do tří řádků). Jedna položka ⇒ jen karta. `label` je krátký popisek spodního přehledu (~40 znaků, dva řádky, zalomení `\n`), bez něj se vezme `title`. Výchozí milník označ `active: true`. Karta má min. výšku 440 px, všechny karty mají výšku nejvyšší z nich. Fotky varianty `default` dodal klient (2026-10-17, zatím jen 1×). Texty karet a lokality kromě 2004 jsou ⚠ lorem ipsum — z grafiky je jen karta 2004, zbytek dodá klient; milníky 2003 a 2009 jsou vynechané, protože k nim nepřišla fotka. Ovládání řídí timeline-carousel.ts (Swiper fade); bez JS jsou karty vodorovný pás.
Zdroj: src/_includes/blocks/timeline-carousel/
Varianta „default“
Naše cesta
Více než 30 let měníme Prahu
Od prvních rezidenčních projektů až po celé městské čtvrti.
Prohlédněte si klíčové milníky naší cesty.
1994
Založení CENTRAL GROUP
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.
1997
Výstavba rodinných domů
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.
2004
Výstavba celých
rezidenčních čtvrtí
Společnost vstupuje do oblasti velkého developmentu celých rezidenčních čtvrtí a buduje Nové Zahradní Město se zhruba 1.200 byty a počtem prodaných i připravovaných bytů se stává lídrem bytového trhu v ČR.
2013
Vstup do segmentu luxusních bytů
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.
2022
Výstavba největších projektů v Praze
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.
2024
30 let na trhu a dalších 40.000 bytů
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.
2025
Rekordní rozestavěnost
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.
2026
Další rozvoj Prahy
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.
Vzorová data (JSON)
{
"settings": {
"background": "dark"
},
"ariaLabel": "Milníky společnosti",
"pretitle": "Naše cesta",
"title": "Více než 30 let měníme Prahu",
"text": "<p>Od prvních rezidenčních projektů až po celé městské čtvrti.<br>Prohlédněte si klíčové milníky naší cesty.</p>",
"tag": "h2",
"items": [
{
"year": "1994",
"title": "Založení CENTRAL GROUP",
"label": "Založení\nCENTRAL GROUP",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.",
"image": {
"src": "/assets/images/photos/timeline-1994-720.jpg",
"webp": "/assets/images/photos/timeline-1994-720.webp",
"alt": "Logo CENTRAL GROUP na žlutém podkladu",
"width": 720,
"height": 440
}
},
{
"year": "1997",
"title": "Výstavba rodinných domů",
"label": "Výstavba\nrodinných domů",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.",
"image": {
"src": "/assets/images/photos/timeline-1997-720.jpg",
"webp": "/assets/images/photos/timeline-1997-720.webp",
"alt": "Rodinný dům se zahradou",
"width": 720,
"height": 440
},
"location": "Lorem ipsum, Praha"
},
{
"year": "2004",
"title": "Výstavba celých\nrezidenčních čtvrtí",
"label": "Výstavba celých\nrezidenčních čtvrtí",
"text": "Společnost vstupuje do oblasti velkého developmentu celých rezidenčních čtvrtí a buduje Nové Zahradní Město se zhruba 1.200 byty a počtem prodaných i připravovaných bytů se stává lídrem bytového trhu v ČR.",
"image": {
"src": "/assets/images/photos/timeline-2004-720.jpg",
"webp": "/assets/images/photos/timeline-2004-720.webp",
"alt": "Bytové domy s výškovými věžemi",
"width": 720,
"height": 440
},
"location": "Nové Zahradní Město, Praha",
"active": true
},
{
"year": "2013",
"title": "Vstup do segmentu luxusních bytů",
"label": "Vstup do segmentu\nluxusních bytů",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.",
"image": {
"src": "/assets/images/photos/timeline-2013-720.jpg",
"webp": "/assets/images/photos/timeline-2013-720.webp",
"alt": "Bytové domy v zeleni nad Prahou",
"width": 720,
"height": 440
},
"location": "Lorem ipsum, Praha"
},
{
"year": "2022",
"title": "Výstavba největších projektů v Praze",
"label": "Výstavba největších\nprojektů v Praze",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.",
"image": {
"src": "/assets/images/photos/timeline-2022-720.jpg",
"webp": "/assets/images/photos/timeline-2022-720.webp",
"alt": "Moderní bytový dům za soumraku",
"width": 720,
"height": 440
},
"location": "Lorem ipsum, Praha"
},
{
"year": "2024",
"title": "30 let na trhu a dalších 40.000 bytů",
"label": "30 let na trhu\na dalších 40.000 bytů",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.",
"image": {
"src": "/assets/images/photos/timeline-2024-720.jpg",
"webp": "/assets/images/photos/timeline-2024-720.webp",
"alt": "Bytové domy kolem parku s lavičkami",
"width": 720,
"height": 440
},
"location": "Lorem ipsum, Praha"
},
{
"year": "2025",
"title": "Rekordní rozestavěnost",
"label": "Rekordní\nrozestavěnost",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.",
"image": {
"src": "/assets/images/photos/timeline-2025-720.jpg",
"webp": "/assets/images/photos/timeline-2025-720.webp",
"alt": "Bytový dům z červených cihel",
"width": 720,
"height": 440
},
"location": "Lorem ipsum, Praha"
},
{
"year": "2026",
"title": "Další rozvoj Prahy",
"label": "Další rozvoj\nPrahy",
"text": "Lorem ipsum dolor sit amet, consectetur adipiscing elit. Integer posuere erat a ante venenatis dapibus, posuere velit aliquet. Donec ullamcorper nulla non metus auctor fringilla.",
"image": {
"src": "/assets/images/photos/timeline-2026-720.jpg",
"webp": "/assets/images/photos/timeline-2026-720.webp",
"alt": "Výškové bytové domy nad večerní Prahou",
"width": 720,
"height": 440
},
"location": "Lorem ipsum, Praha"
}
]
}
Varianta „empty“
Vzorová data (JSON)
{
"settings": {
"background": "dark"
},
"pretitle": "Naše cesta",
"title": "Více než 30 let měníme Prahu",
"items": []
}
Varianta „single“
Naše cesta
Více než 30 let měníme Prahu
2004
Výstavba celých
rezidenčních čtvrtí
Společnost vstupuje do oblasti velkého developmentu celých rezidenčních čtvrtí a buduje Nové Zahradní Město se zhruba 1.200 byty a počtem prodaných i připravovaných bytů se stává lídrem bytového trhu v ČR.
Vzorová data (JSON)
{
"settings": {
"background": "dark"
},
"pretitle": "Naše cesta",
"title": "Více než 30 let měníme Prahu",
"items": [
{
"year": "2004",
"title": "Výstavba celých\nrezidenčních čtvrtí",
"text": "Společnost vstupuje do oblasti velkého developmentu celých rezidenčních čtvrtí a buduje Nové Zahradní Město se zhruba 1.200 byty a počtem prodaných i připravovaných bytů se stává lídrem bytového trhu v ČR.",
"image": {
"src": "/assets/images/photos/timeline-2004-720.jpg",
"webp": "/assets/images/photos/timeline-2004-720.webp",
"alt": "Bytové domy s výškovými věžemi",
"width": 720,
"height": 440
},
"location": "Nové Zahradní Město, Praha"
}
]
}
Varianta „short“
Naše cesta
Tři milníky
1994
Založení CENTRAL GROUP
Začátek cesty. Společnost vzniká s cílem stavět kvalitní a cenově dostupné bydlení v Praze.
2004
Výstavba celých
rezidenčních čtvrtí
Společnost vstupuje do oblasti velkého developmentu celých rezidenčních čtvrtí a buduje Nové Zahradní Město.
2026
Další rozvoj Prahy
Cesta pokračuje dalšími projekty po celé Praze.
Vzorová data (JSON)
{
"settings": {
"background": "dark"
},
"pretitle": "Naše cesta",
"title": "Tři milníky",
"items": [
{
"year": "1994",
"title": "Založení CENTRAL GROUP",
"label": "Založení\nCENTRAL GROUP",
"text": "Začátek cesty. Společnost vzniká s cílem stavět kvalitní a cenově dostupné bydlení v Praze.",
"image": {
"src": "/assets/images/photos/referencni-bertramka-01-808.jpg",
"webpSrcset": "/assets/images/photos/referencni-bertramka-01-808.webp 808w, /assets/images/photos/referencni-bertramka-01-1200.webp 1200w",
"alt": "Bytové domy Rezidence Bertramka",
"width": 808,
"height": 505
},
"location": "Bertramka, Praha 5 – Smíchov"
},
{
"year": "2004",
"title": "Výstavba celých\nrezidenčních čtvrtí",
"label": "Výstavba celých\nrezidenčních čtvrtí",
"text": "Společnost vstupuje do oblasti velkého developmentu celých rezidenčních čtvrtí a buduje Nové Zahradní Město.",
"image": {
"src": "/assets/images/photos/timeline-2004-720.jpg",
"webp": "/assets/images/photos/timeline-2004-720.webp",
"alt": "Bytové domy s výškovými věžemi",
"width": 720,
"height": 440
},
"location": "Nové Zahradní Město, Praha",
"active": true
},
{
"year": "2026",
"title": "Další rozvoj Prahy",
"label": "Další rozvoj\nPrahy",
"text": "Cesta pokračuje dalšími projekty po celé Praze.",
"image": {
"src": "/assets/images/photos/pripravovane-02-914.jpg",
"webpSrcset": "/assets/images/photos/pripravovane-02-914.webp 914w, /assets/images/photos/pripravovane-02-1828.webp 1828w",
"alt": "Vizualizace připravovaného bytového domu",
"width": 914,
"height": 721
}
},
{
"title": "Položka bez roku — nevykreslí se"
}
]
}
Varianta „long“
Naše cesta
Dlouhé texty
Kontrola zalomení a srovnání výšek karet.
1994
Založení společnosti
Krátký text první karty.
2009–2013
Výstavba prestižních výškových staveb a první rezidence v historických čtvrtích Prahy s nadstandardním vybavením
Bydlení se zvedá nad město. Výškové domy s výhledy na Prahu ukazují, že i velký projekt může mít pečlivě řešené detaily, společné zázemí a promyšlené veřejné prostory, které slouží i okolní čtvrti. Současně vznikají rezidence v historických čtvrtích, kde se nová architektura musí citlivě vřadit mezi stávající zástavbu.
Kvalita materiálů a architektury dostává ještě větší váhu a s ní i péče o klienty po předání bytu — od správy domu po služby, které zjednodušují každodenní život v nové čtvrti.
2022
Výstavba největších projektů v Praze
Rozsáhlé projekty proměňují celé části města.
2024
30 let na trhu
Tři desetiletí na pražském trhu.
2026
Další rozvoj Prahy
Cesta pokračuje.
Vzorová data (JSON)
{
"settings": {
"background": "dark"
},
"pretitle": "Naše cesta",
"title": "Dlouhé texty",
"text": "<p>Kontrola zalomení a srovnání výšek karet.</p>",
"items": [
{
"year": "1994",
"title": "Založení společnosti",
"text": "Krátký text první karty.",
"image": {
"src": "/assets/images/photos/referencni-bertramka-01-808.jpg",
"webpSrcset": "/assets/images/photos/referencni-bertramka-01-808.webp 808w, /assets/images/photos/referencni-bertramka-01-1200.webp 1200w",
"alt": "Bytové domy Rezidence Bertramka",
"width": 808,
"height": 505
},
"location": "Bertramka, Praha 5 – Smíchov"
},
{
"year": "2009–2013",
"title": "Výstavba prestižních výškových staveb a první rezidence v historických čtvrtích Prahy s nadstandardním vybavením",
"label": "Výstavba prestižních výškových staveb a rezidencí v centru",
"text": "Bydlení se zvedá nad město. Výškové domy s výhledy na Prahu ukazují, že i velký projekt může mít pečlivě řešené detaily, společné zázemí a promyšlené veřejné prostory, které slouží i okolní čtvrti. Současně vznikají rezidence v historických čtvrtích, kde se nová architektura musí citlivě vřadit mezi stávající zástavbu.\n\nKvalita materiálů a architektury dostává ještě větší váhu a s ní i péče o klienty po předání bytu — od správy domu po služby, které zjednodušují každodenní život v nové čtvrti.",
"image": {
"src": "/assets/images/photos/referencni-prague-towers-01-808.jpg",
"webpSrcset": "/assets/images/photos/referencni-prague-towers-01-808.webp 808w, /assets/images/photos/referencni-prague-towers-01-1200.webp 1200w",
"alt": "Výškové bytové domy Prague Towers",
"width": 808,
"height": 505
},
"location": "Prague Towers a Rezidence U Muzea, Praha 5 – Stodůlky a Praha 2 – Vinohrady"
},
{
"year": "2022",
"title": "Výstavba největších projektů v Praze",
"text": "Rozsáhlé projekty proměňují celé části města.",
"image": {
"src": "/assets/images/photos/referencni-parkova-ctvrt-02-808.jpg",
"webpSrcset": "/assets/images/photos/referencni-parkova-ctvrt-02-808.webp 808w, /assets/images/photos/referencni-parkova-ctvrt-02-1200.webp 1200w",
"alt": "Bytové domy Parkové čtvrti",
"width": 808,
"height": 505
},
"location": "Parková čtvrť, Praha 3 – Žižkov"
},
{
"year": "2024",
"title": "30 let na trhu",
"text": "Tři desetiletí na pražském trhu.",
"image": {
"src": "/assets/images/photos/referencni-nove-letnany-01-808.jpg",
"webpSrcset": "/assets/images/photos/referencni-nove-letnany-01-808.webp 808w, /assets/images/photos/referencni-nove-letnany-01-1200.webp 1200w",
"alt": "Bytové domy Nové Letňany",
"width": 808,
"height": 539
}
},
{
"year": "2026",
"title": "Další rozvoj Prahy",
"text": "Cesta pokračuje.",
"image": {
"src": "/assets/images/photos/pripravovane-02-914.jpg",
"webpSrcset": "/assets/images/photos/pripravovane-02-914.webp 914w, /assets/images/photos/pripravovane-02-1828.webp 1828w",
"alt": "Vizualizace připravovaného bytového domu",
"width": 914,
"height": 721
}
}
]
}
Varianta „no-image“
Naše cesta
Bez fotek a fallbacky
2004
Fotka bez lokality
Fotka bez skla s lokalitou.
Vzorová data (JSON)
{
"settings": {
"background": "dark"
},
"pretitle": "Naše cesta",
"title": "Bez fotek a fallbacky",
"items": [
{
"year": "1994",
"title": "Založení CENTRAL GROUP",
"label": "Založení\nCENTRAL GROUP",
"text": "Karta bez fotky — textový sloupec přes celou šířku, bez skla s lokalitou.",
"location": "Lokalita bez fotky se nevypíše"
},
{
"year": "2003",
"title": "Výstavba bytových domů",
"text": "Karta bez fotky a bez popisku přehledu — přehled vezme titulek."
},
{
"year": "2004",
"title": "Fotka bez lokality",
"label": "Fotka\nbez lokality",
"text": "Fotka bez skla s lokalitou.",
"image": {
"src": "/assets/images/photos/timeline-2004-720.jpg",
"webp": "/assets/images/photos/timeline-2004-720.webp",
"alt": "Bytové domy s výškovými věžemi",
"width": 720,
"height": 440
}
},
{
"year": "2026",
"title": "Bez textu karty",
"label": "Bez textu"
}
]
}