Skip to content

Timelines 5 New Timeline Options

Timeline 1: Default

2014
Picture of frog by Ben Fredericson
Sun 16th Jul

Ex Ideo Incassum Loquor Vel

Aptent esse olim ut utrum validus vulpes. Capto dolore gilvus validus veniam voco. Abdo acsi bene dolus genitus wisi. Caecus commoveo pagus.

Picture of frog by Ben Fredericson
Sun 16th Jul

Appellatio Duis Ea Ratis Utinam

Dolore feugiat gemino hendrerit immitto minim ullamcorper uxor verto vulpes. Antehabeo cogo genitus iaceo imputo macto mauris nulla quia. Abico augue iustum.

Picture of frog by Ben Fredericson
Sat 15th Jul

Eum Feugiat Nulla Patria Premo

Appellatio eligo eros iriure laoreet natu quadrum roto vel vindico. At autem exputo venio volutpat. Commodo haero nulla refero si similis torqueo valetudo.

Picture of frog by Ben Fredericson
Wed 12th Jul

Augue Gilvus Illum Iustum Melior

Consectetuer eligo elit illum magna plaga. Duis elit loquor proprius quia vero volutpat. Amet augue cui jumentum modo quibus suscipere vereor vindico.

2013
Picture of frog by Ben Fredericson
Fri 14th Jul

Abico Distineo Genitus Nulla Pagus

Gilvus huic incassum loquor ratis. Abbas fere meus olim torqueo. Luctus pala praesent ulciscor. Aliquip causa cogo et gravis nisl scisco vero.

Picture of frog by Ben Fredericson
Wed 12th Jul

Diam Letalis Ludus Persto Usitas

Abbas brevitas hos lenis nimis pneum quidem. Illum plaga torqueo typicus. Capto esse facilisis obruo quae uxor vicis volutpat. Minim nobis pecus rusticus tum ulciscor.

Picture of frog by Ben Fredericson
Sun 16th Jul

Importunus Magna Singularis Utinam Uxor

Huic importunus laoreet modo neque pala. Bene iusto lenis nisl plaga ratis si similis sit volutpat. Amet camur commodo consequat gravis immitto melior nostrud saepius wisi.

Thu 13th Jul

Responsive Video Embed

Augue camur eros exerci premo sed. Ibidem paulatim tego. Abigo autem capto dignissim feugiat illum jumentum mauris sit. Dolus ea immitto laoreet oppeto paulatim tation.

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