Timeline with Icon

Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl. Integer a egestas mauris. Nam id diam blandit, condimentum dolor ut, euismod arcu. Aliquam erat volutpat.

Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl. Integer a egestas mauris. Nam id diam blandit, condimentum dolor ut, euismod arcu. Aliquam erat volutpat.

Hello title 1
Hi title 2
Designer
2013
Yet another title

Hello timeline content 1.
You have to wrap each timeline block in a div with class timeline-content. Something like:
So you can put anything in it, like a image or video.

Hello timeline 2, you can customize the dragging bar color, slideshow, icons, icon color, timeline content etc in the backend.
Long content will trigger the scrollbar automatically.
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hello timeline 3
You can choose to display the timeline label with Font Awesome icon, image or text only.
Visit my profile for more works.
Hello timeline 5

1998
1999
2002
2013
2014
Hello title 1
Hi title 2
Designer
2013
Hi no.5

Hello timeline content 1.
You have to wrap each timeline block in a div with class timeline-content. Something like:
So you can put anything in it, like a image or video.

Hello timeline 2, you can customize the dragging bar color, slideshow, icons, icon color, timeline content etc in the backend.
Long content will trigger the scrollbar automatically.
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hello timeline 3
You can choose to display the timeline label with Font Awesome icon, image or text only.
Visit my profile for more works.
Hello timeline 5

Aug 1998
1999
Oct 2002
2013
2014

Text Label with Auto Slide

Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl. Integer a egestas mauris. Nam id diam blandit, condimentum dolor ut, euismod arcu. Aliquam erat volutpat.

Sed eleifend, lacus nec bibendum pulvinar, nibh mauris vehicula augue, sit amet mattis ligula lorem eu nisl. Integer a egestas mauris. Nam id diam blandit, condimentum dolor ut, euismod arcu. Aliquam erat volutpat.

Hello title 1
Hi title 2
Designer
Feb 2014

Hello timeline content 1.
You have to wrap each timeline block in a div with class timeline-content.
So you can put anything in it, like a image or video.tumblr_n98smdYLPh1qfirfao1_1280

Hello timeline 2, you can customize the dragging bar color, slideshow, icons, icon color, timeline content etc in the backend.
Long content will trigger the scrollbar automatically.
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hello timeline 33336545581_1575e468bb_b_d
You can choose to display the timeline label with Font Awesome icon, image or text only.
Visit my profile for more works.

Debra Riley
Default label
Designer
2014
Image with label demo
Hi title 2
Designer
2014
Another title

Hello timeline content 1.
You have to wrap each timeline block in a div with class timeline-content. Something like:
So you can put anything in it, like a image or video.

Hello timeline 2, you can customize the dragging bar color, slideshow, icons, icon color, timeline content etc in the backend.
Long content will trigger the scrollbar automatically.
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hello timeline 3
You can choose to display the timeline label with Font Awesome icon, image or text only.
Visit my profile for more works.
Hello timeline 5

Debra Riley
Default label
Designer
2014
Another label
Hello title 1
Hi title 2
Designer
2014
Another title

Hello timeline content 1.
You have to wrap each timeline block in a div with class timeline-content. Something like:
So you can put anything in it, like a image or video.

Hello timeline 2, you can customize the dragging bar color, slideshow, icons, icon color, timeline content etc in the backend.
Long content will trigger the scrollbar automatically.
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. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

Hello timeline 3
You can choose to display the timeline label with Font Awesome icon, image or text only.
Visit my profile for more works.
Hello timeline 5

Debra Riley
Default label
Designer
2014
Another label

Features:

  • Timeline label support Font Awesome icon, image or plain text only.
  • Icon and image can be in square, round or circle shape.
  • Auto play slideshow for the timeline.
  • Auto scrollbar support for the long content in the timeline window.
  • Retina ready.
  • Optional bar color, timeline window color style, label font color.
  • Optional drag button.
  • Optional timeline title, timeline content.