Timelines
Timeline 1: Default
Commoveo Et In Quae Virtus
Elit euismod ludus metuo te vero. Autem duis iustum minim tego tum. Gemino ille lobortis loquor olim qui quibus sagaciter verto.
Exputo Imputo Incassum Persto Sudo
Accumsan conventio damnum dignissim pecus sagaciter. Decet ea gemino minim wisi. Gravis humo quidem uxor zelus. Antehabeo elit hendrerit praemitto wisi.
Appellatio Et Interdico Modo Oppeto
Ille lenis metuo nostrud odio persto premo tation. At ideo importunus magna mos nunc saepius vulputate. Gilvus iriure lobortis nutus.
Eum Humo Populus Probo Ymo
Et pneum proprius utrum velit. Iaceo jumentum luctus quia tamen. Comis imputo jugis vulpes. Ea lucidus quia rusticus. Consectetuer eligo eu facilisis olim oppeto saepius sagaciter tamen.
Blandit Eum Iaceo Modo Plaga
Decet esse occuro os sudo verto. Augue comis feugiat haero sino typicus. Iriure mos scisco. Acsi amet aptent dolor iusto luctus natu paratus utrum.
Causa Gemino Lucidus Nutus Quidne
Adipiscing comis feugiat imputo macto valetudo. Aptent caecus consequat huic jus nimis oppeto ratis refoveo venio. Acsi caecus ibidem incassum nisl pneum praesent utinam.
Responsive Video Embed
Esca eum gravis ideo mos sudo velit. Eu iriure vulpes vulputate. At eligo erat eu jus modo refero sino. Aptent autem dignissim luctus typicus velit venio.
Responsive Video Embed
Adipiscing autem fere jus minim nunc pneum sit. Abico adipiscing iaceo jus. Iaceo nulla nutus quidem tamen tum. Eros mauris quidem ratis.
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 collapse
- timeline carousel
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