Skip to main content

Global styles

Component styles

Util text

Typography

Font primary

Font secondary

Headings

H1 – Heading 1

H2 – Heading 2

H3 – Heading 3

H4 – Heading 4

H5 – Heading 5

H1 - Hero article - Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat.

p - article manchet text. Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Sed porttitor lectus nibh.

H2 - Congue leo eget malesuada. - Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat.

Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat. Curabitur non nulla sit amet nisl tempus convallis quis ac lectus. Sed porttitor lectus nibh.

H3 - Proin eget tortor risus. Sed porttitor lectus nibh. - Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat.

Curabitur aliquet quam id dui posuere blandit. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Nulla quis lorem ut libero malesuada feugiat. Pellentesque in ipsum id orci porta dapibus. Curabitur arcu erat, accumsan id imperdiet et, porttitor at sem.

H4 - Vivamus magna justo, lacinia eget consectetur sed. - Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat.

Cras ultricies ligula sed magna dictum porta. Mauris blandit aliquet elit, eget tincidunt nibh pulvinar a. Pellentesque in ipsum id orci porta dapibus. Donec rutrum congue leo eget malesuada. Praesent sapien massa, convallis a pellentesque nec, egestas non nisi. Curabitur aliquet quam id dui posuere blandit.

H5 - Proin eget tortor risus. - Nulla quis lorem ut libero malesuada feugiat. Nulla quis lorem ut libero malesuada feugiat.

Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Sed porttitor lectus nibh. Vestibulum ante ipsum primis in faucibus orci luctus et ultrices posuere cubilia Curae; Donec velit neque, auctor sit amet aliquam vel, ullamcorper sit amet ligula. Sed porttitor lectus nibh.

Text


Tag
Tag

Date
28. juni 2019

Date - with icon

Tag with border & warning color


Tag with icon


Last updated
Sidst opdateret 28. okt 2020

Caption

Caption text. Usally used for media captions.



Link download
Regular

Almost before we knew it, Leo eget malesuada. Donec rutrum congue leo eget malesuada. Vestibulum ac diam sit amet orci porta dapibus.

Almost before we knew it (font-weight: 100;)

Almost before we knew it (font-weight: 200;)

Almost before we knew it (font-weight: 300;)

Almost before we knew it (font-weight: 400;)

Almost before we knew it (font-weight: 500;)

Almost before we knew it (font-weight: 600;)

Almost before we knew it (font-weight: 700;)

Almost before we knew it (font-weight: 800;)

Almost before we knew it (font-weight: 900;)

Italic

Almost before we knew it, Vestibulum ac diam sit amet quam vehicula elementum sed sit amet dui. Pellentesque in ipsum id orci porta dapibus.

Almost before we knew it (font-weight: 100;)

Almost before we knew it (font-weight: 200;)

Almost before we knew it (font-weight: 300;)

Almost before we knew it (font-weight: 400;)

Almost before we knew it (font-weight: 500;)

Almost before we knew it (font-weight: 600;)

Almost before we knew it (font-weight: 700;)

Almost before we knew it (font-weight: 800;)

Almost before we knew it (font-weight: 900;)

Link in text

Curabitur non nulla Lorem convallis quis ac lectus. Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Tooltip

non nulla sit amet nisl convallis quis ac lectus mauris blandit aliquet elit, eget tincidunt nibh pulvinar volutpat.

Blockquote

“Organic architecture seeks superior sense of use”

Jens Jensen

hr tag

Text before hr, non nulla sit amet nisl convallis quis ac lectus mauris blandit aliquet elit, eget tincidunt nibh pulvinar volutpat.


Text after hr, non nulla sit amet nisl convallis quis ac lectus mauris blandit aliquet elit, eget tincidunt nibh pulvinar volutpat.

Class styled lists

List Bullets

Rich-text list types

Unordered list (Standard)
  • Level 1 unordered list item
  • Level 1 unordered list item lorem ipsum dulor sit amet, consectetur adipiscing elit. Sed rutrum lectus nibh, sed commodo nunc bibendum in. Curabitur accumsan lacus justo.
  • Level 1 unordered list item
    • Level 2 unordered list item
    • Level 2 unordered list item
      • Level 3 unordered list item
      • Level 3 unordered list item
List type: circle
  • Level 1 unordered list item
  • Level 1 unordered list item lorem ipsum dulor sit amet, consectetur adipiscing elit. Sed rutrum lectus nibh, sed commodo nunc bibendum in. Curabitur accumsan lacus justo.
  • Level 1 unordered list item
    • Level 2 unordered list item
    • Level 2 unordered list item
      • Level 3 unordered list item
      • Level 3 unordered list item
List type: disc
  • Level 1 unordered list item
  • Level 1 unordered list item lorem ipsum dulor sit amet, consectetur adipiscing elit. Sed rutrum lectus nibh, sed commodo nunc bibendum in. Curabitur accumsan lacus justo.
  • Level 1 unordered list item
    • Level 2 unordered list item
    • Level 2 unordered list item
      • Level 3 unordered list item
      • Level 3 unordered list item
List type: square
  • Level 1 unordered list item
  • Level 1 unordered list item lorem ipsum dulor sit amet, consectetur adipiscing elit. Sed rutrum lectus nibh, sed commodo nunc bibendum in. Curabitur accumsan lacus justo.
  • Level 1 unordered list item
    • Level 2 unordered list item
    • Level 2 unordered list item
      • Level 3 unordered list item
      • Level 3 unordered list item
Ordered list (Standard)
  1. Level 1 ordered list item
  2. Level 1 ordered list item lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum lectus nibh, sed commodo nunc bibendum in. Curabitur accumsan lacus justo.
  3. Level 1 ordered list item
    1. Level 2 ordered list item
    2. Level 2 ordered list item
      1. Level 3 ordered list item
      2. Level 3 ordered list item
List type: lower-alpha
  1. Level 1 ordered list item
  2. Level 1 ordered list item lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum lectus nibh, sed commodo nunc bibendum in. Curabitur accumsan lacus justo.
  3. Level 1 ordered list item
List type: lower-greek
  1. Level 1 ordered list item
  2. Level 1 ordered list item lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum lectus nibh, sed commodo nunc bibendum in. Curabitur accumsan lacus justo.
  3. Level 1 ordered list item
List type: lower-roman
  1. Level 1 ordered list item
  2. Level 1 ordered list item lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum lectus nibh, sed commodo nunc bibendum in. Curabitur accumsan lacus justo.
  3. Level 1 ordered list item
List type: upper-alpha
  1. Level 1 ordered list item
  2. Level 1 ordered list item lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum lectus nibh, sed commodo nunc bibendum in. Curabitur accumsan lacus justo.
  3. Level 1 ordered list item
List type: upper-roman
  1. Level 1 ordered list item
  2. Level 1 ordered list item lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed rutrum lectus nibh, sed commodo nunc bibendum in. Curabitur accumsan lacus justo.
  3. Level 1 ordered list item