UI style guide

Lorem ipsum dolor sit amet, consectetur adipiscing elit
- consectetur adipiscing elit
- consectetur adipiscing elit
- consectetur adipiscing elit
- consectetur adipiscing elit
Lorem ipsum dolor sit amet, consectetur adipiscing
sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Icon with text
Elements
Colors
Headings
Buttons
Buttonite datas peavad olema järgmised parameetrid:
- title: Click me!
- url: https://neti.ee
Ainult nende kahe olemasolul tekib default stiiliga button, mis näeb välja selline:
Click me!Teised kasulikud parameetrid
- size: lg
- color: light
- target: _blank (avab lehe uues aknas)
- onclick: function()
- disabled: true
Näited:
color: 'dark' (default) | color: 'light' | disabled: true | |
---|---|---|---|
default suurus | Logi sisse | Logi sisse | Logi sisse |
size: 'sm' | Logi sisse | Logi sisse | Logi sisse |
size: 'md' | Logi sisse | Logi sisse | Logi sisse |
size: 'lg' | Logi sisse | Logi sisse | Logi sisse |
Links
Tooltips
Alerts
Steps
Pagination
Statuses
Components
Pills
Accordion
Pellentesque sed velit ex.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec mauris nec diam ornare consequat quis pretium neque. Nulla purus elit, commodo a diam ac, sodales cursus odio. Suspen disse potenti. Cras at metus id eros malesuada venenatis quis imperdiet dui. Duis fringilla, odio cursus tempor iaculis, enim tortor finibus ligula, sit amet cursus urna nisi ac mauris.
Donec nec est libero.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec mauris nec diam ornare consequat quis pretium neque. Nulla purus elit, commodo a diam ac, sodales cursus odio. Suspen disse potenti. Cras at metus id eros malesuada venenatis quis imperdiet dui. Duis fringilla, odio cursus tempor iaculis, enim tortor finibus ligula, sit amet cursus urna nisi ac mauris.
Donec nec est libero.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. In nec mauris nec diam ornare consequat quis pretium neque. Nulla purus elit, commodo a diam ac, sodales cursus odio. Suspen disse potenti. Cras at metus id eros malesuada venenatis quis imperdiet dui. Duis fringilla, odio cursus tempor iaculis, enim tortor finibus ligula, sit amet cursus urna nisi ac mauris.
Youtube
Layouts
textBlockInOneColumn
Textblocki columnite arv sõltub sellest, kui mitu kirjet on dataga kaasa antud. Kui üks, siis näeb välja selline. All on näha ka kui kirjeid on rohkem. Teine parameeter on teksti keskele joondamiseks. Praegu toetab kuni 4 kirjet.
textBlockInTwoColumns
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sed do eiusmod tempor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
textBlock many columns
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sed do eiusmod tempor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Sed do eiusmod tempor
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
textBlockWithTitle
Pealkiri
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

Kasutame koduturu investeerimisvõimalusi
Andres Viisemann, LHV pensionifondide juht
LHV valikus nüüd ka passiivsed pensionifondid
Oktoober oli väärtpaberiturgudel küllaltki huvitav kuu. Riskivabade võlakirjade intressimäärad pöörasid pärast pikaajalist peaaegu ühtlast langust tõusule ning ka aktsiaturgudel vahetusid investorite lemmikud: tehnoloogiasektorilt võttis teatepulga üle pangandussektor. Euroopa pangandussektori aktsiate väärtus tõusis oktoobris 8,7% ja USA pangandussektori indeks 4,5%.
Disclaimer
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
IconText
Default: iconText(data)
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Kahes tulbas: iconText(data, true)
Kui teine parameeter on true, siis blokid paigutatakse kahte tulpa võrdselt.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Kahes tulbas, tulpades erinev arv blokke: iconText(data, true, 3)
Kolmas parameeter paigutab valitud arvu blokke esimesse tulpa. Kui parameeter jätta false või seda üldse mitte anda, siis jaotatakse tulbad võrdselt.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Ikoonid elements kaustast: iconText(data, true, false, true)
Neljas parameeter true võtab ikoonid elements kaustast ning väiksematel ekraanidel need ikoonid ei muuda suurust.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Muudatused, mis tulevad data failist
Datas võib olla defineeritud lisaks textile, tiitlile ja ikoonile veel teisigi väärtusi:
processList
What is Lorem Ipsum?
Lorem ipsum dolor sit amet.What is Lorem Ipsum?
Lorem ipsum dolor email@email.ee,- Lorem ipsum dolor sit amet, consectetur adipiscing elit
- Lorem ipsum dolor sit amet, consectetur adipiscing elit
What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.What is Lorem Ipsum?
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.Väljamakse
Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.
Lists
- Viipemakse võimalusega krediitkaart
- Reisikindlustus kogu perele
- Estravel Platinum Clubi liikmelisus
- Priority Pass – piiramatu külastusega
- Ostukindlustus
- Intress 14%
- Intressivaba periood kuni 40 päeva
Lorem ipsum dolor sit amet,
News
contactThumbnail
singleContact

LHV klienditugi
E–R 9–19, L 10–17 *
6 800 400
Skype
Vestlus klienditoega
info@lhv.ee
cardContacts


featuredProducts
Tables
conditionsTable
Võimalus expandable rida teha | Tavaline tekst siin ning kui lisada [. . .] ilma tühikuteta punktide vahel teksti sisse ning (. . .) ilma tühikuteta punktide vahel teksti lõppu siis nende kahe vaheline osa läheb expandi. Näiteks niimoodi: See tekst siin on alguses peidus. |
Laenusumma | Alates 20 000 eurost, kuni 85% tagatise turuväärtusest. Laenu- ja liisingumaksete kogusumma võib olla kuni 50% netosissetulekust. Tegelik maksimaalne laenumaksete määr sõltub sissetuleku suurusest ja pereliikmete arvust |
Laenuperiood | Kuni 30 aastat |
Intress | Alates 2,1% + Euribor |
Lepingu muutmine | Lepingu muutmine 100 eurot |
Lepingu lõpetamine | Tasuta |
Lepingutasu | 0,5–0,9% laenusummast |
Maksepuhkus | Kuni 12 kuud |
Omafinantseering | Minimaalselt 15% või lisatagatis |
Tagatis | Heas seisukorras ja likviidne kinnisvara Tallinnas, Tartus või nende lähiümbruses. Finantseerime kuni 85% tagatise turuväärtusest. Täpne tagatise aktsepteerimise määr sõltub tagatise asukohast ja seisukorrast |
Nõuded taotlejale | Enne laenuotsuse langetamist analüüsime sinu krediidivõimekust, maksekäitumise ajalugu ja tagatise sobivust.
|
Kinnisvara hindajad | 1Partner Kinnisvara OÜ, Arco Vara, Colliers International Advisors, Domus Kinnisvara, DTZ Kinnisvaraekspert, Eri Kinnisvara, Kaanon Kinnisvara, LVM Kinnisvara, Newsec Valuation EE OÜ, Ober Haus, Pindi Kinnisvara, RE Kinnisvara, Seven Kinnisvarakonsultandid, Tõnisson Kinnisvara, Ühinenud kinnisvarakonsultandid, UusMaa Kinnisvarabüroo |
Võimalus lisada rohkem tuplasid
Laenuperiood | Kuni 30 aastat | Kuni 30 aastat |
Intress | Alates 2,1% + Euribor | Alates 2,1% + Euribor |
Lepingu muutmine | Lepingu muutmine 100 eurot | Lepingu muutmine 100 eurot |