Skip to main content

Suggestions title

Global styles

  • Roboto
  • Verdana
  • MaxLF-Regular
  • Open Sans
  • Georgia
  • Arial
  • Exo2
  • IBMPlexMono
  • Playfair Display
  • Fira Sans
  • Montserrat
  • Metropolis
  • Barlow
  • Poppins
  • Ice Cream Slant
  • ID00 Sans
  • ID00 Serif
  • Merriweather
  • Rubik
  • Alverata
  • Resolve
  • Resolve Nrw
  • DM Sans
  • Raleway
  • Bricolage Grotesque
  • Sora
  • Tropiline
  • Caveat
  • Flama
  • Inter
  • Lato
  • Mynerve

  • Inherits sizing from article body

  • Inherits sizing from H3

  • Small text transform

Component styles

  • Footer padding

Card event

Description

  • Content options
    • Tags
      • Tag
      • Date
      • Badge
      • Label
    • Date
    • Title
    • Introductory text
    • Image
    • List icons
  • Backgorund colors
    • Primary
    • Secondary
  • Card design
    • Default: Date bottom-left
    • Date top-left
    • Date top-right
  • 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 event - Design options

Event image

11.

sep.

Gratis

Expired
Custom tag

Default - .card__event--date--bottom-left

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • 10. - 15. aug. 2019
  • 12:30 - 14:00
  • Copenhagen
Event image

11.

sep.

Gratis

Expired
Custom tag

.card__event--date--top-left

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • 10. - 15. aug. 2019
  • 12:30 - 14:00
  • Copenhagen
Event image

11.

sep.

Gratis

Expired
Custom tag

.card__event--date--top-right

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • 10. - 15. aug. 2019
  • 12:30 - 14:00
  • Copenhagen

Card event - Content options

Event image

11.. -7.

aug. - nov.

.card__event

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • 10. - 15. aug. 2019
  • 9:00 - 11:30
  • Copenhagen
Event image

14..

apr.

Pre-text title: .card__event

Pre-text introductory: Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • 10. - 15. aug. 2019
  • 9:00 - 11:30
  • Copenhagen
Event image

13..

dec.

Gratis

.card__event - with badge

Lorem ipsum dolor sit amet.

  • 10. - 15. aug. 2019
  • 9:00 - 11:30
  • Copenhagen
Event image

22..

nov.

Tag

.card__event - with tag

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

  • 10. - 15. aug. 2019
  • 9:00 - 11:30
  • Copenhagen
Event image

22.

nov.

Expired
Custom tag

.card__event - with tag on image

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

  • 10. - 15. aug. 2019
  • 9:00 - 11:30
  • Copenhagen
Event image

22.

nov.

Gratis

Expired
Custom tag

.card__event - with badge & tag on image

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

  • 10. - 15. aug. 2019
  • 9:00 - 11:30
  • Copenhagen
Event image

.card__event - No dates

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

  • No dates
Event image

11. - 7.

aug. - nov.

.card__event - Multiple dates

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    • 10. - 15. aug. 2019, 9:00
    • 15. - 19. may. 2020, 9:30
    • 13. dec. 2023, 9:00
    • See all dates on page
  • Multiple dates, one location
Event image

11. - 7.

aug. - nov.

.card__event - Multiple date & locations

Consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

    • 10. - 15. aug. 2019, 10:00 - 17:00, Copenhagen
    • 15. - 19. may. 2020, 10:30, Online
    • 13. dec. 2023, 10:30, Meeting house
    • See all dates & locations on page

Card event - Options no image

Default - .card__event--date--bottom-left - no image

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

  • 10. - 15. aug. 2019
  • 9:00 - 11:30
  • Copenhagen
Custom tag

Default - .card__event--date--bottom-left - no image, with badge & tag on image

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

  • 10. - 15. aug. 2019
  • 9:00 - 11:30
  • Copenhagen
Custom tag

.card__event--date--top-left - no image, with badge & tag on image

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

  • 10. - 15. aug. 2019
  • 9:00 - 11:30
  • Copenhagen
Custom tag

.card__event--date--top-right - no image, with badge & tag on image

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

  • 10. - 15. aug. 2019
  • 9:00 - 11:30
  • Copenhagen

Card event - List 12 columns (NOT IMPLEMENTED)

11.

sep.

Event

Default - .card__event--date--bottom-left

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • 10. - 15. aug. 2019
  • 12:30 - 14:00
  • Online
Event image

Gratis

Custom tag

11.

sep.

Event

.card__event--date--top-left

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • 10. - 15. aug. 2019
  • 12:30 - 14:00
  • Online
Event image

Gratis

Custom tag

11.

sep.

Event

.card__event--date--top-right

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • 10. - 15. aug. 2019
  • 12:30 - 14:00
  • Online
Event image

Gratis

Custom tag

Card event - Aspect ratios (NOT IMPLEMENTED)

Event image

11.

sep.

Gratis

Expired
Custom tag

Default (Old default)

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • 10. - 15. aug. 2019
  • 12:30 - 14:00
  • Online
Event image

11.

sep.

Gratis

Expired
Custom tag

3:2 (Standard or new default)

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • 10. - 15. aug. 2019
  • 12:30 - 14:00
  • Online
Event image

11.

sep.

Gratis

Expired
Custom tag

1:1 (Square)

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • 10. - 15. aug. 2019
  • 12:30 - 14:00
  • Online
Event image

11.

sep.

Gratis

Expired
Custom tag

4:5 (Poster)

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • 10. - 15. aug. 2019
  • 12:30 - 14:00
  • Online
Event image

11.

sep.

Gratis

Expired
Custom tag

16:9 (Video)

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • 10. - 15. aug. 2019
  • 12:30 - 14:00
  • Online
Event image

11.

sep.

Gratis

Expired
Custom tag

16:5 (Banner)

Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

  • 10. - 15. aug. 2019
  • 12:30 - 14:00
  • Online