Timelines 5 New Timeline Options
Timeline 1: Default
Aliquam Commodo Eros Eum Fere
Esca quia ulciscor veniam. Gravis hendrerit immitto nibh torqueo vindico. Consequat cui dolor haero importunus letalis paulatim tamen venio. Elit obruo tincidunt veniam.
Hendrerit Metuo Pneum Suscipere Ullamcorper
Appellatio consectetuer euismod interdico iriure si. Eum quis venio. Abbas causa molior neque plaga praemitto vicis. Hendrerit importunus paulatim quadrum scisco usitas validus.
Abluo Ad Autem Comis Virtus
Conventio incassum minim quae qui quidne ulciscor validus venio wisi. Accumsan appellatio duis euismod odio proprius velit. Augue natu populus te.
Comis Duis Nibh Saluto Te
Eros metuo molior nimis nobis pagus pertineo. Euismod fere ideo jugis pecus quibus roto verto zelus. Abbas autem brevitas damnum exputo hendrerit odio saepius si voco.
Consectetuer Neque Nutus Qui Secundum
Immitto mauris quis similis singularis. Abluo camur oppeto. Capto cogo damnum iusto iustum laoreet macto typicus ut velit. Lucidus praesent scisco.
Abico Dolore Lobortis Paratus Roto
Caecus diam populus praesent validus vel. At qui roto. Damnum dolor mauris paratus pertineo. Antehabeo autem brevitas ea ex pecus ullamcorper valetudo.
Dolore Inhibeo Pagus Paratus Quis
Blandit consectetuer dolor ea humo ibidem lucidus molior nobis. Commoveo eu fere luctus pagus sagaciter similis turpis. Aptent caecus distineo pala plaga saluto tation tum velit vindico.
Responsive Video Embed
In laoreet loquor nibh si utrum. Augue caecus cui hendrerit pagus probo quae sagaciter sino. Enim eu genitus minim neo quibus suscipit te usitas.
Options
4 Timeline variations (combine with .timeline) classes available:
- Default : class="timeline" = default, 2 items per row, floating left & right, timeline runs down the middle. Is stacked on mobile.
- timeline-left : class="timeline timeline-left" = 1 item per row, floating left, timeline runs down the left with markers aligned left
- timeline-right : class="timeline timeline-right" = 1 item per row, floating right, timeline runs down the right with markers aligned right
- 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:
- overlap-off = drops the item overlap
- overlap-pull-large = class to pull item up 120px
- overlap-pull-small = class to pull item up 30px
- overlap-push-large = class to push item down 120px
- overlap-push-medium = class to push item down 60px
- overlap-push-small = class to push item down 30px
- right = pulls item to right
- highlight = highlights the marker with primary colour