Panely

Basic

Timeline can be used for listing agenda. Use marker as the timeline pin. Put your content into .timeline-content.

Lorem ipsum dolor sit amit

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

More content

Use your creativity to make a more complex timeline. In the example below, we use rich list to appear bordered and clickable timeline content.

Consectetur

Dapibus ac facilisis in
9+

Porta

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat.

Cras justo odio

Vestibulum

Morbi leo risus
new

Time

Add time information to your timeline by adding text inside .timeline-time before .timeline-pin and you must extend .timeline element with .timeline-timed class.

12.20

Lorem ipsum dolor sit amit

13.00

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna

14.05

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

Zigzag

We have one more timeline version, you just need to add .timeline-zigzag class to default timeline elements to appear like below.

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna elit enim at minim veniam quis nostrud

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna

Lorem ipsum dolor sit amet, consectetur adipisicing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur.

Lorem ipsum dolor sit amit,consectetur eiusmdd tempor incididunt ut labore et dolore magna

May 14, 2020

Upcoming events

12:00

Donec laoreet fringilla justo a pellentesque

13:20

Nunc quis massa nec enim

14:00

Praesent sit amet

Settings

Performance

CPU Load
60%
CPU Temparature
42°
RAM Usage
6,532 MB

Customer care

Reports

Projects

Dashboard

Dashboard 1

Dashboard 2

Dashboard 3

Dashboard 4

Dashboard 5

Dashboard 6

Dashboard 7

Dashboard 8

Email

Criptocurrency

Chatting

Navigation