Timeline component
This is an example of a timeline component, for displaying milestones / steps using a timeline,
which includes many variations of the moment image.
The information is a section of a strip, which can include a title and optional description text (unlimited sections, and characters).
Each section can be opened by default or closed and allowed to be manually opened.
The sections contain items of image and text next to it and / or video and text next to it.
Long text on the item can be split using a dedicated button to expand the content. In addition, can add a button for a link to another page.
The images will be displayed as circular images and contain style around them (the images' style and position are fixed by the design).
Image size: square, 540x540 px.
The circle in the middle of the item can contain text up to 7 characters or remain blank.
Timeline strip - open by default
Can contain a title and optional description text.
It is possible to choose whether the section will remain open or closed by default.
In addition, the visitors can manually open or close the section.
Text
Item title
Text to add freely (rich text), which will be displayed next to the image.
If the text is long, it can be expanded using a dedicated expanded button.
The text on the circle in the middle can only contain up to 7 characters.
2024
Item title
Text to add freely (rich text), which will be displayed next to the image.
If the text is long, it can be expanded using a dedicated expanded button.
The text on the circle in the middle can only contain up to 7 characters.
Additional text to be displayed using the expansion button, which can be opened and closed.
Video
Item title
Text to add freely (rich text), which will be displayed next to the video.
The video will be displayed as a pop-up window by clicking on the dedicated play icon/ button. The item requires a default video image to be added manually.
Watch videoTimeline strip that is closed
Can contain a title and optional description text.
It is possible to open or close this section manually.
Text
Item title
Text to add freely (rich text), which will be displayed next to the image.
If the text is long, it can be expanded using a dedicated expanded button.
The text on the circle in the middle can only contain up to 7 characters.
2024
Item title
Text to add freely (rich text), which will be displayed next to the image.
If the text is long, it can be expanded using a dedicated expanded button.
The text on the circle in the middle can only contain up to 7 characters.
Additional text to be displayed using the expansion button, which can be opened and closed.
Video
Item title
Text to add freely (rich text), which will be displayed next to the video.
The video will be displayed as a pop-up window by clicking on the dedicated play icon/ button. The item requires a default video image to be added manually.
Watch video
Cookie Settings