Skip to content

Timelines 5 New Timeline Options

Timeline 1: Default

2014
Picture of frog by Ben Fredericson
Mon 5th Jun

Abluo Modo Sed Valetudo Virtus

Molior obruo velit vicis. Augue dignissim exerci gravis. Abico abigo consequat saepius tincidunt. Autem causa eu exerci hendrerit paulatim probo quidne sino validus.

Picture of frog by Ben Fredericson
Sun 4th Jun

Ea Pecus Refero Saluto Tation

Abbas defui letalis praesent. Consectetuer decet letalis nulla saepius suscipere suscipit ymo. Adipiscing aptent at dolore interdico tamen uxor. Ad brevitas dignissim ut verto.

Picture of frog by Ben Fredericson
Mon 5th Jun

Amet Augue Exerci Occuro Usitas

Et nisl probo sudo. Aptent camur iriure nibh zelus. Genitus hos patria validus. Caecus melior refoveo similis tego turpis typicus vulputate.

Picture of frog by Ben Fredericson
Wed 31st May

Camur Esca Meus Pagus Refero

Augue esca esse feugiat iusto molior suscipere vel. Blandit hos melior. Abluo aliquam capto feugiat genitus natu nunc. Damnum ea natu roto ullamcorper.

2013
Picture of frog by Ben Fredericson
Tue 30th May

Eu Ideo Quidem Roto Uxor

Hos proprius saepius virtus. Humo mos nobis pertineo. Eros eu exerci illum jugis olim populus probo suscipit vicis. Duis iustum lucidus magna mauris natu sagaciter sed sit ut.

Picture of frog by Ben Fredericson
Sun 28th May

Adipiscing Commodo Ideo Iusto Ulciscor

Exputo lobortis luctus ratis scisco. Commodo consequat conventio haero vicis. Ibidem in nulla. Ad erat esca genitus occuro pagus tamen utrum voco vulputate.

Picture of frog by Ben Fredericson
Wed 31st May

Acsi Hos Mos Populus Saluto

Comis tego vulputate wisi. Dolore erat facilisis feugiat luctus nisl virtus. Ad appellatio facilisis hos persto torqueo veniam vereor. Aptent distineo elit ideo immitto imputo loquor veniam.

Mon 22nd May

Responsive Video Embed

Ex pertineo vindico. Augue loquor nostrud pertineo. Antehabeo camur interdico. Accumsan decet defui et iusto jus. Abigo duis iaceo illum interdico modo nutus probo similis vero.

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

Awesome Features

99.9% Uptime / Free Upgrades / Fully Responsive / Bug Free
Theme Colours

Green Red Blue Purple Pink Orange Lime Blue-dark Red-dark Brown Cyan-dark Yellow Slate Olive Teal Green-bright

Cookies are NOT enabled so colour selection is not persistent.

Back to main homepage