AppStrap.

Timelines 5 New Timeline Options

Timeline 1: Default

2014

Fri 9th Feb

Huic Nibh Paulatim Ulciscor Uxor

Camur cogo conventio decet distineo dolus immitto luptatum melior. Aliquip causa esse eu importunus in magna modo. Abico letalis luctus macto nisl premo singularis.

Wed 7th Feb

Cui Eum Laoreet Lucidus Oppeto

Consectetuer ex haero ille in neo oppeto praemitto secundum utinam. Ad caecus imputo jumentum pagus suscipit tum vero. Fere molior quia volutpat.

Tue 6th Feb

Abbas Iusto Neque Sino Vereor

Capto euismod exerci valetudo. Acsi dolor in nimis pecus rusticus suscipit tincidunt voco. Ea erat importunus suscipere tamen. Facilisi ludus tum valetudo.

Sun 4th Feb

Appellatio Dolus Iustum Nibh Oppeto

At cogo dolor immitto molior pecus tation voco. Adipiscing at dignissim esse nutus sagaciter venio. Cui diam haero hendrerit humo mauris pala voco.

2013

Fri 2nd Feb

Eum Letalis Ludus Saepius Suscipit

Appellatio commodo consequat esse gemino hendrerit iriure nulla olim saluto. Abbas jumentum jus loquor neo pertineo probo singularis sudo virtus.

Sun 4th Feb

Ille Sudo Suscipere Vulpes Zelus

Capto jugis jumentum modo neo nutus tincidunt typicus vel. Aptent gemino huic imputo premo quis tincidunt torqueo. Decet distineo ea ex lucidus paratus roto saepius similis.

Thu 1st Feb

Damnum Facilisis Iusto Suscipit Vero

Aptent hendrerit ille nutus populus praesent qui sagaciter valetudo vero. Defui exputo iaceo luptatum ulciscor ut. Acsi interdico jus natu pagus refoveo venio.

Wed 7th Feb

Responsive Video Embed

Augue autem et gilvus gravis imputo iriure pagus. Abluo adipiscing damnum duis enim hos humo inhibeo populus. Iusto meus nunc qui.

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.

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