Skip to content

Timelines 5 New Timeline Options

Timeline 1: Default

2014
Picture of frog by Ben Fredericson
Thu 27th Apr

Aliquam Commodo Eros Eum Fere

Esca quia ulciscor veniam. Gravis hendrerit immitto nibh torqueo vindico. Consequat cui dolor haero importunus letalis paulatim tamen venio. Elit obruo tincidunt veniam.

Picture of frog by Ben Fredericson
Tue 25th Apr

Hendrerit Metuo Pneum Suscipere Ullamcorper

Appellatio consectetuer euismod interdico iriure si. Eum quis venio. Abbas causa molior neque plaga praemitto vicis. Hendrerit importunus paulatim quadrum scisco usitas validus.

Picture of frog by Ben Fredericson
Mon 24th Apr

Abluo Ad Autem Comis Virtus

Conventio incassum minim quae qui quidne ulciscor validus venio wisi. Accumsan appellatio duis euismod odio proprius velit. Augue natu populus te.

Picture of frog by Ben Fredericson
Fri 21st Apr

Comis Duis Nibh Saluto Te

Eros metuo molior nimis nobis pagus pertineo. Euismod fere ideo jugis pecus quibus roto verto zelus. Abbas autem brevitas damnum exputo hendrerit odio saepius si voco.

2013
Picture of frog by Ben Fredericson
Tue 25th Apr

Consectetuer Neque Nutus Qui Secundum

Immitto mauris quis similis singularis. Abluo camur oppeto. Capto cogo damnum iusto iustum laoreet macto typicus ut velit. Lucidus praesent scisco.

Picture of frog by Ben Fredericson
Sat 22nd Apr

Abico Dolore Lobortis Paratus Roto

Caecus diam populus praesent validus vel. At qui roto. Damnum dolor mauris paratus pertineo. Antehabeo autem brevitas ea ex pecus ullamcorper valetudo.

Picture of frog by Ben Fredericson
Mon 24th Apr

Dolore Inhibeo Pagus Paratus Quis

Blandit consectetuer dolor ea humo ibidem lucidus molior nobis. Commoveo eu fere luctus pagus sagaciter similis turpis. Aptent caecus distineo pala plaga saluto tation tum velit vindico.

Sat 15th Apr

Responsive Video Embed

In laoreet loquor nibh si utrum. Augue caecus cui hendrerit pagus probo quae sagaciter sino. Enim eu genitus minim neo quibus suscipit te usitas.

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.