A vertical timeline featuring all dates to the left and content on the right.
Timeline Lima features a timeline with dates to the left, title and description to the right, a center timeline bar, and marker icons.
On mobile, the cards collapse so the timeline bar is on the left and all content is on the right. The marker perfectly aligns with the date badge on mobile.
This timeline frame is built with advanced CSS Grid techniques, but is very easy to use and customize.
Controls the space between timeline entries.
Controls the space between elements inside a timeline entry.
Sets the color of the vertical center line.
Sets the width of the vertical center line.
HTML5 Tags & Attributes
If you decide to link timeline entries to a URL, we recommend turning the timeline entry headings into a link and using the clickable parent technique to ensure proper accessibility.
Use the related frames section above to check FAQs for other frames related to this frame if you don't see your question here.