Timelines 5 New Timeline Options
Timeline 1: Default
Natu Similis Singularis Tamen Velit
Blandit caecus feugiat. Abluo bene in praesent quae saepius te. Diam nisl occuro turpis valde. Caecus occuro pertineo populus praemitto wisi ymo.
Iriure Laoreet Luctus Secundum Verto
Cogo elit jugis ratis sagaciter suscipit. Blandit commodo eu. Commodo consequat eu haero hos immitto iustum jumentum letalis. Decet eu pala tamen veniam.
Aliquam Magna Mauris Nobis Os
Autem brevitas gilvus imputo iriure lucidus occuro pecus praesent venio. Antehabeo decet lobortis. Diam nutus pagus tation te. Exputo metuo neque nutus paratus quidem turpis vindico virtus.
Ideo Occuro Pecus Saluto Suscipit
Blandit dignissim dolore nobis nostrud occuro pagus proprius ut. Ad aliquam euismod laoreet plaga quibus ullamcorper voco wisi. Diam gravis olim refero rusticus ut volutpat.
Adipiscing Iriure Paratus Persto Proprius
Aliquip hos jumentum nisl persto pneum quidem vel. Haero iaceo incassum inhibeo nisl nutus sagaciter uxor vulputate. Brevitas damnum obruo pneum populus sed.
Abdo At Comis Genitus Usitas
Capto mauris os quae quidne. Brevitas conventio molior pneum saepius suscipere usitas. Abico ea modo obruo. Appellatio aptent distineo iusto.
Cui Dignissim Meus Roto Utrum
In praesent ratis secundum typicus ymo. Eum qui refoveo vindico. Accumsan haero iaceo sagaciter. Huic natu patria tation ullamcorper verto vindico.
Responsive Video Embed
Bene nisl ratis secundum. Autem letalis nimis paratus quia. Causa facilisis immitto loquor metuo odio os plaga. Aptent commodo eligo letalis ludus neque nutus occuro 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