๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

Timeline / History

Chronological timelines, milestones, and history layouts

299 components - V3 250 ยท V4 49

Version:

๐Ÿ“Œ Version 1.0 This is the first generation of our components. Some may have minor alignment differences or use widgets that aren't perfectly matched to the content type. Even so, they provide a strong structural foundation and are very useful for quickly building any type of website. We're continuously improving them; future versions will be even more polished.

V3 Adaptive

Timeline Layout Style 1 41

timeline + CTA (join our journey) minimal single-row

headingtext-editor
V3 Adaptive

Timeline Layout Style 2 41

timeline + CTA (join our journey) with background container card

headingtext-editor
V3 Adaptive

Timeline Layout Style 3 41

timeline + video (history video)

headingtext-editor
V3 Adaptive

Timeline Layout Style 4 41

timeline + video (history video) with CTA button below

headingtext-editor
V3 Adaptive

Timeline Layout Style 5 41

timeline + video (history video) with divider above

headingtext-editor
V3 Adaptive

Timeline Layout Style 6 41

timeline + video (history video) with image placeholder

headingtext-editor
V3 Adaptive

Timeline Layout Style 1 42

timeline + video (history video) with icon accents

headingtext-editor
V3 Adaptive

Timeline Layout Style 2 42

timeline + video (history video) centered layout

headingtext-editor
V3 Adaptive

Timeline Layout Style 3 42

timeline + video (history video) left-aligned layout

headingtext-editor
V3 Adaptive

Timeline Layout Style 4 42

timeline + video (history video) 2-column variant

headingtext-editor
V4 Simple

Timeline with 4-entry Vertical Timeline with Dividers

4-entry vertical timeline with dividers

e-div-blocke-flexboxe-headinge-paragraph+1
V4 Elaborate

Centered Timeline with Heading Only, Plain, and 4 Entries

4-entries plain h-only no-CTA tight

e-div-blocke-flexboxe-headinge-paragraph+1
V4 Elaborate

Centered Timeline with Heading Only, Plain, CTA, and 4 Entries

4-entries plain h-only CTA tight

e-div-blocke-flexboxe-headinge-paragraph+2
V4 Elaborate

Centered Timeline with Subtitle, Plain, and 4 Entries

4-entries plain h+sub no-CTA tight

e-div-blocke-flexboxe-headinge-paragraph+1
V4 Elaborate

Centered Timeline with Subtitle, Plain, CTA, and 4 Entries

4-entries plain h+sub CTA tight

e-div-blocke-flexboxe-headinge-paragraph+2
V4 Elaborate

Centered Timeline with Heading Only and 4 Entries

4-entries icon h-only no-CTA tight

e-div-blocke-flexboxe-headinge-svg+2
V4 Elaborate

Centered Timeline with Heading Only, CTA, and 4 Entries

4-entries icon h-only CTA tight

e-div-blocke-flexboxe-headinge-svg+3
V4 Elaborate

Centered Timeline with Subtitle and 4 Entries

4-entries icon h+sub no-CTA tight

e-div-blocke-flexboxe-headinge-paragraph+2
V4 Elaborate

Centered Timeline with Subtitle, CTA, and 4 Entries

4-entries icon h+sub CTA tight

e-div-blocke-flexboxe-headinge-paragraph+3
V4 Elaborate

Centered Timeline with Heading Only, Plain, and 5 Entries

5-entries plain h-only no-CTA tight

e-div-blocke-flexboxe-headinge-paragraph+1
V4 Elaborate

Centered Timeline with Heading Only, Plain, CTA, and 5 Entries

5-entries plain h-only CTA tight

e-div-blocke-flexboxe-headinge-paragraph+2
V4 Elaborate

Centered Timeline with Subtitle, Plain, and 5 Entries

5-entries plain h+sub no-CTA tight

e-div-blocke-flexboxe-headinge-paragraph+1
V4 Elaborate

Centered Timeline with Subtitle, Plain, CTA, and 5 Entries

5-entries plain h+sub CTA tight

e-div-blocke-flexboxe-headinge-paragraph+2
V4 Elaborate

Centered Timeline with Heading Only and 5 Entries

5-entries icon h-only no-CTA tight

e-div-blocke-flexboxe-headinge-svg+2