TIMELINES
REQUIRES PRO
Conference Schedule Timeline
A clean and modern Conference Schedule Timeline pattern that helps you display event sessions in a structured timeline format. Each session includes a time slot, title, speaker info, and optional tags for categorization. Perfect for conferences, seminars, workshops, and webinars.
08:00 AM
Registration & Networking
09:00 AM
Conference kickoff
09:10 AM
Where marketing’s headed—and how Ahrefs is building for discoverability
Tim Soulo, CMO, Ahrefs
09:40 AM
GEO? AEO? LLMO? What’s with all this AI SEO stuff?
Patrick Stox, Product Advisor, Technical SEO & Brand Ambassador, Ahrefs
10:10 AM
What content works well in LLMs
Kevin Indig, Organic Growth Advisor
10:40 AM
☕ Tea Break
Pattern Markup
<!-- wp:ub/timeline {"timelineAlignment":"left","contentPadding":{"top":"30px","bottom":"30px","left":"var:preset|spacing|x-small","right":"var:preset|spacing|x-small"},"showOppositeText":true} -->
<!-- wp:ub/timeline-item {"oppositeText":"08:00 AM","contentBorder":{"color":"#abb8c3","width":"1px"},"contentBorderRadius":{"topLeft":"5px","topRight":"5px","bottomLeft":"5px","bottomRight":"5px"}} -->
<!-- wp:heading {"level":5} -->
<h5 class="wp-block-heading">Registration & Networking</h5>
<!-- /wp:heading -->
<!-- /wp:ub/timeline-item -->
<!-- wp:ub/timeline-item {"oppositeText":"09:00 AM","contentBorder":{"color":"#abb8c3","width":"1px"},"contentBorderRadius":{"topLeft":"4px","topRight":"4px","bottomLeft":"4px","bottomRight":"4px"}} -->
<!-- wp:heading {"level":5} -->
<h5 class="wp-block-heading">Conference kickoff</h5>
<!-- /wp:heading -->
<!-- /wp:ub/timeline-item -->
<!-- wp:ub/timeline-item {"oppositeText":"09:10 AM","contentBorder":{"color":"#abb8c3","width":"1px"},"contentBorderRadius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}} -->
<!-- wp:heading {"level":5} -->
<h5 class="wp-block-heading">Where marketing’s headed—and how Ahrefs is building for discoverability</h5>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><em>Tim Soulo, CMO, Ahrefs</em></p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"backgroundColor":"primary","style":{"border":{"radius":"999px"},"typography":{"fontSize":"12px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-primary-background-color has-background has-custom-font-size wp-element-button" style="border-radius:999px;font-size:12px">Future insights</a></div>
<!-- /wp:button -->
<!-- wp:button {"backgroundColor":"secondary","style":{"border":{"radius":"999px"},"typography":{"fontSize":"12px"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-secondary-background-color has-background has-custom-font-size wp-element-button" style="border-radius:999px;font-size:12px">AI & Automation</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
<!-- /wp:ub/timeline-item -->
<!-- wp:ub/timeline-item {"oppositeText":"09:40 AM","contentBorder":{"color":"#abb8c3","width":"1px"},"contentBorderRadius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}} -->
<!-- wp:heading {"level":5} -->
<h5 class="wp-block-heading">GEO? AEO? LLMO? What’s with all this AI SEO stuff?</h5>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><em>Patrick Stox, Product Advisor, Technical SEO & Brand Ambassador, Ahrefs</em></p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"999px"},"typography":{"fontSize":"12px"},"color":{"background":"#a97c00"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background has-custom-font-size wp-element-button" style="border-radius:999px;background-color:#a97c00;font-size:12px">Generative engine optimization</a></div>
<!-- /wp:button -->
<!-- wp:button {"style":{"border":{"radius":"999px"},"typography":{"fontSize":"12px"},"color":{"background":"#9c0027"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background has-custom-font-size wp-element-button" style="border-radius:999px;background-color:#9c0027;font-size:12px">Future of marketing</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
<!-- /wp:ub/timeline-item -->
<!-- wp:ub/timeline-item {"oppositeText":"10:10 AM","contentBorder":{"color":"#abb8c3","width":"1px"},"contentBorderRadius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}} -->
<!-- wp:heading {"level":5} -->
<h5 class="wp-block-heading">What content works well in LLMs</h5>
<!-- /wp:heading -->
<!-- wp:paragraph -->
<p><em>Kevin Indig, Organic Growth Advisor</em></p>
<!-- /wp:paragraph -->
<!-- wp:buttons -->
<div class="wp-block-buttons"><!-- wp:button {"style":{"border":{"radius":"999px"},"typography":{"fontSize":"12px"},"color":{"background":"#01764b"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background has-custom-font-size wp-element-button" style="border-radius:999px;background-color:#01764b;font-size:12px">Content strategy & creation</a></div>
<!-- /wp:button -->
<!-- wp:button {"style":{"border":{"radius":"999px"},"typography":{"fontSize":"12px"},"color":{"background":"#a97c00"}}} -->
<div class="wp-block-button"><a class="wp-block-button__link has-background has-custom-font-size wp-element-button" style="border-radius:999px;background-color:#a97c00;font-size:12px">Generative engine optimization</a></div>
<!-- /wp:button --></div>
<!-- /wp:buttons -->
<!-- /wp:ub/timeline-item -->
<!-- wp:ub/timeline-item {"oppositeText":"10:40 AM","contentBorder":{"color":"#abb8c3","width":"1px"},"contentBorderRadius":{"topLeft":"8px","topRight":"8px","bottomLeft":"8px","bottomRight":"8px"}} -->
<!-- wp:heading {"level":5} -->
<h5 class="wp-block-heading">☕ Tea Break</h5>
<!-- /wp:heading -->
<!-- /wp:ub/timeline-item -->
<!-- /wp:ub/timeline -->How to Use This Pattern
Insert the pattern on your event or conference page.
Update the time slots and session titles.
Add speaker details (name, designation, and company).
Use tags to highlight session topics like SEO, AI, Content Strategy, etc.
Customize the colors, typography, and icons to match your event branding.
Add or remove sessions as needed.
