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. Consider an alternative pattern if this does not meet your needs.
- 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. This is achieved by applying the
cancelledclass to the element with thefeatured-eventclass.
Options available
- Event tile grid
- Event tile grid with light grey background and call-to-action button
- Event tile grid with two call-to-action buttons
Event tile grid
ExampleFeatured events
Code
Featured events
Event tile grid with light grey background and call-to-action button
Example
Code