← Knihovna bloků

Karty ke stažení download-cards · light

Mřížka karet se soubory ke stažení — karta má volitelný popisek, obrázek v nativní velikosti a dole box odznaků, kde každý odznak je jeden soubor. Karty jdou volitelně rozdělit do pojmenovaných skupin.

Pro integrátora: Odkazy ke stažení vedou na # — cílové soubory se doplní v systému klienta.

Zdroj: src/_includes/blocks/download-cards/

Varianta „default“

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "title": "<strong>Loga ke stažení</strong>",
  "items": [
    {
      "label": "Primární logo CG",
      "image": {
        "src": "/assets/images/logos/logo-cg-01-200.png",
        "webp": "/assets/images/logos/logo-cg-01-200.webp",
        "webpSrcset": "/assets/images/logos/logo-cg-01-200.webp 200w, /assets/images/logos/logo-cg-01-400.webp 400w",
        "alt": "Primární logo CENTRAL GROUP na žlutém podkladu",
        "width": 200,
        "height": 131
      },
      "files": [
        {
          "format": "PNG",
          "url": "#"
        },
        {
          "format": "PDF",
          "url": "#"
        },
        {
          "format": "SVG",
          "url": "#"
        },
        {
          "format": "AI",
          "url": "#"
        }
      ]
    },
    {
      "label": "Logo CG ve čtverci",
      "image": {
        "src": "/assets/images/logos/logo-cg-02-131.png",
        "webp": "/assets/images/logos/logo-cg-02-131.webp",
        "webpSrcset": "/assets/images/logos/logo-cg-02-131.webp 131w, /assets/images/logos/logo-cg-02-262.webp 262w",
        "alt": "Logo CENTRAL GROUP ve žlutém čtverci",
        "width": 131,
        "height": 131
      },
      "files": [
        {
          "format": "PNG",
          "url": "#"
        },
        {
          "format": "PDF",
          "url": "#"
        },
        {
          "format": "SVG",
          "url": "#"
        },
        {
          "format": "AI",
          "url": "#"
        }
      ]
    },
    {
      "label": "Logo CG na výšku",
      "image": {
        "src": "/assets/images/logos/logo-cg-03-131.png",
        "webp": "/assets/images/logos/logo-cg-03-131.webp",
        "webpSrcset": "/assets/images/logos/logo-cg-03-131.webp 131w, /assets/images/logos/logo-cg-03-262.webp 262w",
        "alt": "Logo CENTRAL GROUP ve žlutém čtverci na výšku",
        "width": 131,
        "height": 131
      },
      "files": [
        {
          "format": "PNG",
          "url": "#"
        },
        {
          "format": "PDF",
          "url": "#"
        },
        {
          "format": "SVG",
          "url": "#"
        },
        {
          "format": "AI",
          "url": "#"
        }
      ]
    },
    {
      "label": "Logo – Nadační fond pro zdraví dětí",
      "image": {
        "src": "/assets/images/logos/logo-nadacni-fond-250.png",
        "webp": "/assets/images/logos/logo-nadacni-fond-250.webp",
        "webpSrcset": "/assets/images/logos/logo-nadacni-fond-250.webp 250w, /assets/images/logos/logo-nadacni-fond-500.webp 500w",
        "alt": "Logo Nadačního fondu pro zdraví dětí",
        "width": 250,
        "height": 92
      },
      "files": [
        {
          "format": "PNG",
          "url": "#"
        },
        {
          "format": "PDF",
          "url": "#"
        },
        {
          "format": "SVG",
          "url": "#"
        },
        {
          "format": "AI",
          "url": "#"
        }
      ]
    }
  ]
}

Varianta „vedeni“

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "title": "Vedení\n<strong>společnosti</strong>",
  "groups": [
    {
      "title": "Mgr. Dušan Kunovský, LL.M.",
      "items": [
        {
          "image": {
            "src": "/assets/images/photos/vedeni-dusan-01-200.jpg",
            "webp": "/assets/images/photos/vedeni-dusan-01-200.webp",
            "webpSrcset": "/assets/images/photos/vedeni-dusan-01-200.webp 200w, /assets/images/photos/vedeni-dusan-01-400.webp 400w",
            "alt": "Dušan Kunovský v modrém obleku u betonové stěny",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/vedeni-dusan-02-200.jpg",
            "webp": "/assets/images/photos/vedeni-dusan-02-200.webp",
            "webpSrcset": "/assets/images/photos/vedeni-dusan-02-200.webp 200w, /assets/images/photos/vedeni-dusan-02-400.webp 400w",
            "alt": "Dušan Kunovský v šedém saku",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/vedeni-dusan-03-200.jpg",
            "webp": "/assets/images/photos/vedeni-dusan-03-200.webp",
            "webpSrcset": "/assets/images/photos/vedeni-dusan-03-200.webp 200w, /assets/images/photos/vedeni-dusan-03-400.webp 400w",
            "alt": "Dušan Kunovský u stolu s výhledem na Prahu",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/vedeni-dusan-04-268.jpg",
            "webp": "/assets/images/photos/vedeni-dusan-04-268.webp",
            "webpSrcset": "/assets/images/photos/vedeni-dusan-04-268.webp 268w, /assets/images/photos/vedeni-dusan-04-536.webp 536w",
            "alt": "Dušan Kunovský před budovou, fotografie na šířku",
            "width": 268,
            "height": 178
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        }
      ]
    },
    {
      "title": "Mgr. Michaela Váňová",
      "items": [
        {
          "image": {
            "src": "/assets/images/photos/vedeni-michaela-01-200.jpg",
            "webp": "/assets/images/photos/vedeni-michaela-01-200.webp",
            "webpSrcset": "/assets/images/photos/vedeni-michaela-01-200.webp 200w, /assets/images/photos/vedeni-michaela-01-400.webp 400w",
            "alt": "Michaela Váňová v modrých šatech",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/vedeni-michaela-02-200.jpg",
            "webp": "/assets/images/photos/vedeni-michaela-02-200.webp",
            "webpSrcset": "/assets/images/photos/vedeni-michaela-02-200.webp 200w, /assets/images/photos/vedeni-michaela-02-400.webp 400w",
            "alt": "Michaela Váňová, portrét zblízka",
            "width": 200,
            "height": 310
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/vedeni-michaela-03-200.jpg",
            "webp": "/assets/images/photos/vedeni-michaela-03-200.webp",
            "webpSrcset": "/assets/images/photos/vedeni-michaela-03-200.webp 200w, /assets/images/photos/vedeni-michaela-03-400.webp 400w",
            "alt": "Michaela Váňová v růžových šatech",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        }
      ]
    }
  ]
}

Varianta „fotografie“

Fotografie a vizualizace
ke stažení

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "title": "Fotografie a vizualizace\n<strong>ke stažení</strong>",
  "groups": [
    {
      "title": "Fotografie z dokončeného Bloku 1",
      "items": [
        {
          "image": {
            "src": "/assets/images/photos/download-foto-01-200.jpg",
            "webp": "/assets/images/photos/download-foto-01-200.webp",
            "webpSrcset": "/assets/images/photos/download-foto-01-200.webp 200w, /assets/images/photos/download-foto-01-400.webp 400w",
            "alt": "Bytový dům Bloku 1 s předzahrádkami",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-02-200.jpg",
            "webp": "/assets/images/photos/download-foto-02-200.webp",
            "webpSrcset": "/assets/images/photos/download-foto-02-200.webp 200w, /assets/images/photos/download-foto-02-400.webp 400w",
            "alt": "Bytový dům Bloku 1 nad rozkvetlou loukou",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-03-268.jpg",
            "webp": "/assets/images/photos/download-foto-03-268.webp",
            "webpSrcset": "/assets/images/photos/download-foto-03-268.webp 268w, /assets/images/photos/download-foto-03-536.webp 536w",
            "alt": "Vnitroblok s lavičkami a zelení",
            "width": 268,
            "height": 179
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-04-268.jpg",
            "webp": "/assets/images/photos/download-foto-04-268.webp",
            "webpSrcset": "/assets/images/photos/download-foto-04-268.webp 268w, /assets/images/photos/download-foto-04-536.webp 536w",
            "alt": "Detail zasklené lodžie bytového domu",
            "width": 268,
            "height": 179
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-01-200.jpg",
            "webp": "/assets/images/photos/download-foto-01-200.webp",
            "webpSrcset": "/assets/images/photos/download-foto-01-200.webp 200w, /assets/images/photos/download-foto-01-400.webp 400w",
            "alt": "Bytový dům Bloku 1 z ulice",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-02-200.jpg",
            "webp": "/assets/images/photos/download-foto-02-200.webp",
            "webpSrcset": "/assets/images/photos/download-foto-02-200.webp 200w, /assets/images/photos/download-foto-02-400.webp 400w",
            "alt": "Bytový dům Bloku 1 od jihu",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-03-268.jpg",
            "webp": "/assets/images/photos/download-foto-03-268.webp",
            "webpSrcset": "/assets/images/photos/download-foto-03-268.webp 268w, /assets/images/photos/download-foto-03-536.webp 536w",
            "alt": "Parkové úpravy mezi domy",
            "width": 268,
            "height": 179
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-04-268.jpg",
            "webp": "/assets/images/photos/download-foto-04-268.webp",
            "webpSrcset": "/assets/images/photos/download-foto-04-268.webp 268w, /assets/images/photos/download-foto-04-536.webp 536w",
            "alt": "Detail fasády s dřevěným obkladem",
            "width": 268,
            "height": 179
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        }
      ]
    },
    {
      "title": "Vizualizace exteriérů",
      "items": [
        {
          "image": {
            "src": "/assets/images/photos/download-foto-01-200.jpg",
            "webp": "/assets/images/photos/download-foto-01-200.webp",
            "webpSrcset": "/assets/images/photos/download-foto-01-200.webp 200w, /assets/images/photos/download-foto-01-400.webp 400w",
            "alt": "Vizualizace bytového domu s předzahrádkami",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-02-200.jpg",
            "webp": "/assets/images/photos/download-foto-02-200.webp",
            "webpSrcset": "/assets/images/photos/download-foto-02-200.webp 200w, /assets/images/photos/download-foto-02-400.webp 400w",
            "alt": "Vizualizace domu nad loukou",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-03-268.jpg",
            "webp": "/assets/images/photos/download-foto-03-268.webp",
            "webpSrcset": "/assets/images/photos/download-foto-03-268.webp 268w, /assets/images/photos/download-foto-03-536.webp 536w",
            "alt": "Vizualizace vnitrobloku",
            "width": 268,
            "height": 179
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-04-268.jpg",
            "webp": "/assets/images/photos/download-foto-04-268.webp",
            "webpSrcset": "/assets/images/photos/download-foto-04-268.webp 268w, /assets/images/photos/download-foto-04-536.webp 536w",
            "alt": "Vizualizace lodžií",
            "width": 268,
            "height": 179
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-01-200.jpg",
            "webp": "/assets/images/photos/download-foto-01-200.webp",
            "webpSrcset": "/assets/images/photos/download-foto-01-200.webp 200w, /assets/images/photos/download-foto-01-400.webp 400w",
            "alt": "Vizualizace domu z ulice",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-02-200.jpg",
            "webp": "/assets/images/photos/download-foto-02-200.webp",
            "webpSrcset": "/assets/images/photos/download-foto-02-200.webp 200w, /assets/images/photos/download-foto-02-400.webp 400w",
            "alt": "Vizualizace domu od jihu",
            "width": 200,
            "height": 300
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-03-268.jpg",
            "webp": "/assets/images/photos/download-foto-03-268.webp",
            "webpSrcset": "/assets/images/photos/download-foto-03-268.webp 268w, /assets/images/photos/download-foto-03-536.webp 536w",
            "alt": "Vizualizace parkových úprav",
            "width": 268,
            "height": 179
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        },
        {
          "image": {
            "src": "/assets/images/photos/download-foto-04-268.jpg",
            "webp": "/assets/images/photos/download-foto-04-268.webp",
            "webpSrcset": "/assets/images/photos/download-foto-04-268.webp 268w, /assets/images/photos/download-foto-04-536.webp 536w",
            "alt": "Vizualizace detailu fasády",
            "width": 268,
            "height": 179
          },
          "files": [
            {
              "format": "WEB",
              "url": "#"
            },
            {
              "format": "TISK",
              "url": "#"
            }
          ]
        }
      ]
    }
  ]
}

Varianta „jedna-karta“

Vzorová data (JSON)
{
  "settings": {
    "background": "white"
  },
  "title": "<strong>Jediná karta bez popisku</strong>",
  "items": [
    {
      "image": {
        "src": "/assets/images/logos/logo-nadacni-fond-250.png",
        "webp": "/assets/images/logos/logo-nadacni-fond-250.webp",
        "alt": "Logo Nadačního fondu pro zdraví dětí",
        "width": 250,
        "height": 92
      },
      "filesLabel": "Soubory ke stažení",
      "files": [
        {
          "format": "PNG",
          "url": "#"
        }
      ]
    },
    {
      "label": "Karta bez obrázku — jen odznaky",
      "files": [
        {
          "format": "PDF",
          "url": "#"
        },
        {
          "format": "DOCX",
          "url": "#"
        }
      ]
    }
  ]
}

Varianta „empty“

Vzorová data (JSON)
{
  "title": "Loga ke stažení",
  "settings": {}
}