Skip to content

Timelines 5 New Timeline Options

Timeline 1: Default

2014
Picture of frog by Ben Fredericson
Tue 10th Mar

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.

Picture of frog by Ben Fredericson
Tue 10th Mar

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.

Picture of frog by Ben Fredericson
Fri 6th Mar

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.

Picture of frog by Ben Fredericson
Tue 10th Mar

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.

2013
Picture of frog by Ben Fredericson
Sat 7th Mar

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.

Picture of frog by Ben Fredericson
Mon 9th Mar

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.

Picture of frog by Ben Fredericson
Tue 3rd Mar

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.

Thu 27th Feb

Responsive Video Embed

Laoreet ulciscor zelus. Enim ex gilvus jumentum olim vulpes. Lucidus modo nimis torqueo. Cui illum nulla obruo pneum similis suscipere.

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

Back to intro page