Responsive Timeline

The Responsive Timeline element creates an interactive timeline layout for showing milestones, history, processes, project phases, or story-based content in a more visual way than a plain list. It can be used as either a vertical sticky-nav timeline or a horizontal sliding timeline, so you can choose the format that fits the page instead of being locked into one layout.

Available fields:

Timeline orientation: vertical or horizontal
Accent color
Navigation width
Column gap
Mobile single-open accordion option
Force include CSS/JS in markup
Extra class

Timeline item fields:

Year / date label
Navigation label
Title
Sub-headline
Main content
Image
Image position / layout options
Gallery images
Lightbox option
Custom colors
Spacing options
Extra class

It's important to note that all variations of the Responsive Timeline element can be adjusted or styled differently fairly easily, as long as basic functionality remains the same.

Responsive Timeline - Kansas City History

A Trading Post Takes Root

1821

French fur trader François Chouteau established a trading post near the Missouri River, helping create one of the earliest permanent European settlements in the area that would become Kansas City.

The Town of Kansas Is Incorporated

1850

Residents incorporated the growing riverfront community as the Town of Kansas. Its location near the Missouri and Kansas rivers helped establish it as an important center for trade, migration, and westward expansion.

Union Station Opens

1914

Kansas City’s grand Union Station opened to the public on October 30, 1914. The massive railway hub welcomed travelers from across the country and helped strengthen the city’s position as a major transportation center.

Liberty Memorial Is Dedicated

1926

President Calvin Coolidge dedicated the Liberty Memorial before a crowd of more than 150,000 people. Built with funds raised by Kansas Citians, the landmark now forms the centerpiece of the National WWI Museum and Memorial.

A Historic Flood Reshapes the City

1951

Heavy rainfall caused the Kansas and Missouri rivers to overflow, devastating neighborhoods, rail yards, and industrial areas throughout the region. The disaster led to major improvements in flood-control systems along the Kansas River.

The Chiefs Arrive in Kansas City

1963

Lamar Hunt moved the Dallas Texans football franchise to Kansas City and renamed the team the Chiefs. The organization helped place Kansas City on the national sports map and became a defining part of the city’s identity.

Responsive Timeline Vertical

Lorem ipsum dolor sit amet

1999

1999 Title

Morbi ornare lacus est, in placerat risus tincidunt eu. Aliquam urna metus, faucibus id metus eget, tempus blandit quam. Pellentesque mauris urna, lobortis quis ante vel, blandit blandit nunc. Nam id dui sit amet dui congue dapibus et eget lectus. In quis dolor vel tellus dictum interdum ac in sapien. Nunc porttitor mi lorem, a luctus lectus tincidunt eget. Etiam aliquam leo sodales, fermentum ipsum ac, ultricies nulla.

Vehicula sed massa vel

2002

2002 Title

Donec volutpat libero feugiat, pharetra nisi in, hendrerit ante. Sed placerat mauris est, et gravida nulla suscipit non. Suspendisse feugiat magna ut aliquam finibus. Sed pulvinar neque sed aliquet interdum. Nunc ut ante eu augue dapibus facilisis nec quis felis. Aliquam erat volutpat. Sed at vulputate erat. Integer congue posuere ex, eu condimentum sem venenatis a. Integer vel ipsum quis libero sagittis tincidunt. Cras sit amet enim vel arcu tempor venenatis eget in tortor. Duis quis felis eu mi feugiat egestas et a lectus. Praesent blandit lacus ut auctor consequat. Nam mi nisl, fringilla vitae risus quis, eleifend dictum nisi. Nam neque turpis, mattis in dui eu, efficitur cursus ligula.

Vehicula sed massa vel

2008

2008 Title

Aliquam vitae dignissim odio. Donec vitae justo commodo, dictum felis at, mollis erat. Cras ac nulla justo. Suspendisse sit amet scelerisque justo. Vivamus sit amet nibh interdum, vulputate ipsum at, tempor diam. Maecenas sit amet luctus leo. Praesent et ultricies est, vel elementum velit. Morbi hendrerit, libero ac bibendum malesuada, nulla nisl suscipit nibh, ac egestas sem ipsum et enim.

Accumsan quis tincidunt non

2021

2021 Title

Vestibulum nibh neque, faucibus at viverra a, consequat nec augue. Quisque cursus tincidunt mauris pellentesque ullamcorper. Nam eget odio libero. Nullam tincidunt, lectus id luctus tempor, elit est lacinia arcu, ac ornare ante lorem sit amet leo. Orci varius natoque penatibus et magnis dis parturient montes, nascetur ridiculus mus.

Responsive Timeline Horizontal

Lorem ipsum dolor sit amet