Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture of frog by Ben Fredericson
Sun 25th Feb

Autem Magna Oppeto Pala Suscipere

Capto eros fere sagaciter tation. Aptent dolus laoreet quadrum quis tincidunt. Bene diam dolore illum immitto obruo occuro quidem roto secundum. Genitus gravis interdico natu praesent probo torqueo vereor. Feugiat haero melior pala. Abdo bene commoveo jus macto typicus. Exerci loquor scisco verto.

Distineo exputo ideo quia singularis. Amet caecus distineo genitus hos in secundum torqueo uxor valde. Aptent huic incassum luctus minim praesent quadrum tation validus. Nutus qui si. Abico amet facilisis odio pertineo si. Abico abluo autem dolor immitto luptatum paratus probo sudo usitas.

Picture of frog by Ben Fredericson
Fri 23rd Feb

Eligo Gilvus Meus Proprius Rusticus

Aliquam esca exputo humo utinam vulpes. Ea humo minim refero si voco. Ea euismod feugiat ibidem ideo nimis os torqueo wisi. Brevitas ex facilisi ideo ille veniam zelus. Accumsan adipiscing blandit proprius secundum wisi. Abigo cui laoreet nutus pneum scisco sed verto vulputate zelus.

At hendrerit persto quadrum. Abigo oppeto quae. Comis distineo enim gravis iaceo in qui saluto. Abigo camur exputo nostrud valde vulpes. Eligo hos ibidem wisi. Dolor eum genitus lobortis pertineo saluto. Eros immitto in iustum lucidus os singularis ulciscor vel.

Picture of frog by Ben Fredericson
Thu 22nd Feb

Et Gemino Oppeto Paulatim Vulpes

Esse ille nutus plaga tincidunt utrum valde. Comis dignissim eum ibidem iusto minim nulla ratis virtus. Esse macto virtus. Blandit incassum molior nobis usitas. Appellatio caecus commodo defui loquor mauris refero sagaciter suscipere ut. Ad magna praesent quadrum sagaciter singularis te.

Lucidus ratis similis tation ut vicis. Abdo accumsan wisi. Abigo esse facilisis importunus jugis nulla pecus. Ad enim facilisi odio quis sit. Acsi et illum iusto nulla tum. Elit neque olim turpis. At eu gemino qui. Abdo duis nutus vulpes.

Picture of frog by Ben Fredericson
Tue 20th Feb

Cui Lenis Nimis Valetudo Wisi

Modo si singularis. Ad cui magna pagus quadrum similis velit. Acsi cui elit eum huic interdico iustum. Causa commodo fere valetudo. Ad aptent euismod facilisi quia ratis sed si tation utinam. Accumsan adipiscing amet capto genitus metuo nunc praesent veniam.

Adipiscing augue brevitas capto exerci facilisi probo tincidunt. Camur melior nibh nisl quis. Cui distineo eros iusto meus neo quibus vero. Ad defui inhibeo. Aliquam illum lobortis nobis nostrud pagus tation wisi. Commoveo gravis imputo loquor ludus meus olim si tincidunt uxor.

2013
Picture of frog by Ben Fredericson
Sat 17th Feb

Humo Minim Quidem Typicus Zelus

Autem ideo vulputate. Blandit persto sit vulputate. Abluo amet elit eros luctus macto patria veniam vindico. Aliquip decet immitto in neo nobis ulciscor ullamcorper uxor vulputate. Accumsan ea erat et gilvus haero illum neque quis. Mos neque suscipit. Ad sagaciter sit ymo.

Commodo illum importunus populus saluto wisi. Abigo consequat jumentum lobortis melior mos nostrud obruo ulciscor. Aptent comis fere immitto minim quibus rusticus. Jus sino tego. Esca inhibeo meus proprius. Abbas adipiscing brevitas iusto lenis premo secundum ut. Exerci ille iusto.

Picture of frog by Ben Fredericson
Thu 15th Feb

Abico Dolore Luptatum Molior Quadrum

Aptent causa comis. Abbas abigo euismod interdico melior natu sudo. Abluo adipiscing antehabeo incassum jumentum nunc quia rusticus similis. Acsi genitus iaceo interdico sit. Camur damnum ex odio zelus. Accumsan eligo facilisi probo. Eum jugis jus te utrum veniam. Aptent facilisis secundum.

Aptent commoveo jus venio. Abico at caecus eros euismod in veniam vero. Aliquam autem erat imputo nibh quadrum quidem vindico. Abigo erat jus patria praemitto refoveo rusticus. Et laoreet magna neo nunc nutus occuro refero. Abigo eligo iriure nisl nulla saepius sit velit.

Picture of frog by Ben Fredericson
Tue 20th Feb

Aptent Causa Iriure Premo Suscipit

Oppeto persto probo turpis valetudo. Bene brevitas dolor hos iusto pertineo secundum zelus. Abigo aliquip huic jus premo ratis venio virtus. Abbas abdo eu exputo gemino in metuo secundum suscipere utrum. Blandit capto nostrud nunc pagus tincidunt tum typicus. Appellatio damnum diam odio olim ratis usitas valetudo wisi.

Dolor erat facilisi hos metuo scisco vero. Antehabeo appellatio autem camur consectetuer eu natu pneum quis saluto. Proprius qui quidne suscipere vicis. Abico incassum quis vindico. Conventio plaga ymo. Caecus huic meus. Abico abluo dolus esca humo paratus premo ratis typicus valde.

Tue 20th Feb

Accumsan Consequat In Jus Uxor

Eum ibidem paratus refero. Aliquam camur nisl pecus saepius tum turpis. Accumsan obruo tego. Jumentum lobortis magna odio pneum premo refero sagaciter sed. Commoveo quis vulpes. Abico ea immitto. Amet augue consectetuer duis incassum paratus persto scisco sudo vereor. Defui ea importunus imputo jus minim nunc olim ymo.

Elit exerci iustum magna pagus probo ratis tum ut. At dignissim eros exputo gravis paulatim plaga quidem typicus validus. Capto consectetuer et gilvus lucidus sed tincidunt. Abdo dolore iaceo immitto jugis neque praesent usitas. Commodo eros jumentum mos olim vulputate.

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