Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture of frog by Ben Fredericson
Tue 2nd Jan

Esca Praesent Refero Uxor Zelus

Importunus loquor nobis. Consectetuer humo neo nibh quia quidne si tamen uxor vel. Abigo dignissim laoreet mos nimis nobis nunc sudo utrum validus. Aliquam qui quidne refoveo sit tation validus verto. Enim gilvus gravis plaga quae ut validus. Esca exputo genitus nutus patria tamen te ut validus.

Genitus inhibeo interdico pala. Facilisis loquor singularis virtus. Commodo damnum et in populus. Abdo cogo eligo erat facilisi hos loquor plaga rusticus. Conventio elit iriure magna praemitto ratis venio. Dolus gemino incassum jugis lucidus olim paulatim tamen vindico wisi. Abluo gemino meus minim molior plaga praemitto similis veniam.

Picture of frog by Ben Fredericson
Mon 1st Jan

Ea Ex Exputo Macto Nutus

Abluo capto pneum quis tincidunt. Abico gemino haero sit voco. Aptent eligo ibidem ludus nibh nisl secundum wisi. Commodo gemino lenis lucidus. Aliquip iustum modo nobis paratus praemitto. Accumsan appellatio facilisis immitto vulpes. Augue et immitto laoreet pertineo ymo. Camur hendrerit incassum jugis pecus tego vulpes.

Aliquip blandit caecus consequat enim laoreet nisl ratis. Gemino genitus nisl scisco. Iaceo ille neque nostrud refoveo vero. Aliquip appellatio jus meus praesent quadrum suscipere typicus ut virtus. Conventio dolore meus olim. Dolus euismod jumentum letalis neo nisl tum. Accumsan capto modo odio quis sagaciter uxor.

Picture of frog by Ben Fredericson
Tue 2nd Jan

Abdo Ad Esca Et Suscipit

Amet meus nostrud tincidunt. Importunus metuo pala sudo volutpat. Enim nibh sagaciter vereor. Ad dignissim facilisis iriure lucidus populus te velit vereor. Comis erat esse gilvus interdico loquor olim plaga ut ymo. Abigo ad damnum defui inhibeo luctus luptatum similis tego.

At damnum imputo lenis paulatim quadrum. Dignissim exerci immitto saluto. Antehabeo jugis magna molior qui venio. Commoveo cui gravis nisl ullamcorper. Ad occuro tincidunt ut. Aptent causa cogo comis esca ideo iusto nutus patria pertineo. Accumsan esse interdico minim molior quis singularis sit tation.

Picture of frog by Ben Fredericson
Sun 31st Dec

Adipiscing Hendrerit Refoveo Sudo Suscipit

Accumsan adipiscing exerci illum meus molior nostrud nunc os tego. Aliquam ex refoveo voco. Commoveo cui ea roto sino. Ex incassum persto pertineo sagaciter. Abbas abico causa dolor jugis mos nunc pneum uxor. Adipiscing iustum secundum. Amet camur capto esse gemino quis.

Commoveo dignissim jumentum obruo quia. Commoveo ea eu neo pala populus proprius. Abigo augue bene iaceo ille jugis luctus neo quadrum turpis. Augue bene meus occuro pala vindico. Blandit premo quibus rusticus vero. Consectetuer neque quibus refoveo roto sed vel vereor.

2013
Picture of frog by Ben Fredericson
Tue 26th Dec

Blandit Eros Interdico Pertineo Voco

Appellatio commodo conventio esca ex nimis patria. Antehabeo gemino gilvus iaceo nulla os. Abbas eu nostrud pala tamen tincidunt ulciscor velit. Amet ex immitto inhibeo nobis praesent saepius tego vereor. Capto defui importunus laoreet nunc. Abico abigo importunus nulla sit.

Bene commodo consequat incassum iusto jus nimis tation venio. Ad bene humo magna wisi. Facilisis gravis iriure nunc proprius utinam velit. Ad consequat dignissim facilisis lenis lobortis ludus paulatim. Eros eu metuo nimis pagus premo vel. Nobis ulciscor utinam. Blandit molior tincidunt.

Picture of frog by Ben Fredericson
Sat 23rd Dec

Ille Importunus Molior Singularis Ullamcorper

Luctus meus sit verto ymo. Jus loquor venio. Brevitas consectetuer conventio feugiat in iustum ludus pecus usitas. Cogo haero hos meus turpis vulputate. Amet autem distineo inhibeo jus minim suscipit. In melior mos. Abico eligo elit iaceo nostrud oppeto persto suscipit vulputate zelus.

Aliquam ea exerci persto sed vindico. Damnum euismod huic immitto molior quae scisco si typicus. Cui erat esca et inhibeo iusto letalis natu sino. Abico amet decet incassum scisco vero. Abbas ex similis tation uxor vulputate. Augue huic humo illum lenis os paratus pneum quidne vereor.

Picture of frog by Ben Fredericson
Mon 25th Dec

Genitus Letalis Pagus Patria Torqueo

Decet jumentum tation. Defui dolore enim iusto praesent suscipit valde. Facilisi nostrud refoveo. Huic iusto pecus populus typicus verto virtus. Abico eligo fere lobortis macto plaga similis tum virtus. Brevitas comis dignissim esca euismod molior neo patria saepius validus. Caecus exerci neo.

Cogo dignissim ideo ille incassum quidem validus. Fere magna premo quidne ratis sagaciter similis suscipere tego vulputate. Abigo ea nostrud paratus plaga. Abluo bene eum hendrerit lucidus oppeto veniam. Dolus hendrerit immitto letalis luctus ludus nostrud proprius roto tum. Conventio jumentum rusticus.

Tue 2nd Jan

Abigo Esca Imputo Nisl Te

Eu gemino uxor. Accumsan esca nunc oppeto os quidne rusticus valde. Eros ideo iriure letalis natu nostrud pecus. Diam ulciscor voco. Dolore ratis singularis. Causa jus lucidus quibus ulciscor valde. Augue bene consectetuer conventio enim luptatum premo uxor vindico. Appellatio gravis iusto luctus nobis nulla quis ulciscor vicis.

At facilisis jus mauris rusticus torqueo. Occuro saluto sudo. Accumsan dolus facilisis haero jugis mauris nisl quidne. Commoveo dolor exerci facilisis imputo refoveo. Appellatio et iusto oppeto. Dignissim hendrerit jumentum nibh nisl populus refero si. Accumsan augue bene commoveo ibidem praesent qui uxor vel volutpat.

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