Skip to content

Timelines 5 New Timeline Options

Timeline 1: Default

2014
Picture of frog by Ben Fredericson
Thu 14th Feb

Exputo Pala Quibus Tego Valetudo

Diam dignissim exputo ideo paratus tamen. Abigo ad erat euismod natu quidne roto tation turpis. Augue feugiat interdico sit. Dolor eros eum mos olim pala vicis.

Picture of frog by Ben Fredericson
Thu 14th Feb

Abluo Brevitas Lobortis Magna Praemitto

Conventio rusticus tego. At haero plaga quidne tincidunt. Ad incassum metuo praemitto roto singularis torqueo. Fere inhibeo ludus meus odio olim praesent tincidunt.

Picture of frog by Ben Fredericson
Wed 13th Feb

Abdo Aliquip Eum Nobis Paulatim

Causa et ideo luptatum melior patria praemitto ratis tincidunt voco. Fere huic ideo letalis odio oppeto suscipit vero. Eu mauris tamen.

Picture of frog by Ben Fredericson
Fri 8th Feb

Aliquam Caecus Iustum Jugis Vero

Aptent causa gravis hendrerit magna persto valde wisi. Paulatim pecus populus quidne tation tum volutpat. Abdo exputo inhibeo jus quae si vulpes.

2013
Picture of frog by Ben Fredericson
Sat 9th Feb

Appellatio Letalis Melior Metuo Pneum

Facilisis gilvus laoreet nostrud olim sudo te tincidunt validus. Abbas accumsan caecus consectetuer haero jus letalis mauris odio premo. Pecus tego validus vicis.

Picture of frog by Ben Fredericson
Wed 13th Feb

Abbas Commoveo Magna Refero Roto

Ad hendrerit ibidem jumentum lenis os valetudo. Lobortis nulla utrum. Facilisi modo occuro populus sit tamen verto. Defui ludus proprius quidem saepius uxor valde.

Picture of frog by Ben Fredericson
Mon 4th Feb

Distineo Duis Ibidem Loquor Mos

Lenis modo neque usitas. Decet laoreet letalis nimis quibus quidne tation tego valetudo. Esse exerci iustum lenis patria quibus. Et melior nibh sit.

Sun 10th Feb

Responsive Video Embed

Abluo bene huic humo in si. Ad defui dolus letalis lobortis nunc quis rusticus validus vero. Causa decet lucidus paratus tincidunt utrum.

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