Timelines

Timeline 1: Default

2014

Thu 26th Sep

Nobis Pagus Si Uxor Valde

Augue immitto roto suscipit. Accumsan ad euismod facilisis nibh paulatim refoveo secundum vero voco. Eu gravis minim scisco secundum tation.

Thu 26th Sep

Amet Comis Dolore Scisco Uxor

Amet dolore facilisi iriure neque sed te tego. Commodo paulatim suscipere. Et eum ibidem neque pala probo zelus. At suscipit tum.

Sun 22nd Sep

Aliquam Amet Jus Mauris Natu

Accumsan amet inhibeo iriure olim pagus pecus sit. Comis dignissim pertineo quidem vereor vero vicis. Acsi eum letalis macto neo refoveo saluto usitas utrum.

Mon 23rd Sep

Haero Importunus Quae Tation Vel

Acsi autem haero ideo imputo meus olim patria paulatim ymo. Caecus facilisis hos ibidem mauris virtus. Eligo lucidus refoveo tego.

2013

Fri 20th Sep

Abico Ex Ratis Refoveo Te

Adipiscing haero molior patria si suscipit tego. Consectetuer dignissim dolore ille jus modo. Blandit commoveo laoreet letalis macto praesent quadrum.

Sun 22nd Sep

Distineo Jugis Quibus Refoveo Scisco

At camur ex plaga. Cogo euismod gravis inhibeo plaga. Duis esca feugiat iaceo luctus praemitto tation vereor ymo. Mos plaga scisco ut vicis.

Sun 22nd Sep

Responsive Video Embed

Loquor neo ut vel. Iaceo ideo loquor utrum. Duis euismod jugis quia tation typicus verto. Eligo inhibeo praemitto premo quadrum valetudo voco.

Fri 13th Sep

Responsive Video Embed

Exerci lobortis nunc pala paratus paulatim praemitto voco vulpes. Feugiat inhibeo jumentum macto melior paulatim refero. Ad eligo exerci modo praesent qui refoveo singularis tation.

The End

Options

4 Timeline variations (combine with .timeline) classes available:

1. Default : class="timeline" = default, 2 items per row, floating left & right, timeline runs down the middle. Is stacked on mobile.
2. timeline-left : class="timeline timeline-left" = 1 item per row, floating left, timeline runs down the left with markers aligned left
3. timeline-right : class="timeline timeline-right" = 1 item per row, floating right, timeline runs down the right with markers aligned right
4. timeline-stacked : class="timeline timeline-stacked" = posts stack on top of each other, 1 item per row, timeline runs down the middle, markers show above posts. Is default mobile layout.
5. timeline carousel

Timeline item (combine with .timeline-item) classes available:

1. overlap-off = drops the item overlap
2. overlap-pull-large = class to pull item up 120px
3. overlap-pull-small = class to pull item up 30px
4. overlap-push-large = class to push item down 120px
5. overlap-push-medium = class to push item down 60px
6. overlap-push-small = class to push item down 30px
7. right = pulls item to right
8. highlight = highlights the marker with primary colour