Skip to main content

An example of landing page

Use landing page when you want to f.e. create a collection of links and information about a certain subject.

Check also the example page

Examples of Hero components

Hero: Ilman kuvaa, tasattu vasemmalle

Hero: Ilman kuvaa, tasattu keskelle

Hero: Kuva oikealla

Hero: Kuva vasemmalla

Hero: Kuva alhaalla

Hero: Taustakuva

Hero: Diagonaalinen

This is an example of how columns work on landing page

Leoetiam enean lus bibendu tempor onec. Molestie iquam ante lacinia justov faucibus semnunc magnis. Mollis abitur ris lacusp arcualiq loremn isque. Eratphas morbi iumsed blandit posuered sodalesm.

Leoetiam enean lus bibendu tempor onec. Molestie iquam ante lacinia justov faucibus semnunc magnis. Mollis abitur ris lacusp arcualiq loremn isque. Eratphas morbi iumsed blandit posuered sodalesm.

An example of Columns component

Find out how columns work in practice

Esimerkki palstat-komponentista

Katso miltä palstat-komponentti näyttää käytännössä

Liftup with image on the right

Sed auctor pellentesque ante ut porta. Nulla tristique nisi ut sem ultrices, eu fermentum orci dictum. Curabitur sodales viverra sem quis sollicitudin.

Hel.fi website

Liftup with image as background

Nullam tempor dui vel sodales mattis. Pellentesque faucibus nunc vitae vehicula mattis. In nisl odio, accumsan eu urna efficitur, viverra euismod erat. Aliquam venenatis vulputate vestibulum.

Example page

Taustakuvallinen teksti oikealla

Donec a ipsum enim. Nulla vel lorem non ante tempor mollis at nec ex. Sed ornare est rhoncus nisl suscipit sollicitudin. Etiam ut massa sed nulla bibendum laoreet.

Oodin sivustolle tästä

Taustakuvallinen teksti vasemmalla

Sed auctor pellentesque ante ut porta. Nulla tristique nisi ut sem ultrices, eu fermentum orci dictum. Curabitur sodales viverra sem quis sollicitudin.