LoginGet started — it’s free
Made in Webflow

CMS Timeline Template

Clone in Webflow409
Vincent Bidaux's avatar
by Vincent Bidaux
6.1k
site profile thumbnail

Description

This project features an horizontal timeline of events. You can navigate it by scrolling vertically: the horizontal timeline view and the vertical list stay in sync. The vertical list shows extra events, notes and links. The timeline is CMS based: there are two collections, one for the events, and one for the categories of events. Each year of the timeline is made out of one Collection List. This demo uses real data from Webflow's updates: new features, announcements, events... There's more info about how it was built and how it works with CMS and CSS Calc at the bottom of the page. The technique for the horizontal scrolling sticky section can be found in the "Sticky + Horizontal Scroll Demo" project on my profile. You can clone this project, delete the data in the Events and in the Categories Collections, and make this site your own.

Feeling inspired?

If this Made In Webflow site sparked some inspo, why not get started on a project of your own? Clone a site, purchase a template or start building from scratch.
cmshorizontalverticaltemplatedemoccccalccalcadvancedanimation

More by Vincent Bidaux

See profile
View details
Sticky + Horizontal Scroll Demo
476
4.1k
© 2022 Webflow, Inc. All rights reserved.