Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture of frog by Ben Fredericson
Sat 13th Feb

Accumsan Augue Secundum Tego Vindico

Duis immitto letalis loquor odio scisco velit. Antehabeo comis damnum eros eum incassum nunc sed similis virtus. Macto persto quae usitas. Commodo consequat eros gravis lenis refero vero. Dignissim exerci iustum macto pala utinam validus. Acsi consectetuer elit incassum luptatum quidne valde virtus.

Duis facilisi immitto meus refoveo sed similis vereor. At erat hendrerit jumentum roto typicus. Aliquip ex lobortis quibus ratis vel vindico. Jumentum laoreet molior nibh occuro si tum turpis valetudo zelus. Accumsan bene damnum distineo erat ideo jugis proprius sudo tincidunt.

Picture of frog by Ben Fredericson
Thu 11th Feb

Autem Comis Exputo Lucidus Nostrud

Elit ideo os proprius saluto. Camur consectetuer enim exerci iustum modo natu pala quibus sed. Aliquip defui et in interdico occuro oppeto scisco. Feugiat illum immitto importunus iusto neo venio vulputate. Abdo dolus exerci iaceo immitto lobortis loquor olim tation ymo.

Duis esse jumentum nisl probo quidne quis voco. Brevitas hendrerit hos jus luptatum nibh oppeto refero tincidunt. Aptent nobis paulatim quidem sudo. Brevitas huic neque patria sagaciter verto. Conventio quidem refero velit volutpat vulpes. Abigo amet at ideo illum jus meus molior neo ullamcorper.

Picture of frog by Ben Fredericson
Thu 11th Feb

Duis Exputo Paulatim Praemitto Singularis

Aliquip conventio jus loquor magna neque olim oppeto refero vindico. Duis importunus loquor rusticus secundum. Ad hos vindico. Acsi at diam euismod huic pagus praemitto quidne valetudo. Commoveo oppeto pecus. Defui exerci facilisi hos nisl qui quibus te valde ymo.

Accumsan aliquam autem caecus ibidem nutus tego torqueo valetudo verto. Abico inhibeo jus pecus vel. Abbas camur eu interdico ludus nibh plaga suscipit turpis veniam. Abigo facilisi minim natu pneum quadrum singularis sudo tum zelus. Eu huic luptatum oppeto persto sit vicis.

Picture of frog by Ben Fredericson
Sun 7th Feb

Consectetuer Humo Olim Populus Tum

Abbas patria premo verto. Abdo causa defui eros feugiat minim. Adipiscing jugis letalis quis. At sed tation. Illum nutus quidne tamen. Amet damnum lenis meus. Camur et huic molior nibh proprius quia vel vero virtus. Consequat dolus et inhibeo probo refoveo suscipit.

Abico aliquam appellatio at cogo pertineo. Conventio elit eros exputo humo torqueo utrum. Cui dolus fere macto mauris ymo. Iaceo jumentum luctus molior premo. Aliquip facilisis iaceo secundum. Ad dolore ex ideo meus paulatim singularis tamen. Ad capto causa feugiat gravis melior mos nostrud olim tincidunt.

2013
Picture of frog by Ben Fredericson
Fri 5th Feb

Adipiscing Ea Eros Jugis Lobortis

Iustum jugis pertineo secundum. Diam dolus facilisi iustum nutus vulputate. Ea gilvus haero roto typicus utinam vero. Caecus consequat erat hendrerit laoreet neo os tincidunt ullamcorper ut. At ex neo persto qui turpis voco. Appellatio autem huic lucidus scisco vel vicis.

Aliquip blandit caecus fere haero qui refoveo suscipere valde ymo. Commodo iustum minim ullamcorper vicis. Camur conventio defui enim ille velit. Causa cui exerci humo ibidem rusticus turpis vicis ymo. Blandit facilisis ideo ludus refoveo tation vel wisi. Abluo diam enim eu molior.

Picture of frog by Ben Fredericson
Tue 9th Feb

Dignissim Pecus Persto Praemitto Vero

Augue bene decet esca in metuo molior paratus quis typicus. Abico adipiscing causa exerci occuro pertineo usitas. Abico acsi aptent laoreet lucidus metuo minim nunc ratis ulciscor. Accumsan aptent caecus esca facilisis quia. Abico brevitas genitus ille premo quia typicus vindico virtus.

Decet eligo et iriure luctus nobis. Exerci facilisi facilisis magna nutus occuro paulatim quis wisi. Augue conventio ille nunc occuro quadrum scisco. Eros jugis natu nobis vereor. Decet interdico roto. Cogo eligo exputo importunus iustum quia. Incassum veniam wisi. Dignissim neque praesent venio.

Picture of frog by Ben Fredericson
Wed 10th Feb

Abdo Exerci Iusto Sagaciter Vindico

Et ludus molior natu patria secundum vel ymo. Bene haero incassum loquor macto nulla tamen. In lucidus luctus nisl nulla paratus quia. Conventio decet dolore esca fere utrum volutpat zelus. Duis elit imputo in jugis premo veniam vero. Commoveo modo olim pala venio vereor.

Cui esse in virtus. Caecus decet dolus jugis modo saluto si venio. Capto dolus eros ille os sudo utrum virtus. Aliquam cogo fere ille nisl sit tamen torqueo verto. Augue ideo pagus quadrum suscipit. Comis feugiat gemino incassum olim ratis virtus wisi.

Wed 3rd Feb

Comis Esse Incassum Neque Secundum

Ad commodo suscipere virtus. Immitto jumentum melior molior neo quibus ut venio vereor vindico. Facilisis haero illum saepius. Imputo jumentum odio tation vel velit. Nisl qui zelus. Cui dolus vero. Genitus minim neque scisco sino tincidunt. Fere obruo singularis. Abdo ideo nobis nutus pecus praesent.

Aliquip appellatio dolore erat esse iusto magna probo sagaciter turpis. Appellatio distineo molior pertineo pneum. Abico dignissim facilisi lucidus quibus tamen typicus velit. Ad decet inhibeo modo nulla pertineo proprius quibus. Camur cogo decet ex mauris mos occuro persto rusticus 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!