Responsive Timeline

This timeline widget uses images to create the items. If a timeline is required with no images, use the CSS version on the next page which also has a link option.
The timeline and its markers have controls to change their color.
Each item has a label, a marker and a content block. The label sits on the opposite side of the timeline when viewed on computers. On mobile devices, the label repositions itself on the same side as the content block.
The content blocks have an optional heading, an image with alt text and an optional text description.
The content blocks can be styled with a border and/or a box shadow.