Components
Hero
Hero
Hero Slider
Text Content Areas
Text Image Columns
Paragraph
Sliders
Image Slider
Card Layouts
Cards
Cards Wide
Images
Images
Utility Modules
Accordion
Stat Counter
Form
Content Timeline
Blogs
Blog Index
Post Single
Post Row

Content Timeline Overview

This section introduces a straightforward timeline block, offering two distinct layout options:
Centered and Left-Aligned.

Every item within the timeline is composed of an image field, heading and a text field.

As users navigate through the timeline by scrolling, a dynamic visual effect occurs where colors progressively fill the timeline, accompanied by an animation of the active item’s indicator dot for an engaging user experience.

Centered Timeline

Time Line Item

Lorem reprehenderit laboris irure sint. Aliqua exercitation in excepteur excepteur occaecat aliqua consectetur fugiat qui esse. Esse pariatur non eu Lorem fugiat cillum deserunt id ut nisi magna non. Velit excepteur pariatur voluptate ex proident occaecat ullamco esse ullamco do adipisicing proident.

Time Line Item

Lorem reprehenderit laboris irure sint. Aliqua exercitation in excepteur excepteur occaecat aliqua consectetur fugiat qui esse. Esse pariatur non eu Lorem fugiat cillum deserunt id ut nisi magna non. Velit excepteur pariatur voluptate ex proident occaecat ullamco esse ullamco do adipisicing proident.

Time Line Item

Lorem reprehenderit laboris irure sint. Aliqua exercitation in excepteur excepteur occaecat aliqua consectetur fugiat qui esse. Esse pariatur non eu Lorem fugiat cillum deserunt id ut nisi magna non. Velit excepteur pariatur voluptate ex proident occaecat ullamco esse ullamco do adipisicing proident.

Left Aligned Timeline

Time Line Item

Lorem reprehenderit laboris irure sint. Aliqua exercitation in excepteur excepteur occaecat aliqua consectetur fugiat qui esse. Esse pariatur non eu Lorem fugiat cillum deserunt id ut nisi magna non. Velit excepteur pariatur voluptate ex proident occaecat ullamco esse ullamco do adipisicing proident.

Time Line Item

Lorem reprehenderit laboris irure sint. Aliqua exercitation in excepteur excepteur occaecat aliqua consectetur fugiat qui esse. Esse pariatur non eu Lorem fugiat cillum deserunt id ut nisi magna non. Velit excepteur pariatur voluptate ex proident occaecat ullamco esse ullamco do adipisicing proident.

Time Line Item

Lorem reprehenderit laboris irure sint. Aliqua exercitation in excepteur excepteur occaecat aliqua consectetur fugiat qui esse. Esse pariatur non eu Lorem fugiat cillum deserunt id ut nisi magna non. Velit excepteur pariatur voluptate ex proident occaecat ullamco esse ullamco do adipisicing proident.