Indholdssidens elementer

Indholdssiden bruges til at beskrive et specifikt emne. Indholdssiden består af

  • overskrift
  • manchet
  • indhold i 7 grid (tekst, billeder, video)
  • Kan også indholde elementer i bånd i fuld bredde nederst (12 grid). Indholdssiden kan kun indeholde én af hver af de 3 typer bånd -”Kontakt”, ”Relevante sider”, ”Nyttige links”.

Særlig funktionalitet

Chips

Chips er hvide ankerlinks-"knapper" og linker ned til den tilsvarende overskrift. For hver H2 dannes en ”chip”. 

Progress bar

For hver H2 dannes et punkt på progress bar. På desktop er den i højre side og er sticky og på mobil er den i bunden.

Ankerlink knapper

Findes på siden, hvis elementerne kontakt, Relaterede sider og/eller Nyttige links findes.

Eksempler på indholdssider

Det her er en liste, der automatisk viser undersiderne til denne side. Alle siderne er lavet med sideskabelonen 'Indholdsside' med forskellige bloktyper.

Her er en overskrift H3

Og her kan være noget mere tekst hvis man ønsker det.

Kolonnebånd med faktabokse med billede

Her kan stå en lille tekst.

Og evt. et link, men ikke en knap

Kolonnebånd "tænder" som det eneste brede bånd ikke én anchor i toppen (kontakt, nyttelige link etc)

Kolonnebånd skal altid placeres over alle andre bånd som en nederste del på en indholdsside.

Kolonnebånd indeholder faktabokse og max 4. (vist vertikalt i stedet for horisontalt)

Overskrift h2 (35-40 tegn) 0.8

Faktaboksen kan indeholde almindelige brødtekst og links. Brødteksten kan maksimalt være 360 karakterer lang.

Eksempel på link

Billeder på boksene (1)

Du kan have billede på, men behøver ikke. Hvis du vælger at bruge billeder skal de bruges på alle faktaboksene på siden. Vær opmærksom på at det sjældent bliver harmonisk, hvis du blander grafik og foto.

Eksempel på link

Højde på boksene (1.5)

Alle faktabokse vil have den samme højde som den faktaboks, der har mest indhold.

Link til noget

Faktaboks 4 (2.0)

Vestibulum vitae pharetra mi, nec venenatis velit. Donec cursus risus eget mi mollis, id ultricies ipsum lacinia.

Link til noget

Nulla blandit condimentum lorem eu vehicula. Maecenas rutrum nulla vitae tellus egestas, vitae porta tellus pellentesque. ss