Skip to main content

Global styles

Component styles

Card CTA

Description

  • Content options
    • Tags
      • Tag
    • Title
    • Introductory text
    • Image
    • CTA button
  • Backgorund colors
    • Primary
    • Secondary
  • Card design
    • Default: portrait
    • Landscape
  • Image aspect ratio (Not implemented)
    • Default: 3:2 ratio
    • Square: 1:1 ratio
    • Poster: 4:5 ratio
    • Banner: 16:5 ratio
    • Video: 16:9 ratio

Card CTA

card portait image

Card CTA

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua.

CTA link

Card CTA - with background video

Lacus sed turpis tincidunt id aliquet risus feugiat in ante. Ante metus dictum at tempor commodo ullamcorper a lacus.

CTA link

Card CTA - with video player

Lacus sed turpis tincidunt id aliquet risus feugiat in ante. Ante metus dictum at tempor commodo ullamcorper a lacus.

CTA link
card portait image

Card CTA - .bg--primary

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.

CTA link
card portait image

Card CTA - .bg--secondary

Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

CTA link

Card CTA - No image

Mattis enim ut tellus elementum sagittis vitae. Odio facilisis mauris sit amet. Tortor aliquam nulla facilisi cras fermentum odio eu feugiat pretium.

CTA link
card portait image

Card CTA - Landscape

Det er gratis at få arrangementet på sitet.

CTA link
card portait image

Card CTA - Landscape

CTA link

Card CTA - Aspect ratios (NOT IMPLEMENTED)

card portait image

Default (Old default)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis.

CTA link
card portait image

3:2 (Standard or new default)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis.

CTA link
card portait image

1:1 (Square)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis.

CTA link
card portait image

4:5 (Poster)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis.

CTA link
card portait image

16:9 (Video)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis.

CTA link
card portait image

16:5 (Banner)

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. In metus vulputate eu scelerisque felis.

CTA link