Key Dates Timeline
Four event milestones sit on a connected dot timeline with done, current, and upcoming states, each carrying a date, title, and one detail line.
Four event milestones sit on a connected dot timeline with done, current, and upcoming states, each carrying a date, title, and one detail line.
The source for every Marketing block is included with Basic and Pro. Pick a plan to copy the code.
Already purchased? Log in
Key Dates Timeline walks the run up to an event across four milestones. Each sits on a connected dot rail with a done, current, or upcoming state, then carries a date, a title, and one line of detail. The current dot rings in the primary color so the next deadline is the thing the eye lands on. A calendar link in the header saves the whole set at once.
The milestones are one array of date, title, detail, and status, and the dot component swaps a check, a filled ring, or an empty circle to match. Marking one step current does the persuasion, an early bird that ends in a highlighted node beats a paragraph about acting soon. Keep it to four or five steps, more wants a real schedule page.
Reach for this block when an event has deadlines that reward acting now, a call for speakers, an early bird, a hotel block that expires. It compresses a timeline into a scan and puts the next date on a calendar before the price goes up. Skip it for evergreen webinars with no clock, a timeline of one date is just a label.
A natural flow around it on a Marketing Pro page:
Before
After
One strong use is the season of a conference from call for speakers to doors open. Other timelines:
Tip: mark exactly one step current, a timeline with two highlighted nodes tells the reader nothing about what to do next.