LG Klimaat

.large maakt de tekst 30px groot. Dit wordt gebruikt op de eerste paragraaf van bijv. een nieuwsbericht, maar kan ook midden in de tekst voorkomen.
Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas.

Heading 1

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Vestibulum tortor quam, feugiat vitae, ultricies eget, tempor sit amet, ante. Donec eu libero sit amet quam egestas semper. Aenean ultricies mi vitae est. Mauris placerat eleifend leo.

Heading 2

Heading 3

8 januari 2017

Heading 4

Heading 5
Heading 6

.h1, h2, h3, etc bestaan ook als class, zodat ze gebruikt kunnen worden voor titels die geen semantische waarde hebben (bijv. heading contactformulier in popup)


  1. Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
  2. Aliquam tincidunt mauris eu risus.
  3. Vestibulum auctor dapibus neque.
  • Morbi in sem quis dui placerat ornare. Pellentesque odio nisi, euismod in, pharetra a, ultricies in, diam. Sed arcu. Cras consequat.
  • Praesent dapibus, neque id cursus faucibus, tortor neque egestas augue, eu vulputate magna eros eu erat. Aliquam erat volutpat. Nam dui mi, tincidunt quis, accumsan porttitor, facilisis luctus, metus.
  • Phasellus ultrices nulla quis nibh. Quisque a lectus. Donec consectetuer ligula vulputate sem tristique cursus. Nam nulla quam, gravida non, commodo a, sodales sit amet, nisi.
  • Pellentesque fermentum dolor. Aliquam quam lectus, facilisis auctor, ultrices ut, elementum vulputate, nunc.
Definition list
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.
Lorem ipsum dolor sit amet
Consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.


Gewone link

Standaard button

Vaste breedte

Volledige breedte


Table Heading Table Heading
table data table data
table data table data
table data table data
table data table data

Formulier

Vul hier je naam in (.helper)
Zou je dit veld nog in willen vullen?

Wel of geen nieuwsbrief

Standaard grid

Twee kolommen

Tekst hier

Meer tekst hier


Drie kolommen

Tekst hier

Meer tekst hier

Nog meer tekst hier


Het is mogelijk om een grid te maken op basis van 12 kolommen.

Gebruik hiervoor column--i, bijvoorbeeld column--4 voor een grid met 3 kolommen (3x4 = 12)

Nog meer tekst

Nog meer tekst


Grid zonder margin tussen kolommen

1
2

Pager


Responsive helpers, verschillend per mediaquery:

alles behalve mobiel
verstop op kleine tablet en mobiel
verstop op kleine tablet, toon wel op mobiel en desktop
verstop op desktop, toon op tablet en mobiel

Containers

.container (en .padded)

.container &--large (en .padded)

.container &--medium (en .padded)

.container &--small (en .padded)

Hero's

Beschikbare layouts:


20-07-2017
Van gevangenisboot in Amsterdam naar hotel op het water in London
Bekijk nieuwsbericht
20-07-2017
Van gevangenisboot in Amsterdam naar hotel op het water in London
Bekijk nieuwsbericht
20-07-2017
Een creatieve oplossing voor hotel De Gravin
In een boutique hotel zijn comfort en looks belangrijk. Hotelgasten komen hier voor een totaalbeleving. Logisch dus dat het klimaatsysteem perfect moet zijn. Ook al ging dat nog niet helemaal zonder slag of stoot...
Bekijk nieuwsbericht
Bekijk hier het best cases flipbook

Cards

Als u tijdens het installeren van onze klimaatsystemen een technische vraag of storing heeft, wilt u zo snel mogelijk verder. Dat kan met de LG Service App.
Altijd en overal toegang tot technische informatie, prijzen,...

Cards row