Timeline
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 inPorta
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 odioVestibulum
Morbi leo risusTime
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.
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
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
Horizontal Timeline
Plateform Development
Wish someone a sincere ‘good luck in your new job’ with these sweet messages. Make sure you pick out a good luck new job card to go with the words, and pop a beautiful bunch of flowers from our gift range in your basket, to make them feel super special.
Release Bank & Cards Phase
Too much or too little spacing, as in the example below, Use the velzon to share information with your can make things unpleasant for the reader.
Beta Launch of Plateform
Every team project can have a velzon. Use the velzon to share information with your team to understand and contribute to your project.
First Crypto Bank Transfers
" This is an awesome admin dashboard template. It is extremely well structured and uses state of the art components. I integrated it into a Rails 6 project. Needs manual integration work of course but the template structure made it easy. "
Launch Ethbay Services
Powerful, clean & modern responsive bootstrap 5 admin template. The maximum file size for uploads in this demo
Fastest Crypto Transaction
t is important for us that we receive email notifications when a ticket is created as our IT staff are mobile and will not always be looking at the dashboard for new tickets.
