Hero image 350
Jos Hero image on matalampi kuvan korkeus on 350 px ja osion korkeus 500 px. Tällöin teksti on vertikaalisesti keskellä.
Hero image 600
Jos Hero image on korkeampi eli siinä on jokin kuva taustan päällä, niin kuvan korkeus on 600 px ja osion korkeus 650 px. Tällöin teksti on vertiaalisesti alhaaalla. Jos tätä tekstiäosiota on monta riviä, niin lisää osion korkeutta siten, että otsikko ei mene taustan päälle.
Otsikko H3 / Heading 4
Kuva ja tekstiosio. Kun teksti on vasemmalla, niin teksticontainerin oikealla reunalla on sisämarginaali 65 px. Tämä on poistettu tabletilta ja mobiililta.
Teksti on keskitetty vasempaan reunaan paitsi mobiilissä, jossa se on keskitetty keskelle.
HUOM! Asetuksen vaihtelevat desktopilla, tabletilla ja mobiililla!
HUOM! Tekstiosioiden asetukset eroavat toisistaa, jos tekstiosio on vasemmalla tai oikealla.
Otsikko H3 / Heading 4
Kuva ja tekstiosio. Kun teksti on oikealla, niin teksticontainerin vasemmalla reunalla on sisämarginaali 65 px. Tämä on poistettu tabletilta ja mobiililta.
Teksti on keskitetty vasempaan reunaan paitsi mobiilissä, jossa se on keskitetty keskelle.
HUOM! Asetuksen vaihtelevat desktopilla, tabletilla ja mobiililla!
HUOM! Tekstiosioiden asetukset eroavat toisistaa, jos tekstiosio on vasemmalla tai oikealla.
Heading 1
Heading 2
Heading 3
Heading 4
Heading 5
Heading 6
Heading 7
Heading 7 CAPS bold
Body: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Body Bold: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Body big: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Body small: Lorem ipsum dolor sit amet, consectetur adipiscing elit. Ut elit tellus, luctus nec ullamcorper mattis, pulvinar dapibus leo.
Price Kumbh Sans Body 1,1 REM
Button Kumbh Sans Body 1,1 REM
Container ylin
CSS Classes -> c-box
Padding Deskop: ylä ja ala 60 px paitsi sivun ylimmässä ylä 145 px
Padding Mobile: ylä ja ala 60 px; sivut 15 px
Container
CSS Classes -> c-box
Padding Deskop: ylä ja ala 60 px paitsi sivun ylimmässä ylä 80 px
Padding Mobile: ylä ja ala 60 px; sivut 15 px
SIVUN YLIN CONTAINER
Iso Container Padding
Desktop ylä 80 px; ala 60 px
Mobiili ylä ja ala 60 px ja sivut 15 px
Pieni Container
Desktop koko 35 % ja Grow
Mobiili koko automaattinen
Iso Container Padding
Desktop Padding ylä ja ala 60 px
Mobiili Padding ylä ja ala 60 px ja sivut 15 px
Pieni Container
Desktop koko 35 % ja Grow
Mobiili koko automaattinen
Kapeampi teksti osio
Container leveys 746 px
Desktop Padding ylä ja ala 60 px
Mobiili Padding ylä ja ala 60 px ; sivut 15 px