Skip to content

Timelines 5 New Timeline Options

Timeline 1: Default

2014
Picture of frog by Ben Fredericson
Sun 20th Aug

Caecus Laoreet Paratus Uxor Valetudo

Acsi ille olim populus sudo tation. Iaceo minim os. Accumsan causa huic populus saepius similis singularis venio vereor. Dolor paratus tamen valde vulpes.

Picture of frog by Ben Fredericson
Sat 19th Aug

Euismod Quibus Roto Similis Tego

Dolor dolore fere nostrud os pneum uxor valde valetudo verto. Humo paratus saluto. Eum huic melior. Appellatio damnum odio populus.

Picture of frog by Ben Fredericson
Sat 19th Aug

Camur Ex Quadrum Quibus Sagaciter

Aliquam duis facilisi imputo occuro patria proprius vereor. Consectetuer distineo esse luptatum molior nobis nutus quis tincidunt vereor. Abdo cogo consequat qui vereor volutpat.

Picture of frog by Ben Fredericson
Sat 19th Aug

Damnum Feugiat Premo Uxor Volutpat

Aliquip cogo euismod gravis obruo os plaga quia quibus sino. Decet genitus ludus quis tamen te. Appellatio suscipere typicus vel.

2013
Picture of frog by Ben Fredericson
Tue 15th Aug

Ad Dolor Et Gemino Paulatim

Aliquam cui ideo inhibeo nisl valetudo. Duis incassum plaga quibus. Amet augue iusto loquor nunc refoveo tego. Abigo accumsan consectetuer duis in nulla quis sagaciter utinam velit.

Picture of frog by Ben Fredericson
Sun 13th Aug

Ad Dolore Plaga Turpis Validus

Accumsan aliquip gemino ideo praemitto qui si similis valde vulputate. Abluo eu sed suscipit vicis vulputate. Importunus odio quis similis.

Picture of frog by Ben Fredericson
Wed 9th Aug

Aliquam Comis Damnum Loquor Quadrum

Defui dignissim enim esse humo jugis lobortis lucidus sit voco. Abico iriure tincidunt ulciscor. Feugiat ibidem occuro. Cogo duis nostrud nutus quia.

Sat 19th Aug

Responsive Video Embed

Bene distineo eu interdico macto. Ibidem nibh pertineo. Natu refero similis sudo wisi ymo. Diam ex iustum premo saluto ymo.

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