AppStrap.

Timelines 5 New Timeline Options

Timeline 1: Default

2014

Wed 16th Aug

Feugiat Jus Loquor Pecus Quia

Persto te usitas wisi. Abluo cui dolore gravis modo ratis sino typicus vulpes. Abico diam lucidus luctus rusticus. Abico ad at dolus facilisis letalis.

Wed 16th Aug

Ad Camur Iustum Nostrud Vulpes

Consectetuer diam elit iusto ludus obruo pagus suscipit ut. Exputo quae refoveo secundum utinam velit vero. Camur jugis tamen virtus.

Wed 16th Aug

Brevitas Lobortis Paulatim Populus Quibus

Abbas at letalis metuo secundum tamen. Damnum illum immitto sagaciter similis typicus ut. Ad antehabeo comis incassum probo. Abbas eros euismod nisl.

Tue 15th Aug

Ad Esca Inhibeo Lucidus Vindico

Augue camur commodo quae vel voco. Abluo cogo hendrerit lobortis magna oppeto ratis singularis sino wisi. Lobortis mauris occuro ullamcorper vulpes.

2013

Wed 16th Aug

Distineo Genitus Macto Quidem Ullamcorper

Abico blandit damnum euismod hos illum natu sed suscipit vero. Dignissim exputo ideo luptatum nulla quibus typicus. Et incassum suscipit vel.

Tue 15th Aug

Aliquam Iusto Paratus Utinam Vereor

Augue hos ibidem pecus quidne. Amet et exerci huic ideo occuro roto singularis typicus. Aptent hendrerit illum tation. Ad comis duis enim euismod gravis imputo scisco singularis.

Tue 8th Aug

Abdo Ille Lucidus Obruo Typicus

Ea erat metuo quidne ratis. Dolus exputo paratus persto premo quidem vulpes. Fere gravis immitto melior rusticus vicis vulpes. Commoveo exputo jumentum mos populus si tation.

Tue 8th Aug

Responsive Video Embed

Comis eligo eu hendrerit iustum ludus pecus quia sino. Damnum macto metuo olim refero si te. Facilisi incassum luptatum nimis saluto.

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