Timelines allow you to organize information based on the time it were added.
Basic example of timeline with colored bullets.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis pede.
Donec odio. Quisque volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
Lorem ipsum dolor sit amet, volutpat mattis eros. Nullam malesuada erat ut turpis. Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
Timeline example with icons instead of bullets for each event.
Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
Quisque volutpat mattis eros. Nullam malesuada erat ut turpis.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit. Donec odio.
To create horizontal timelines you need to add the .timeline-horizontal CSS class to the .timeline-box element that is wrapped inside an element with .timeline-scoll CSS class.
Lorem ipsum dolor sit amet, consectetuer adipiscing elit.
Donec odio. Quisque volutpat mattis eros. Suspendisse urna.
Viverra non, semper suscipit, posuere a, pede.
Suspendisse urna nibh, viverra non, semper suscipit, posuere a, pede.
On the other hand, we denounce...
Dislike men who are so beguiled...
Of pleasure of the moment, so...
That they cannot foresee the...
Pain and trouble that are bound...
Equal blame belongs to those...
Weakness of will, which is same...
These cases are perfectly simple...
