- Typografi
- Mobilmenyer, off canvas
- Hero: Background image hero
- Hero: Bold text hero
- Hero: Simple big text hero
- Subnav: Centered navigation
- Subnav: Justified color navigation
- Subnav: Background image navigation
- Subnav: Simple box navigation
- Subnav: Box navigation with pagedesc
- Subnav: Mega menu
- Article slider
- Article list
- Article calendar
- Article list grid
- Simple quicknote notification
- Partner logos
- Big map
Typografi
Hei, sjef. Sjekk ut denne H1 overskriften!
Hei, sjef. Sjekk ut denne H2 overskriften!
Hei, sjef. Sjekk ut denne H3 overskriften!
Hei, sjef. Sjekk ut denne H4 overskriften!
Hei, sjef. Sjekk ut denne H5 overskriften!
Hei, sjef. Sjekk ut denne H6 overskriften!
Hei, sjef. Sjekk ut denne H1 overskriften i bold!
Hei, sjef. Sjekk ut denne H2 overskriften i bold!
Hei, sjef. Sjekk ut denne H3 overskriften i bold!
Hei, sjef. Sjekk ut denne H4 overskriften i bold!
Hei, sjef. Sjekk ut denne H5 overskriften i bold!
Hei, sjef. Sjekk ut denne H6 overskriften i bold!
Denne teksten har klassen ".title" for å utheves ekstra på onepagere og landingssider. Den har egen font. Denne kan fint være en H1.
Denne teksten har klassen ".title" og ".small" for å utheves ekstra på onepagere og landingssider. Den har egen font. Denne kan fint være en H1, H2 eller H3.
Dette er et helt ordinært avsnitt med p-tag, uten ekstra greier. Her er forresten en lenke som går til forsiden dersom du trykker på den. Tofu rutrum malesuada elementum indie bibendum adipiscing ligula artisan lorem vitae tellus beard sodales sapien nec. You probably haven't heard of them maecenas nam curabitur PBR eu in amet wire-rimmed glasses nulla eros sit hoodie pharetra quisque maecenas Brooklyn congue.
Men dette er et avsnitt med klassen ".lead" som gjør den ekstra stor, uten ekstra greier. Tofu rutrum malesuada og dette er også en lenke så du ser hvordan det ser ut. elementum indie bibendum adipiscing ligula artisan lorem vitae tellus beard sodales sapien nec.
Mobilmenyer, off canvas
Off canvas type 1
Off canvas type 2
Man kan velge 2 typer ekspanderende meny, eller "off-cavas". På mobil vil hovedmenyen alltid være ekspanderende ved å klikke på et menyikon.
På store flater, om man ikke har definert en ekspanderende meny, vil det i stedet være et søkeikon i toppen. Da åpner den kun søkefeltet (lik design som ekspanderende meny type 1), uten meny.
Background image hero
Pagelogo setter bakgrunn. Tekstformatering i sidebeskrivelse. Alle lenker har "button"-stiler.
Bold text hero
Solid $primary background with large text from page description. Text either black or white based on $primary. All links have large button styles.
Velkommen til Midt-Troms fuglehundklubb
Simple big text hero
Lorem ipsum dolor sit amet consectetur adipisicing elit. Quas dolores consequatur, sit voluptas voluptatum!
Subnav: Centered navigation
Subnav: Justified color navigation
Subnav: Background image navigation
Pagelogo sets background.
Subnav: Simple box navigation
Subnav: Box navigation with pagedesc
Mega menu with sub pages
Can be expanded to level 3 with supported styles. Recommended is only 2 levels.
Article slider
Article list
Article calendar
Article list grid
Simple quicknote notification
Partner logos
Big map
Publish an article to the page where you want the map, or change the category in keyword. Will be Google if host has Google maps API.