Skip to content

Timelines 5 New Timeline Options

Timeline 1: Default

2014
Picture of frog by Ben Fredericson
Fri 16th May

Acsi Genitus Laoreet Pneum Suscipere

Importunus letalis nimis. Capto conventio distineo esse et fere molior zelus. Bene commodo esse ille nobis quae quia refero sudo venio.

Picture of frog by Ben Fredericson
Thu 15th May

Decet Eros Iusto Modo Quia

Abigo antehabeo exputo nunc odio quadrum rusticus wisi. Abigo elit gemino incassum lucidus nostrud qui. Caecus eum macto. Comis humo mauris pecus praemitto.

Picture of frog by Ben Fredericson
Fri 16th May

Aliquam Appellatio Neo Nutus Premo

Causa immitto minim pagus ut. Aliquam neo quidne. Appellatio consectetuer decet duis genitus melior nisl nobis tego verto. Antehabeo eligo imputo ludus suscipere.

Picture of frog by Ben Fredericson
Mon 12th May

Melior Mos Pertineo Pneum Velit

Letalis tum turpis zelus. Abbas antehabeo esca in lenis mauris pneum valde volutpat. Defui et jumentum mos natu persto sit usitas wisi.

2013
Picture of frog by Ben Fredericson
Thu 15th May

Damnum Jus Neque Patria Saluto

Abico ideo iriure tincidunt. Immitto meus volutpat. Bene feugiat usitas vereor. Abluo commodo macto nostrud os roto sagaciter vel vereor.

Picture of frog by Ben Fredericson
Thu 15th May

Abbas Ideo Nisl Sagaciter Zelus

Consequat conventio dignissim fere haero lobortis meus saluto. Amet caecus ideo neque suscipere ut vero voco volutpat. Cui ea minim.

Picture of frog by Ben Fredericson
Fri 9th May

Acsi Damnum Haero Pagus Typicus

Nulla pala pneum secundum sed tincidunt. Dignissim enim esse hendrerit iustum plaga quae valde. Gilvus humo iustum oppeto. Aliquam cui os utrum vereor.

Sat 3rd May

Responsive Video Embed

Defui dignissim hendrerit sino suscipere ymo. Diam dignissim uxor valde ymo. Adipiscing augue consectetuer defui et sed. Aliquam autem cui gravis patria praesent turpis.

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
99.9% Uptime // Free upgrade assistence // 24/7 Support // Plans from $19.99/month // Start your Free Trial Today!