--- layout: default route: demonstration title: Demonstration --- {% capture timeline_colors_both_example %}

By default, content shows in left mode. Apply .is-centered or .is-rtl to your .timeline to place timeline-content in zig-zag or right respectively.

Left Center Right
Start

January 2016

Timeline content - Can include any HTML element

February 2016

Timeline content - Can include any HTML element

2017

March 2017

Timeline content - Can include any HTML element

End
{% endcapture %}
{{ timeline_colors_both_example }}