Blok Kartki (Orion)

Blok "Kartki"

Wywołanie bloku na stronach witryny internetowej ID — cards

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}    


Właściwość Typ danych Opis
align String Wyrównanie elementów po lewej stronie, na środku lub po prawej stronie. Przyjmuje wartości 'left', 'center' lub 'right'
color_scheme String Schemat kolorów bloku. Dopuszczalne wartości: 'main', 'alter' lub 'semitone'
no_margin Boolean Wartość true usuwa górne wcięcie bloku.
animation Boolean Włącza lub wyłącza animację pojawiania się elementów. Wartości true lub false
title Object Element "Nagłówek" Więcej...
text String Tekst bloku
cards Object Element «Karta» Więcej...


Błąd w tekście? Zaznacz ją myszką i kliknij Ctrl + F1 lub kliknij na ten blok!