← Knihovna bloků

Karusel příběhů story-carousel · full

Bílá sekce s dvousloupcovou hlavičkou (nadtitulek s linkou, titulek 40 na dva řádky, šipky vpravo) a pod ní karusel karet 328 × 460 s fotkou, přechodem, pilulkou tématu a titulkem u spodní hrany. Klikatelná je celá karta, kolečko se šipkou je jen afordance uvnitř odkazu. Pod karuselem je lišta průběhu (Swiper Scrollbar, táhlo). Výřez přetéká kontejner doprava, aby další karta vykoukla; pod 1024 px se šipky skrývají a zůstává lišta a swipe.

Pro integrátora: Karusel řídí story-carousel.ts (Swiper) včetně lišty průběhu; bez JS je z výřezu vodorovný scroll.

Zdroj: src/_includes/blocks/story-carousel/

Varianta „default“

Společenská odpovědnost

Podporujeme lepší
a udržitelnější Česko

Fasádní zateplovací systém a okna s trojskly

Kombinace kvalitního zateplení obvodového pláště a oken s izolačními trojskly minimalizuje tepelné ztráty, zlepšuje energetickou účinnost budovy a přispívá k akustickému komfortu.

Tepelná čerpadla

Úsporný zdroj vytápění, který využívá energii z okolního prostředí (vzduchu, vody nebo země). Výrazně snižuje náklady na energie i emise CO₂.

Stropní vytápění a chlazení

Energeticky efektivní systém sálavých topných ploch koncipovaných v rámci stropní železobetonové konstrukce pro celoroční regulaci teploty v obytných místnostech.

Rekuperace

Systém řízeného větrání se zpětným ziskem tepla zajišťuje stálý přísun čerstvého vzduchu bez zbytečných tepelných ztrát. Snižuje spotřebu energie, přispívá ke zdravějšímu klimatu v bytě a v letních měsících umožňuje i mírné dochlazování vzduchu, čímž zvyšuje celkový komfort bydlení.

Technologie pro zpracování šedé vody

Systém umožňuje recyklaci mírně znečištěné vody (např. z praček, umyvadel či sprch) například pro splachování WC nebo zalévání. Snižuje spotřebu pitné vody a náklady na provoz.

Retenční nádrže

Zadržují dešťovou vodu, kterou lze dále využívat například na zalévání nebo splachování. Snižují zatížení kanalizace a pomáhají hospodařit s vodou.

Zelené střechy

Vegetační vrstva na střeše pozitivně ovlivňuje mikroklima a slouží jako účinná přírodní izolace. Snižuje tepelné ztráty v zimním období a omezuje přehřívání budov i jejich okolí v létě. Zároveň přispívá k zadržování dešťové vody, zvyšuje ekologickou hodnotu stavby a podporuje její energetickou efektivitu.

Klimatizace

Zařízení pro chlazení interiéru zajišťuje tepelný komfort i během letních měsíců. Moderní systémy s vysokou účinností jsou šetrné k životnímu prostředí i k provozním nákladům.

Venkovní stínění

Venkovní žaluzie či rolety chrání interiér před přehříváním a zároveň zvyšují soukromí. Během dne zajišťují efektivní regulaci přirozeného světla a v noci eliminují světelný smog, čímž přispívají ke zdravějšímu a kvalitnějšímu spánku.

Fotovoltaika

Solární panely umístěné na střechách vyrábějí elektřinu ze slunečního záření. Snižují provozní náklady budov a přispívají k energetické soběstačnosti.

Smart Home (chytrá domácnost)

Systém, který propojuje zařízení a technologie za účelem cíleně automatizovat běžné opakující se domácí úkony, zvýšit uživatelský komfort, bezpečnost i energetickou efektivitu domácnosti a zároveň umožňuje i vzdálenou správu zařízení a technologií v domácnosti.

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "ariaLabel": "Karusel příběhů společenské odpovědnosti",
  "pretitle": "Společenská odpovědnost",
  "title": "<strong>Podporujeme lepší</strong>\na udržitelnější Česko",
  "tag": "h2",
  "items": [
    {
      "title": "Fasádní zateplovací systém a okna s trojskly",
      "text": "Kombinace kvalitního zateplení obvodového pláště a oken s izolačními trojskly minimalizuje tepelné ztráty, zlepšuje energetickou účinnost budovy a přispívá k akustickému komfortu.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-fasadni-zatepleni-328.jpg",
        "webp": "/assets/images/photos/eko-smart-fasadni-zatepleni-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Tepelná čerpadla",
      "text": "Úsporný zdroj vytápění, který využívá energii z okolního prostředí (vzduchu, vody nebo země). Výrazně snižuje náklady na energie i emise CO₂.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-tepelne-cerpadlo-328.jpg",
        "webp": "/assets/images/photos/eko-smart-tepelne-cerpadlo-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Stropní vytápění a chlazení",
      "text": "Energeticky efektivní systém sálavých topných ploch koncipovaných v rámci stropní železobetonové konstrukce pro celoroční regulaci teploty v obytných místnostech.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-stropni-vytapeni-328.jpg",
        "webp": "/assets/images/photos/eko-smart-stropni-vytapeni-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Výtahy se zpětným získáváním energie",
      "text": "Moderní výtahy vybavené rekuperační technologií při jízdě dolů vracejí energii zpět do sítě. Tím snižují celkovou spotřebu elektřiny v budově.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-vytahy-328.jpg",
        "webp": "/assets/images/photos/eko-smart-vytahy-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Rekuperace",
      "text": "Systém řízeného větrání se zpětným ziskem tepla zajišťuje stálý přísun čerstvého vzduchu bez zbytečných tepelných ztrát. Snižuje spotřebu energie, přispívá ke zdravějšímu klimatu v bytě a v letních měsících umožňuje i mírné dochlazování vzduchu, čímž zvyšuje celkový komfort bydlení.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-rekuperace-328.jpg",
        "webp": "/assets/images/photos/eko-smart-rekuperace-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Rekuperace tepla z šedé nebo odpadní vody",
      "text": "Tato technologie využívá zbytkové teplo z odpadní vody (např. z koupelen) pro předehřev teplé vody. Zvyšuje celkovou energetickou efektivitu provozu.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-rekuperace-vody-328.jpg",
        "webp": "/assets/images/photos/eko-smart-rekuperace-vody-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Technologie pro zpracování šedé vody",
      "text": "Systém umožňuje recyklaci mírně znečištěné vody (např. z praček, umyvadel či sprch) například pro splachování WC nebo zalévání. Snižuje spotřebu pitné vody a náklady na provoz.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-seda-voda-328.jpg",
        "webp": "/assets/images/photos/eko-smart-seda-voda-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Retenční nádrže",
      "text": "Zadržují dešťovou vodu, kterou lze dále využívat například na zalévání nebo splachování. Snižují zatížení kanalizace a pomáhají hospodařit s vodou.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-retencni-nadrze-328.jpg",
        "webp": "/assets/images/photos/eko-smart-retencni-nadrze-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Zelené střechy",
      "text": "Vegetační vrstva na střeše pozitivně ovlivňuje mikroklima a slouží jako účinná přírodní izolace. Snižuje tepelné ztráty v zimním období a omezuje přehřívání budov i jejich okolí v létě. Zároveň přispívá k zadržování dešťové vody, zvyšuje ekologickou hodnotu stavby a podporuje její energetickou efektivitu.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-zelene-strechy-328.jpg",
        "webp": "/assets/images/photos/eko-smart-zelene-strechy-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Klimatizace",
      "text": "Zařízení pro chlazení interiéru zajišťuje tepelný komfort i během letních měsíců. Moderní systémy s vysokou účinností jsou šetrné k životnímu prostředí i k provozním nákladům.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-klimatizace-328.jpg",
        "webp": "/assets/images/photos/eko-smart-klimatizace-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Venkovní stínění",
      "text": "Venkovní žaluzie či rolety chrání interiér před přehříváním a zároveň zvyšují soukromí. Během dne zajišťují efektivní regulaci přirozeného světla a v noci eliminují světelný smog, čímž přispívají ke zdravějšímu a kvalitnějšímu spánku.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-venkovni-stineni-328.jpg",
        "webp": "/assets/images/photos/eko-smart-venkovni-stineni-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Fotovoltaika",
      "text": "Solární panely umístěné na střechách vyrábějí elektřinu ze slunečního záření. Snižují provozní náklady budov a přispívají k energetické soběstačnosti.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-fotovoltaika-328.jpg",
        "webp": "/assets/images/photos/eko-smart-fotovoltaika-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Smart Home (chytrá domácnost)",
      "text": "Systém, který propojuje zařízení a technologie za účelem cíleně automatizovat běžné opakující se domácí úkony, zvýšit uživatelský komfort, bezpečnost i energetickou efektivitu domácnosti a zároveň umožňuje i vzdálenou správu zařízení a technologií v domácnosti.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/eko-smart-smart-home-328.jpg",
        "webp": "/assets/images/photos/eko-smart-smart-home-328.webp",
        "alt": "",
        "width": 328,
        "height": 460
      }
    }
  ]
}

Varianta „spolecenska-odpovednost“

Společenská odpovědnost

Podporujeme lepší
a udržitelnější Česko

Předávání ocenění před panelem s nápisem Česká cena za architekturu

Architektura

Podpora české architektury

Jsme dlouhodobým generálním partnerem soutěže Česká cena za architekturu a podporujeme mladé talenty.

Studenti nad rozkreslenými návrhy v ateliéru s cihlovými stěnami

Vzdělávání

Studentské soutěže

Pořádáme architektonické soutěže s cenami a praktickými zkušenostmi pro studenty českých vysokých škol.

Panorama Prahy s Pražským hradem a budovou se zelenou střechou v popředí

Infrastruktura

Stovky milionů pro Prahu

V našich lokalitách přispíváme stamilionovými částkami na školy, infrastrukturu a veřejnou zeleň.

Čerstvě vysazený strom s opěrnými kůly v parku mezi bytovými domy

Příroda

¼ milionu stromů a keřů pro Prahu

Jen za posledních pět let jsme v Praze vysadili více než čtvrt milionu stromů a keřů.

Pohled na střechy Malé Strany a mosty přes Vltavu při západu slunce

Ekonomika

Stovky milionů na daních

Každý rok odvedeme státu a městu stovky milionů korun na daních z příjmu a z nemovitostí.

Detail barevné skleněné mozaiky s geometrickými tvary

Kultura

Záchrana mozaiky Saura Ballardiniho

Rozsáhlou mozaiku z šedesátých let jsme nechali restaurovat a vrátili ji zpět do veřejného prostoru.

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "ariaLabel": "Karusel příběhů společenské odpovědnosti",
  "pretitle": "Společenská odpovědnost",
  "title": "<strong>Podporujeme lepší</strong>\na udržitelnější Česko",
  "tag": "h2",
  "items": [
    {
      "topic": "Architektura",
      "title": "Podpora české architektury",
      "text": "Jsme dlouhodobým generálním partnerem soutěže Česká cena za architekturu a podporujeme mladé talenty.",
      "image": {
        "src": "/assets/images/photos/story-card-01-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-01-328.webp 328w, /assets/images/photos/story-card-01-656.webp 656w",
        "alt": "Předávání ocenění před panelem s nápisem Česká cena za architekturu",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Vzdělávání",
      "title": "Studentské soutěže",
      "text": "Pořádáme architektonické soutěže s cenami a praktickými zkušenostmi pro studenty českých vysokých škol.",
      "image": {
        "src": "/assets/images/photos/story-card-02-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-02-328.webp 328w, /assets/images/photos/story-card-02-656.webp 656w",
        "alt": "Studenti nad rozkreslenými návrhy v ateliéru s cihlovými stěnami",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Infrastruktura",
      "title": "Stovky milionů pro Prahu",
      "text": "V našich lokalitách přispíváme stamilionovými částkami na školy, infrastrukturu a veřejnou zeleň.",
      "image": {
        "src": "/assets/images/photos/story-card-03-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-03-328.webp 328w, /assets/images/photos/story-card-03-656.webp 656w",
        "alt": "Panorama Prahy s Pražským hradem a budovou se zelenou střechou v popředí",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Příroda",
      "title": "¼ milionu stromů a keřů pro Prahu",
      "text": "Jen za posledních pět let jsme v Praze vysadili více než čtvrt milionu stromů a keřů.",
      "image": {
        "src": "/assets/images/photos/story-card-04-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-04-328.webp 328w, /assets/images/photos/story-card-04-656.webp 656w",
        "alt": "Čerstvě vysazený strom s opěrnými kůly v parku mezi bytovými domy",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Ekonomika",
      "title": "Stovky milionů na daních",
      "text": "Každý rok odvedeme státu a městu stovky milionů korun na daních z příjmu a z nemovitostí.",
      "image": {
        "src": "/assets/images/photos/story-card-05-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-05-328.webp 328w, /assets/images/photos/story-card-05-656.webp 656w",
        "alt": "Pohled na střechy Malé Strany a mosty přes Vltavu při západu slunce",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Kultura",
      "title": "Záchrana mozaiky Saura Ballardiniho",
      "text": "Rozsáhlou mozaiku z šedesátých let jsme nechali restaurovat a vrátili ji zpět do veřejného prostoru.",
      "image": {
        "src": "/assets/images/photos/story-card-06-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-06-328.webp 328w, /assets/images/photos/story-card-06-656.webp 656w",
        "alt": "Detail barevné skleněné mozaiky s geometrickými tvary",
        "width": 328,
        "height": 460
      }
    }
  ]
}

Varianta „empty“

Vzorová data (JSON)
{}

Varianta „few“

Společenská odpovědnost

Tři karty
se do stopy vejdou

Studenti nad rozkreslenými návrhy v ateliéru s cihlovými stěnami

Vzdělávání

Studentské soutěže

Pořádáme architektonické soutěže pro studenty českých vysokých škol.

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "pretitle": "Společenská odpovědnost",
  "title": "<strong>Tři karty</strong>\nse do stopy vejdou",
  "items": [
    {
      "topic": "Architektura",
      "title": "Podpora české architektury",
      "text": "Karusel je zamčený — šipky i lišta průběhu se skryjí, protože není kam posouvat.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-01-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-01-328.webp 328w, /assets/images/photos/story-card-01-656.webp 656w",
        "alt": "Předávání ocenění před panelem s nápisem Česká cena za architekturu",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Vzdělávání",
      "title": "Studentské soutěže",
      "text": "Pořádáme architektonické soutěže pro studenty českých vysokých škol.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-02-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-02-328.webp 328w, /assets/images/photos/story-card-02-656.webp 656w",
        "alt": "Studenti nad rozkreslenými návrhy v ateliéru s cihlovými stěnami",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Příroda",
      "title": "¼ milionu stromů a keřů pro Prahu",
      "text": "Jen za posledních pět let jsme v Praze vysadili více než čtvrt milionu stromů a keřů.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-04-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-04-328.webp 328w, /assets/images/photos/story-card-04-656.webp 656w",
        "alt": "Čerstvě vysazený strom s opěrnými kůly v parku mezi bytovými domy",
        "width": 328,
        "height": 460
      }
    }
  ]
}

Varianta „one“

Společenská odpovědnost

Jediná karta
karusel nerozbije

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "pretitle": "Společenská odpovědnost",
  "title": "<strong>Jediná karta</strong>\nkarusel nerozbije",
  "items": [
    {
      "topic": "Kultura",
      "title": "Záchrana mozaiky Saura Ballardiniho",
      "text": "Rozsáhlou mozaiku z šedesátých let jsme nechali restaurovat a vrátili ji zpět do veřejného prostoru.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-06-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-06-328.webp 328w, /assets/images/photos/story-card-06-656.webp 656w",
        "alt": "Detail barevné skleněné mozaiky s geometrickými tvary",
        "width": 328,
        "height": 460
      }
    }
  ]
}

Varianta „no-image“

Společenská odpovědnost

Karty bez fotek
stojí na plochém podkladu

Architektura

Podpora české architektury

Jsme dlouhodobým generálním partnerem soutěže Česká cena za architekturu a podporujeme mladé talenty.

Vzdělávání

Studentské soutěže

Pořádáme architektonické soutěže s cenami a praktickými zkušenostmi pro studenty českých vysokých škol.

Infrastruktura

Stovky milionů pro Prahu

V našich lokalitách přispíváme stamilionovými částkami na školy, infrastrukturu a veřejnou zeleň.

Ekonomika

Stovky milionů na daních

Každý rok odvedeme státu a městu stovky milionů korun na daních z příjmu a z nemovitostí.

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "pretitle": "Společenská odpovědnost",
  "title": "<strong>Karty bez fotek</strong>\nstojí na plochém podkladu",
  "items": [
    {
      "topic": "Architektura",
      "title": "Podpora české architektury",
      "text": "Jsme dlouhodobým generálním partnerem soutěže Česká cena za architekturu a podporujeme mladé talenty.",
      "url": "#"
    },
    {
      "topic": "Vzdělávání",
      "title": "Studentské soutěže",
      "text": "Pořádáme architektonické soutěže s cenami a praktickými zkušenostmi pro studenty českých vysokých škol.",
      "url": "#"
    },
    {
      "topic": "Infrastruktura",
      "title": "Stovky milionů pro Prahu",
      "text": "V našich lokalitách přispíváme stamilionovými částkami na školy, infrastrukturu a veřejnou zeleň.",
      "url": "#"
    },
    {
      "topic": "Příroda",
      "title": "¼ milionu stromů a keřů pro Prahu",
      "text": "Jen za posledních pět let jsme v Praze vysadili více než čtvrt milionu stromů a keřů.",
      "url": "#"
    },
    {
      "topic": "Ekonomika",
      "title": "Stovky milionů na daních",
      "text": "Každý rok odvedeme státu a městu stovky milionů korun na daních z příjmu a z nemovitostí.",
      "url": "#"
    }
  ]
}

Varianta „no-url“

Společenská odpovědnost

Karty bez odkazu
nemají kolečko se šipkou

Předávání ocenění před panelem s nápisem Česká cena za architekturu

Architektura

Podpora české architektury

Jsme dlouhodobým generálním partnerem soutěže Česká cena za architekturu a podporujeme mladé talenty.

Studenti nad rozkreslenými návrhy v ateliéru s cihlovými stěnami

Vzdělávání

Studentské soutěže

Pořádáme architektonické soutěže s cenami a praktickými zkušenostmi pro studenty českých vysokých škol.

Panorama Prahy s Pražským hradem a budovou se zelenou střechou v popředí

Infrastruktura

Stovky milionů pro Prahu

V našich lokalitách přispíváme stamilionovými částkami na školy, infrastrukturu a veřejnou zeleň.

Čerstvě vysazený strom s opěrnými kůly v parku mezi bytovými domy

Příroda

¼ milionu stromů a keřů pro Prahu

Jen za posledních pět let jsme v Praze vysadili více než čtvrt milionu stromů a keřů.

Pohled na střechy Malé Strany a mosty přes Vltavu při západu slunce

Ekonomika

Stovky milionů na daních

Každý rok odvedeme státu a městu stovky milionů korun na daních z příjmu a z nemovitostí.

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "pretitle": "Společenská odpovědnost",
  "title": "<strong>Karty bez odkazu</strong>\nnemají kolečko se šipkou",
  "items": [
    {
      "topic": "Architektura",
      "title": "Podpora české architektury",
      "text": "Jsme dlouhodobým generálním partnerem soutěže Česká cena za architekturu a podporujeme mladé talenty.",
      "image": {
        "src": "/assets/images/photos/story-card-01-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-01-328.webp 328w, /assets/images/photos/story-card-01-656.webp 656w",
        "alt": "Předávání ocenění před panelem s nápisem Česká cena za architekturu",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Vzdělávání",
      "title": "Studentské soutěže",
      "text": "Pořádáme architektonické soutěže s cenami a praktickými zkušenostmi pro studenty českých vysokých škol.",
      "image": {
        "src": "/assets/images/photos/story-card-02-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-02-328.webp 328w, /assets/images/photos/story-card-02-656.webp 656w",
        "alt": "Studenti nad rozkreslenými návrhy v ateliéru s cihlovými stěnami",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Infrastruktura",
      "title": "Stovky milionů pro Prahu",
      "text": "V našich lokalitách přispíváme stamilionovými částkami na školy, infrastrukturu a veřejnou zeleň.",
      "image": {
        "src": "/assets/images/photos/story-card-03-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-03-328.webp 328w, /assets/images/photos/story-card-03-656.webp 656w",
        "alt": "Panorama Prahy s Pražským hradem a budovou se zelenou střechou v popředí",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Příroda",
      "title": "¼ milionu stromů a keřů pro Prahu",
      "text": "Jen za posledních pět let jsme v Praze vysadili více než čtvrt milionu stromů a keřů.",
      "image": {
        "src": "/assets/images/photos/story-card-04-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-04-328.webp 328w, /assets/images/photos/story-card-04-656.webp 656w",
        "alt": "Čerstvě vysazený strom s opěrnými kůly v parku mezi bytovými domy",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Ekonomika",
      "title": "Stovky milionů na daních",
      "text": "Každý rok odvedeme státu a městu stovky milionů korun na daních z příjmu a z nemovitostí.",
      "image": {
        "src": "/assets/images/photos/story-card-05-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-05-328.webp 328w, /assets/images/photos/story-card-05-656.webp 656w",
        "alt": "Pohled na střechy Malé Strany a mosty přes Vltavu při západu slunce",
        "width": 328,
        "height": 460
      }
    }
  ]
}

Varianta „no-topic“

Společenská odpovědnost

Karty bez pilulky
mají obsah jen dole

Předávání ocenění před panelem s nápisem Česká cena za architekturu

Podpora české architektury

Jsme dlouhodobým generálním partnerem soutěže Česká cena za architekturu a podporujeme mladé talenty.

Studenti nad rozkreslenými návrhy v ateliéru s cihlovými stěnami

Studentské soutěže

Pořádáme architektonické soutěže s cenami a praktickými zkušenostmi pro studenty českých vysokých škol.

Panorama Prahy s Pražským hradem a budovou se zelenou střechou v popředí

Stovky milionů pro Prahu

V našich lokalitách přispíváme stamilionovými částkami na školy, infrastrukturu a veřejnou zeleň.

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "pretitle": "Společenská odpovědnost",
  "title": "<strong>Karty bez pilulky</strong>\nmají obsah jen dole",
  "items": [
    {
      "title": "Podpora české architektury",
      "text": "Jsme dlouhodobým generálním partnerem soutěže Česká cena za architekturu a podporujeme mladé talenty.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-01-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-01-328.webp 328w, /assets/images/photos/story-card-01-656.webp 656w",
        "alt": "Předávání ocenění před panelem s nápisem Česká cena za architekturu",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Studentské soutěže",
      "text": "Pořádáme architektonické soutěže s cenami a praktickými zkušenostmi pro studenty českých vysokých škol.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-02-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-02-328.webp 328w, /assets/images/photos/story-card-02-656.webp 656w",
        "alt": "Studenti nad rozkreslenými návrhy v ateliéru s cihlovými stěnami",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Stovky milionů pro Prahu",
      "text": "V našich lokalitách přispíváme stamilionovými částkami na školy, infrastrukturu a veřejnou zeleň.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-03-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-03-328.webp 328w, /assets/images/photos/story-card-03-656.webp 656w",
        "alt": "Panorama Prahy s Pražským hradem a budovou se zelenou střechou v popředí",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "¼ milionu stromů a keřů pro Prahu",
      "text": "Jen za posledních pět let jsme v Praze vysadili více než čtvrt milionu stromů a keřů.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-04-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-04-328.webp 328w, /assets/images/photos/story-card-04-656.webp 656w",
        "alt": "Čerstvě vysazený strom s opěrnými kůly v parku mezi bytovými domy",
        "width": 328,
        "height": 460
      }
    },
    {
      "title": "Stovky milionů na daních",
      "text": "Každý rok odvedeme státu a městu stovky milionů korun na daních z příjmu a z nemovitostí.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-05-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-05-328.webp 328w, /assets/images/photos/story-card-05-656.webp 656w",
        "alt": "Pohled na střechy Malé Strany a mosty přes Vltavu při západu slunce",
        "width": 328,
        "height": 460
      }
    }
  ]
}

Varianta „long“

Dlouhé texty z redakčního systému

Delší titulek karty
roste nahoru, karta smí vyrůst

Panorama Prahy s Pražským hradem a budovou se zelenou střechou v popředí

Infrastruktura, školy a veřejná zeleň v pražských lokalitách

Stovky milionů pro Prahu

V našich lokalitách přispíváme stamilionovými částkami na školy, mateřské školky, dopravní infrastrukturu, veřejnou zeleň a vodní prvky, které zůstávají městu i po dokončení výstavby.

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "pretitle": "Dlouhé texty z redakčního systému",
  "title": "<strong>Delší titulek karty</strong>\nroste nahoru, karta smí vyrůst",
  "items": [
    {
      "topic": "Architektura a veřejný prostor",
      "title": "Dlouhodobá podpora české architektury, mladých talentů a soutěžních přehlídek",
      "text": "Jsme dlouhodobým generálním partnerem soutěže Česká cena za architekturu, podporujeme mladé talenty a spolupracujeme s odbornou porotou na výběru staveb, které posouvají české stavitelství dál.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-01-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-01-328.webp 328w, /assets/images/photos/story-card-01-656.webp 656w",
        "alt": "Předávání ocenění před panelem s nápisem Česká cena za architekturu",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Vzdělávání",
      "title": "Studentské soutěže",
      "text": "Krátký text.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-02-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-02-328.webp 328w, /assets/images/photos/story-card-02-656.webp 656w",
        "alt": "Studenti nad rozkreslenými návrhy v ateliéru s cihlovými stěnami",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Infrastruktura, školy a veřejná zeleň v pražských lokalitách",
      "title": "Stovky milionů pro Prahu",
      "text": "V našich lokalitách přispíváme stamilionovými částkami na školy, mateřské školky, dopravní infrastrukturu, veřejnou zeleň a vodní prvky, které zůstávají městu i po dokončení výstavby.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-03-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-03-328.webp 328w, /assets/images/photos/story-card-03-656.webp 656w",
        "alt": "Panorama Prahy s Pražským hradem a budovou se zelenou střechou v popředí",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Příroda",
      "title": "¼ milionu stromů a keřů pro Prahu",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-04-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-04-328.webp 328w, /assets/images/photos/story-card-04-656.webp 656w",
        "alt": "Čerstvě vysazený strom s opěrnými kůly v parku mezi bytovými domy",
        "width": 328,
        "height": 460
      }
    }
  ]
}

Varianta „no-header“

Předávání ocenění před panelem s nápisem Česká cena za architekturu

Architektura

Podpora české architektury

Bez nadtitulku i titulku se hlavička nevykreslí — a s ní ani šipky. Zůstává lišta průběhu a swipe.

Studenti nad rozkreslenými návrhy v ateliéru s cihlovými stěnami

Vzdělávání

Studentské soutěže

Pořádáme architektonické soutěže s cenami a praktickými zkušenostmi pro studenty českých vysokých škol.

Panorama Prahy s Pražským hradem a budovou se zelenou střechou v popředí

Infrastruktura

Stovky milionů pro Prahu

V našich lokalitách přispíváme stamilionovými částkami na školy, infrastrukturu a veřejnou zeleň.

Pohled na střechy Malé Strany a mosty přes Vltavu při západu slunce

Ekonomika

Stovky milionů na daních

Každý rok odvedeme státu a městu stovky milionů korun na daních z příjmu a z nemovitostí.

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "items": [
    {
      "topic": "Architektura",
      "title": "Podpora české architektury",
      "text": "Bez nadtitulku i titulku se hlavička nevykreslí — a s ní ani šipky. Zůstává lišta průběhu a swipe.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-01-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-01-328.webp 328w, /assets/images/photos/story-card-01-656.webp 656w",
        "alt": "Předávání ocenění před panelem s nápisem Česká cena za architekturu",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Vzdělávání",
      "title": "Studentské soutěže",
      "text": "Pořádáme architektonické soutěže s cenami a praktickými zkušenostmi pro studenty českých vysokých škol.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-02-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-02-328.webp 328w, /assets/images/photos/story-card-02-656.webp 656w",
        "alt": "Studenti nad rozkreslenými návrhy v ateliéru s cihlovými stěnami",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Infrastruktura",
      "title": "Stovky milionů pro Prahu",
      "text": "V našich lokalitách přispíváme stamilionovými částkami na školy, infrastrukturu a veřejnou zeleň.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-03-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-03-328.webp 328w, /assets/images/photos/story-card-03-656.webp 656w",
        "alt": "Panorama Prahy s Pražským hradem a budovou se zelenou střechou v popředí",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Příroda",
      "title": "¼ milionu stromů a keřů pro Prahu",
      "text": "Jen za posledních pět let jsme v Praze vysadili více než čtvrt milionu stromů a keřů.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-04-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-04-328.webp 328w, /assets/images/photos/story-card-04-656.webp 656w",
        "alt": "Čerstvě vysazený strom s opěrnými kůly v parku mezi bytovými domy",
        "width": 328,
        "height": 460
      }
    },
    {
      "topic": "Ekonomika",
      "title": "Stovky milionů na daních",
      "text": "Každý rok odvedeme státu a městu stovky milionů korun na daních z příjmu a z nemovitostí.",
      "url": "#",
      "image": {
        "src": "/assets/images/photos/story-card-05-328.jpg",
        "webpSrcset": "/assets/images/photos/story-card-05-328.webp 328w, /assets/images/photos/story-card-05-656.webp 656w",
        "alt": "Pohled na střechy Malé Strany a mosty přes Vltavu při západu slunce",
        "width": 328,
        "height": 460
      }
    }
  ]
}