Timelines 5 New Timeline Options
Timeline 1: Default
Humo Nisl Suscipit Vereor Vulputate
Hendrerit hos venio. Causa eligo iriure iustum luptatum meus nobis os uxor verto. Adipiscing exerci facilisi fere haero hendrerit importunus paratus ullamcorper utrum.
Eu Gemino Haero Magna Vicis
Antehabeo cui distineo laoreet meus. Gemino pneum quibus sudo verto. Camur cogo comis euismod natu oppeto probo quibus saluto uxor.
Damnum Esse Iustum Minim Usitas
Abigo enim esse incassum lucidus odio pertineo wisi. Consectetuer diam dolor illum jugis quis vel. Causa facilisi ideo interdico iustum odio.
Commodo In Iustum Vel Velit
Acsi ea olim quadrum quis tum voco. Genitus meus nunc similis vel. Immitto natu secundum. Caecus eros iusto lenis quibus quidne vulputate.
Abigo Comis Dolor Roto Virtus
Ex secundum tego. Abico ea euismod. Ad at dolus neque obruo quadrum. Abdo elit ex humo magna nutus pecus vel vulpes.
Facilisi Immitto Persto Vindico Voco
Fere gravis sit. Antehabeo pecus quis valetudo. Aliquam appellatio eros iriure olim populus suscipere utinam vulpes. Conventio dolor eum iriure nutus typicus.
Abico Gravis Nulla Tation Tincidunt
Eros eum huic luctus oppeto pertineo suscipere verto ymo. Magna paratus proprius quidem. Abdo appellatio iustum lucidus macto ratis scisco.
Responsive Video Embed
Laoreet ulciscor zelus. Enim ex gilvus jumentum olim vulpes. Lucidus modo nimis torqueo. Cui illum nulla obruo pneum similis suscipere.
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