Event Detail

Provide users with all the information they need about virtual or live events with modules that cover stats, schedules, speakers, and more.

View a demo of this template

Hidden Modules

Section 1

A hero section that showcases the event's date, name,
registration form, and any other crucial details.

hero-sign-up

Hero - Sign Up


Section 2

Give a brief summary of the event and enhance it with
a captivating image or video.

text-video

Text - Video


Section 3

Highlight unique features and accomplishments of the event.

event-details-section-03

Section Styles

Alignment and spacing > Max width theme.header.max_width
Alignment and spacing > Padding top: 0
Background > Background color theme.global.colors.backgrounds.light.color

Modules


Decoration

Styles > Module > Max Width theme.global.max_width
Styles > Module > Spacing > Desktop > Padding top: theme.global.spacing.sections / 1.5,
bottom: theme.global.spacing.sections / 2


Counter

Is in default state

Section 4

Detail out the schedule of the event.event-details-section-04

Section Styles

No styles have been applied

Modules


Text

Semantic Heading Level 2
Style Heading Level 2


Media

Image src: 766x694 placeholder
Styles > Module > Spacing > Desktop > Margin top: theme.global.spacing.rows * 2
Styles > Module > Animation Fade Up


Tabs

Styles > Module > Max Width 660
Styles > Module > Alignment desktop: RIGHT, tablet: LEFT

Section 5

List out who will be speaking at the event.

event-details-section-05

Section Styles

Background > Background color theme.global.colors.backgrounds.light.color

Module


Text

Styles > Module > Alignment desktop: CENTER
Styles > Module > Spacing > Desktop > Padding bottom: theme.global.spacing.rows * 2
Styles > Text Alignment desktop: CENTER


People
Is in default state



Section 6

Showcase other users' experiences of the event.

event-details-section-06

Section Styles

Background > Background color theme.global.colors.backgrounds.medium_dark.color

Modules

Text

Styles > Dark Mode true
Styles > Module > Max Width 600
Styles > Module > Spacing > Desktop > Padding bottom: 50


Quotes

Styles > Dark Mode true
Styles > Slides > Dark Mode true

Section 7

List out sponsors of the event.event-details-section-07

Section Styles

No styles have been applied

Modules


Text

Styles > Module > Max Width 700
Styles > Module > Alignment desktop: CENTER
Styles > Text Alignment desktop: CENTER


Logos

Type Logo Grid
Styles > Module > Alignment desktop: CENTER
Styles > Module > Spacing > Desktop > Padding top: 50

Section 8

Showcase other upcoming events the user
may be interested in attending.

event-details-section-08

Section Styles

Background > Background color theme.global.colors.backgrounds.light.color

Modules


Text

Styles > Module > Max Width 700
Styles > Module > Alignment desktop: CENTER
Styles > Text Alignment CENTER


Resources

Styles > Module > Spacing > Desktop > Padding top: theme.global.spacing.rows * 2,
bottom: theme.global.spacing.rows * 2


Utility

Utility Items {type: button}
Styles > Module > Alignment desktop: CENTER

Section 9

Include a more detailed registration form and answers to
frequently asked questions about the event.event-details-section-09

Section Styles

Alignment and spacing > Max width theme.global.max_width_wide
Alignment and spacing > Vertical alignment MIDDLE

Modules


Text

Style Heading Level 1


Media

Type form
Form Layout > Button Position Left
Styles > Module > Spacing > Desktop > Margin top: 50


Text

Styles > Module > Spacing > Mobile > Margin top: 50


Collapsible Content

Styles > Module > Spacing > Desktop > Padding top: 15
Styles > Title > Font theme.typography.body_text.font