Blok «Kartki» - instrukcja do szablonu «Orion»

Blok "Kartki"

Przed użyciem kodu przeczytaj instrukcję dotyczącą wywoływania bloków na dodatkowych stronach - Czytaj dalej

<!-- Block «Cards» -->

{$props = [
    'align' => 'center',
    'color_scheme' => 'alter',
    'no_margin' => false,
    'animation' => true,
    'title' => [
        'align' => 'center',
        'size' => 'medium, H2',
        'text' => 'Nawigacja po witrynie - bloki z kartkami'
    ],
    'text' => 'Kartki są integralną częścią nowoczesnego tworzenia stron internetowych. Są to małe, wyróżnione bloki z krótkimi informacjami, które pozwalają na szybkie filtrowanie przepływu odwiedzających według sekcji.',
    'cards' => [
        '1' => [
            'template' => 'card-one',
            'color_scheme' => 'alter',
            'lazy' => false,
            'name' => 'Nawigacja według sekcji',
            'link' => '#',
            'badge' => 'Linki',
            'desc' => 'Kartki są używane jako linki do głównych sekcji lub stron zawierających szczegółowe informacje.',
            'image' => 'img/360x260.png'
        ],
        '2' => [
            'template' => 'card-one',
            'color_scheme' => 'alter',
            'lazy' => false,
            'name' => 'Projekty i portfolio',
            'link' => '#',
            'badge' => 'Szerokie zastosowanie',
            'desc' => 'W tym bloku może znajdować się od 1 do 4 kart. Można je stosować z linkami lub bez.',
            'image' => 'img/360x260.png'
        ],
        '3' => [
            'template' => 'card-one',
            'color_scheme' => 'alter',
            'lazy' => false,
            'name' => 'Prosty i nieskomplikowany',
            'link' => '#',
            'badge' => 'Intuicyjność',
            'desc' => 'Kartki są wizualnie wyróżnione i postrzegane przez odwiedzających jako całość informacji.',
            'image' => 'img/360x260.png'
        ],
        '4' => [
            'template' => 'card-one',
            'color_scheme' => 'alter',
            'lazy' => false,
            'name' => 'Poprawić UX strony',
            'link' => '#',
            'badge' => 'Uniwersalność',
            'desc' => 'Odpowiednie na każdą okazję, dobrze wyglądające, pozytywnie postrzegane przez użytkowników.',
            'image' => 'img/360x260.png'
        ]
    ]
]}

{call add_block block="cards" props=$props}