Komponenttilistaus
Tähän sivuun on koottu Turkuenergia.fi sivustouudistuksen mahdolliset päällekkäin ladottavat komponentit.
Komponentteihin liittyvä ohjeteksti löytyy kunkin komponentin alapuolelta.
CTA-lista
CTA-listaan saa useamman linkin peräkkäin listattuna.
Kaksi palstaa, kuva vasemmalla
Kahden palstan taitto jossa kuva on vasemmalla. Näitä alueita voidaan käyttää monipuolisesti niin kampanjanostoihin kuin perussisältöön. Tässä kuvasuhde on 16:9 (1636x920px).
Kaksi palstaa, kuva oikealla
Kahden palstan taitto jossa kuva on vasemmalla. Näitä alueita voidaan käyttää monipuolisesti niin kampanjanostoihin kuin perussisältöön. Tässä kuvasuhde on 16:9 (1636x920px).
| Column A | Column B | Column C | Column D |
|---|---|---|---|
| Ensimmäinen sarake | Toinen sarake | Kolmas sarake | Neljäs sarake |
| Otsikko 1 | Sisältö | Sisältö | Sisältö |
| Otsikko 2 | Sisältö | Sisältö | Sisältö |
| Otsikko 3 | Sisältö | Sisältö | Sisältö |
| Otsikko 4 | Sisältö | Sisältö | Sisältö |
Taulukko luodaan taulukkotyökalulla, siihen voidaan määrittää vahvennetuksi joko ensimmäinen rivi, ensimmäinen rivi ja ensimmäinen sarake tai ensimmäinen sarake.
Kuvalista
Kuvalistaan saa useampia rinnakkaisia kuvaelementtejä. Kuvia lisätessä kannattaa kiinnittää huomiota kuvien yhtenäisiin mittasuhteisiin, varsinkin jos kuvia sijoitetaan vierekkäin. Artikkeleissa kuvasuhde on 16:9, joten voisi olla suositeltavaa käyttää tätä kuvasuhdetta mahdollisimman useassa paikassa yhteneväisen visuaalisen ilmeen vahvistamiseksi.
Kontaktilistaan tuodaan kontaktit joko kirjastosta tai luodaan uusi kontakti työkalun avulla. Kontakteissa esim. LinkedIn-linkitys ja puhelinnumero eivät ole pakollisia tietoja.
Kuvaelementtiä voidaan käyttää jaksottamaan sisältöä. Täysleveä kuva kannattaa pitää pystysuunnassa matalana. Tässä kuvasuhde on 24:9 (1920x720px)
Ota yhteyttä
Tuotelista
Korttilista
Tekstisisältöä tässä.
Kortin sisältö
Tässä esimerkkikortti pienellä tekstisisällöllä.
Korttilista on yksi sivuston monipuolisimmista elementeistä. Kortteihin voidaan latoa päällekkäin kuva, otsikko, vapaata tekstiä ja linkkipainike tarpeen mukaan. Kortteja voidaan myös käyttää sellaisenaan pelkällä tekstillä.
Otsikko 2
Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Otsikko 3
Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Otsikko 3
Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Otsikko 3
Lorem ipsum dolor sit amet, consectetur adipiscing 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. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Lainausteksti: Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Sivukorttilista
HTML-kenttään voidaan syöttää vapaasti koodia tarpeen mukaan.