Event tile grid
Event tiles are used to promote featured events on a homepage.
Rules for event tile grid
- Must have a solid white or light grey background colour.
- Must have a heading.
- Option to include a maximum of two call-to-action buttons.
- There must be a maximum of six event tiles in a grid. Alternative patterns that allow more than six are article list and event list.
- All event tiles must have an associated good quality image.
- Event tile images must be 360px wide by 240px high.
- Event titles should not exceed 60 characters.
- The date of the event must be included.
- The location of the event should be included if known.
- An event that has been cancelled must have the 'Cancelled' tag applied. You can add this tag by applying the
cancelledclass to the element with thefeatured-eventclass.
Options available
Event tile grid
Featured events
Code
Example
Featured events
Event tile grid with light grey background and call-to-action button
Code
Example