UI Kit (saps-h1)

(saps-p)
Financovat vůz se vyplatí s někým, kdo autům rozumí. Není jednodušší financování vozu vyřídit tam, kde vůz kupuji? K financování od nás dostanete další výhody, které jinde nezískáte. Ať už prodlouženou záruku, levnější pojištění, nebo třeba 20 000Kč, které můžete využít dle svého uvážení. Například jako slevu na vůz, ne pořízení sady kil či doplňků. Zeptejte se svého prodejce na financování ŠKODA Financial Services.

UI Kit (saps-h2 saps-color-grey-300)

UI Kit (saps-h3 saps-color-black)

Taby

Výbava
Technické parametry
Poznámka

Tabulka

100% Pojištění 100% Péče 100% Jistota
Nejrychlejší bonus na trhu Nonstop asistenční služby Úrazové pojištění řidiče s rentou
Pojištění živlu, poškození zvířetem

a střetu se zvířetem nebo zvěří
Náhradní vůz až na 60 dní Odtah do domovského servisu zdarma
Pojištění poklesu hodnoty vozu
v čase GAP? Úspora času při řešení pojistné události Garance neměnnosti ceny po celou
dobu trvání
První škoda bez vlivu na bonus Výhodný koncept Domovského servisu Minimalizace dopadu škodné
události na klienta

Zoznam

  • zvýhodněnou cenu pojištění vyplývající z množstevních slev pro ŠKODA Financial Services
  • bonus za bezeškodní průběh předchozího pojištění
  • neměnnou výši pojistného na celou dobu trvání financování
  • jednoduché vyřízení veškeré agendy v místě prodeje vozu bez nutnosti návštěvy pojišťovny

Zelené fajky

Stačí pridať saps-checklist--primary na ul

  • zvýhodněnou cenu pojištění vyplývající z množstevních slev pro ŠKODA Financial Services
  • bonus za bezeškodní průběh předchozího pojištění
  • neměnnou výši pojistného na celou dobu trvání financování
  • jednoduché vyřízení veškeré agendy v místě prodeje vozu bez nutnosti návštěvy pojišťovny

Buttony

saps-button
Button text
saps-button saps-button--secondary
Button text
saps-button saps-button--link
Button text

Typografia

        Nadpisy: saps-h1, saps-h2, saps-h3, saps-h4, saps-h5
        Odstavec: saps-p, saps-p-small

        saps-bold: tucne pismo
        saps-normal: normalne pismo
        saps-light: jemne pismo (default pre web)
    

Containers

        container-fluid - obsah na celu sirku
        container - obsah na zakladnu sirku (vacsina obsahu)
    

Taby

        klucovanie podla href: < a href="#tabId" class="saps-tab-title__a js-show-tab"... ovlada < div id="tabId"...
        id musi byt na stranke unikatne, takze ej nutne volit jedinecne nazvy pre kazdy tab na celej site
    

Farby textu

        $color-scheme-list: (
            primary: #009c00,
            secondary: #ef7d00,
            secondary-hover: #dd7400,
            white: #ffffff,
            black: #000000,
            text: #4a4a4a,
            orange: #ef7d00,
            alertRed: #ef2600,
            grey-600: #878787,
            grey-500: #4a4a4a,
            grey-400: #707070,
            grey-410: #777777,
            grey-300: #cecece,
            grey-200: #b8b8b8,
            grey-100: #eaeaea,
            grey-50: #f7f7f7
        );

        saps-color-[colorKey]: saps-color-secondary = farba textu #ef7d00
        saps-bg-[colorKey]: saps-bg-white = biele pozadie #ffffff
    

Spacing

        $spacing-list: (5, 10, 15, 20, 25, 30, 35, 40, 45, 50, 55, 60, 65, 70, 75, 80, 85, 90, 95, 100, 175, 0);

        margin pomocou saps-m[side]-[itemValue]
        padding pomocou saps-p[side]-[itemValue]

        margin/padding pre vsetky strany: saps-[m|p]-[itemValue]

        saps-mt-[itemValue]: saps-mt-25 = horny okraj velkosti 25px
        saps-mb-[itemValue]: saps-mt-50 = spodny okraj velkosti 50px
        saps-mr-[itemValue]: saps-mt-60 = pravy okraj velkosti 60px
        saps-ml-[itemValue]: saps-mt-50 = lavy okraj velkosti 50px