Ohjauselementti
Ohjauselementti on simppeli laatikko, joissa voi olla tekstiä. Ohjauselementin voi luoda myös ilman tekstiä pelkällä linkillä.
Painikkeen tekstiMuotoilut tekstiin on tehty tekstityökalulla. Ylläoleva teksti on otsikko taso 2. Alla oleva teksti on otsikko taso 3. Tämä teksti on normaalia leipätekstiä.
Voimme käyttää myös lainausta, jolla voi nostaa jonkun sitaatin erilleen muusta tekstistä.
Ohjauselementti on simppeli laatikko, joissa voi olla tekstiä. Ohjauselementin voi luoda myös ilman tekstiä pelkällä linkillä.
Painikkeen tekstiJa ohjauselementtien värit voivat vaihdella rivillä. Käytössä on keltataustainen mustalla tekstillä ja mustataustainen keltaisella tekstillä, sekä mustataustainen valkoisella tekstillä. Voidaan käyttää myös valkoista ohjauselementtiä mustalla tekstillä tarvittaessa.
Painikkeen tekstiOhjauselementillä voi olla myös taustakuva. Tämä ohjauselementti on 1-palstan levyinen.
Painikkeen tekstiTähän ohjauselementtiin mahtuu tekstiä sekä kuva.
Painikkeen tekstiTämä on tavallinen yksipalstainen sisältöalue, johon tulee tekstiä. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae nulla malesuada, dapibus est in, convallis ligula. Vestibulum congue convallis ullamcorper. Curabitur convallis lacus eget augue luctus, sit amet tempus est sagittis. Mauris hendrerit eget metus a auctor. Praesent aliquet id leo non sagittis. Sed malesuada augue eu diam sollicitudin pharetra. Nulla ligula augue, posuere vitae metus vel, facilisis vehicula lectus. Nullam maximus, lorem eu consequat hendrerit, lorem quam tincidunt felis, ac tincidunt lacus purus a nisl. Suspendisse venenatis sollicitudin massa, eu pellentesque metus. Vestibulum cursus ipsum mauris, ut varius est posuere in. Morbi mattis faucibus purus, sed vestibulum mi mattis nec.
Tämä on tavallinen 2-palstainen sisältöalue. Palstat voivat olla leveydeltään 33%/66%, 50%/50% tai 66%/33%. Sisältöalue voi olla taustaväriltään keltainen, tummanharmaa, vaaleanharmaa tai valkoinen. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae nulla malesuada, dapibus est in, convallis ligula. Vestibulum congue convallis ullamcorper. Curabitur convallis lacus eget augue luctus, sit amet tempus est sagittis.
Sivulle voi laittaa myös pienen visuaalisen noston.
Mauris hendrerit eget metus a auctor. Praesent aliquet id leo non sagittis. Sed malesuada augue eu diam sollicitudin pharetra. Nulla ligula augue, posuere vitae metus vel, facilisis vehicula lectus. Nullam maximus, lorem eu consequat hendrerit, lorem quam tincidunt felis, ac tincidunt lacus purus a nisl. Suspendisse venenatis sollicitudin massa, eu pellentesque metus. Vestibulum cursus ipsum mauris, ut varius est posuere in. Morbi mattis faucibus purus, sed vestibulum mi mattis nec.
Tämä on tavallinen 3-palstainen sisältöalue. Tämä on tehty ingessityylillä.
Palstat voivat olla leveydeltään 33%/33%/33% tai 40%/40%/20%. Sisältöalue voi olla taustaväriltään keltainen, tummanharmaa, vaaleanharmaa tai valkoinen. Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis vitae nulla malesuada, dapibus est in, convallis ligula. Vestibulum congue convallis ullamcorper. Curabitur convallis lacus eget augue luctus, sit amet tempus est sagittis.
Sed malesuada augue eu diam sollicitudin pharetra. Nulla ligula augue, posuere vitae metus vel, facilisis vehicula lectus. Nullam maximus, lorem eu consequat hendrerit, lorem quam tincidunt felis, ac tincidunt lacus purus a nisl. Suspendisse venenatis sollicitudin massa, eu pellentesque metus. Vestibulum cursus ipsum mauris, ut varius est posuere in. Morbi mattis faucibus purus, sed vestibulum mi mattis nec.
Duis a eros id augue condimentum vestibulum. Morbi quis augue tempus, consequat augue quis, semper nisl. Suspendisse finibus tincidunt enim gravida tincidunt. Proin accumsan turpis leo, vitae elementum ligula interdum fringilla. In viverra vel dolor nec pellentesque. Donec congue, velit a tempus accumsan, massa lectus porttitor augue.
Sisältöelementeissä tekstien sisällä voi olla myös kuvia. Eget volutpat tellus enim eu felis. Curabitur ultrices commodo congue. Integer sollicitudin at nibh eu commodo. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia curae; Aliquam sed libero eu massa malesuada congue.
Sed pharetra luctus urna vel aliquet. Vestibulum cursus neque augue, eget elementum neque rhoncus vitae. Donec eget lacus eu tellus tincidunt luctus. Pellentesque quis ante et nibh porta sollicitudin. In odio nisi, bibendum volutpat tincidunt non, molestie a turpis. Fusce eget fringilla libero. Donec malesuada suscipit ex, vel sodales lacus placerat at. Etiam commodo erat et convallis lobortis. Pellentesque euismod rutrum eros venenatis venenatis. Integer dapibus, odio eu maximus tristique, nisl nisi luctus lacus, at iaculis urna lacus sodales eros. Sed non ipsum fermentum velit feugiat gravida. Ut nec mauris pretium, blandit libero sed, ultrices magna. Quisque iaculis est eu accumsan placerat.
Aenean pellentesque aliquam eros at condimentum. Pellentesque eu nisi facilisis, sagittis turpis in, volutpat massa. Nullam eget vulputate velit. In lobortis turpis a tincidunt feugiat. Nulla facilisi. In interdum diam non gravida efficitur. Fusce volutpat velit et sem accumsan, ac maximus eros imperdiet. Nunc sollicitudin cursus nisl et ornare. Phasellus sapien ligula, tempor gravida imperdiet id, pretium at turpis. Nulla vel placerat ligula. Vestibulum quis lorem imperdiet, consectetur turpis pulvinar, congue nibh. Nam pulvinar elit eu risus convallis rhoncus. Praesent facilisis sem eu ipsum suscipit, id faucibus tortor eleifend. Etiam mi enim, elementum ut tellus vel, maximus euismod felis. Fusce semper, orci nec laoreet pharetra, mi nisi blandit erat, et sollicitudin ante tellus ut nisl. Pellentesque id scelerisque dolor.
Ja sisältöalue voi sisältää myös vaikkapa lomakkeen.
Haitarielementtiä on käytetty jonkin verran esim. TKI-sivuilla, joissa sisältöä voi tulla sivulle paljonkin. Haitarielementillä sisältöä saa piilotettua näkyvistä, jolloin scrollattavaa on vähemmän.
Haitarielementti voi olla taustaltaan musta, valkoinen, keltainen, tummanharmaa tai vaaleanharmaa.
Haitarielementtiä on käytetty jonkin verran esim. TKI-sivuilla, joissa sisältöä voi tulla sivulle paljonkin. Haitarielementillä sisältöä saa piilotettua näkyvistä, jolloin scrollattavaa on vähemmän.
Sed pharetra luctus urna vel aliquet. Vestibulum cursus neque augue, eget elementum neque rhoncus vitae. Donec eget lacus eu tellus tincidunt luctus. Pellentesque quis ante et nibh porta sollicitudin. In odio nisi, bibendum volutpat tincidunt non, molestie a turpis. Fusce eget fringilla libero. Donec malesuada suscipit ex, vel sodales lacus placerat at. Etiam commodo erat et convallis lobortis. Pellentesque euismod rutrum eros venenatis venenatis. Integer dapibus, odio eu maximus tristique, nisl nisi luctus lacus, at iaculis urna lacus sodales eros. Sed non ipsum fermentum velit feugiat gravida. Ut nec mauris pretium, blandit libero sed, ultrices magna. Quisque iaculis est eu accumsan placerat.
Aenean pellentesque aliquam eros at condimentum. Pellentesque eu nisi facilisis, sagittis turpis in, volutpat massa. Nullam eget vulputate velit. In lobortis turpis a tincidunt feugiat. Nulla facilisi. In interdum diam non gravida efficitur. Fusce volutpat velit et sem accumsan, ac maximus eros imperdiet. Nunc sollicitudin cursus nisl et ornare. Phasellus sapien ligula, tempor gravida imperdiet id, pretium at turpis. Nulla vel placerat ligula. Vestibulum quis lorem imperdiet, consectetur turpis pulvinar, congue nibh. Nam pulvinar elit eu risus convallis rhoncus. Praesent facilisis sem eu ipsum suscipit, id faucibus tortor eleifend. Etiam mi enim, elementum ut tellus vel, maximus euismod felis. Fusce semper, orci nec laoreet pharetra, mi nisi blandit erat, et sollicitudin ante tellus ut nisl. Pellentesque id scelerisque dolor.
Sed pharetra luctus urna vel aliquet. Vestibulum cursus neque augue, eget elementum neque rhoncus vitae. Donec eget lacus eu tellus tincidunt luctus. Pellentesque quis ante et nibh porta sollicitudin. In odio nisi, bibendum volutpat tincidunt non, molestie a turpis. Fusce eget fringilla libero. Donec malesuada suscipit ex, vel sodales lacus placerat at. Etiam commodo erat et convallis lobortis. Pellentesque euismod rutrum eros venenatis venenatis. Integer dapibus, odio eu maximus tristique, nisl nisi luctus lacus, at iaculis urna lacus sodales eros. Sed non ipsum fermentum velit feugiat gravida. Ut nec mauris pretium, blandit libero sed, ultrices magna. Quisque iaculis est eu accumsan placerat.
Aenean pellentesque aliquam eros at condimentum. Pellentesque eu nisi facilisis, sagittis turpis in, volutpat massa. Nullam eget vulputate velit. In lobortis turpis a tincidunt feugiat. Nulla facilisi. In interdum diam non gravida efficitur. Fusce volutpat velit et sem accumsan, ac maximus eros imperdiet. Nunc sollicitudin cursus nisl et ornare. Phasellus sapien ligula, tempor gravida imperdiet id, pretium at turpis. Nulla vel placerat ligula. Vestibulum quis lorem imperdiet, consectetur turpis pulvinar, congue nibh. Nam pulvinar elit eu risus convallis rhoncus. Praesent facilisis sem eu ipsum suscipit, id faucibus tortor eleifend. Etiam mi enim, elementum ut tellus vel, maximus euismod felis. Fusce semper, orci nec laoreet pharetra, mi nisi blandit erat, et sollicitudin ante tellus ut nisl. Pellentesque id scelerisque dolor.
Sed pharetra luctus urna vel aliquet. Vestibulum cursus neque augue, eget elementum neque rhoncus vitae. Donec eget lacus eu tellus tincidunt luctus. Pellentesque quis ante et nibh porta sollicitudin. In odio nisi, bibendum volutpat tincidunt non, molestie a turpis. Fusce eget fringilla libero. Donec malesuada suscipit ex, vel sodales lacus placerat at. Etiam commodo erat et convallis lobortis. Pellentesque euismod rutrum eros venenatis venenatis. Integer dapibus, odio eu maximus tristique, nisl nisi luctus lacus, at iaculis urna lacus sodales eros. Sed non ipsum fermentum velit feugiat gravida. Ut nec mauris pretium, blandit libero sed, ultrices magna. Quisque iaculis est eu accumsan placerat.
Aenean pellentesque aliquam eros at condimentum. Pellentesque eu nisi facilisis, sagittis turpis in, volutpat massa. Nullam eget vulputate velit. In lobortis turpis a tincidunt feugiat. Nulla facilisi. In interdum diam non gravida efficitur. Fusce volutpat velit et sem accumsan, ac maximus eros imperdiet. Nunc sollicitudin cursus nisl et ornare. Phasellus sapien ligula, tempor gravida imperdiet id, pretium at turpis. Nulla vel placerat ligula. Vestibulum quis lorem imperdiet, consectetur turpis pulvinar, congue nibh. Nam pulvinar elit eu risus convallis rhoncus. Praesent facilisis sem eu ipsum suscipit, id faucibus tortor eleifend. Etiam mi enim, elementum ut tellus vel, maximus euismod felis. Fusce semper, orci nec laoreet pharetra, mi nisi blandit erat, et sollicitudin ante tellus ut nisl. Pellentesque id scelerisque dolor.
Mikkeli
Sed pharetra luctus urna vel aliquet. Vestibulum cursus neque augue, eget elementum neque rhoncus vitae. Donec eget lacus eu tellus tincidunt luctus. Pellentesque quis ante et nibh porta sollicitudin. In odio nisi, bibendum volutpat tincidunt non, molestie a turpis. Fusce eget fringilla libero. Donec malesuada suscipit ex, vel sodales lacus placerat at. Etiam commodo erat et convallis lobortis. Pellentesque euismod rutrum eros venenatis venenatis. Integer dapibus, odio eu maximus tristique, nisl nisi luctus lacus, at iaculis urna lacus sodales eros. Sed non ipsum fermentum velit feugiat gravida. Ut nec mauris pretium, blandit libero sed, ultrices magna. Quisque iaculis est eu accumsan placerat.
Aenean pellentesque aliquam eros at condimentum. Pellentesque eu nisi facilisis, sagittis turpis in, volutpat massa. Nullam eget vulputate velit. In lobortis turpis a tincidunt feugiat. Nulla facilisi. In interdum diam non gravida efficitur. Fusce volutpat velit et sem accumsan, ac maximus eros imperdiet. Nunc sollicitudin cursus nisl et ornare. Phasellus sapien ligula, tempor gravida imperdiet id, pretium at turpis. Nulla vel placerat ligula. Vestibulum quis lorem imperdiet, consectetur turpis pulvinar, congue nibh. Nam pulvinar elit eu risus convallis rhoncus. Praesent facilisis sem eu ipsum suscipit, id faucibus tortor eleifend. Etiam mi enim, elementum ut tellus vel, maximus euismod felis. Fusce semper, orci nec laoreet pharetra, mi nisi blandit erat, et sollicitudin ante tellus ut nisl. Pellentesque id scelerisque dolor.