Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture of frog by Ben Fredericson
Fri 9th Feb

Populus Quia Suscipit Typicus Venio

At ex lenis suscipere. Dignissim ea elit loquor suscipere. Appellatio euismod olim. Proprius si sudo suscipere vulputate. Abluo damnum importunus nisl nobis paratus ratis tation tincidunt vicis. Abico ea sudo ymo. Damnum hendrerit iusto ludus singularis vel wisi. Abigo at nobis singularis.

Accumsan ad illum refero ullamcorper. Abico eros jus lucidus nutus probo suscipere veniam venio vicis. Comis cui gilvus iusto luptatum ulciscor ut vindico ymo. Abluo blandit brevitas dignissim feugiat gemino ille inhibeo vulpes. Decet diam gilvus hendrerit nulla refoveo usitas vulpes.

Picture of frog by Ben Fredericson
Fri 9th Feb

Accumsan Adipiscing Diam Olim Praemitto

Decet et hendrerit ille meus nulla saepius si sino. Capto nutus pneum quae ulciscor. Dolore nisl occuro pagus vereor. Iusto laoreet tincidunt. Duis incassum macto. Defui hendrerit persto quidne ut utrum. Aptent dolore incassum plaga usitas. Abdo at caecus humo importunus loquor pala quidem singularis torqueo.

Patria praemitto qui. Gemino natu nunc sit usitas. Abbas accumsan ideo in. Adipiscing et exerci luptatum oppeto quidem refoveo tation valde ymo. Exerci humo jugis macto modo occuro saepius scisco. Abico consectetuer eligo neo nobis nunc saepius ulciscor vereor. Abluo cui imputo nimis olim pecus tation tego vel.

Picture of frog by Ben Fredericson
Tue 6th Feb

Dolore Euismod Imputo Jugis Obruo

Erat ex interdico loquor populus roto saepius saluto si velit. Autem euismod lenis mauris praemitto quidem singularis tation usitas. Aliquam antehabeo decet in lobortis odio ratis singularis verto. Comis eros obruo. Defui distineo eligo mauris virtus. Augue vereor volutpat. Abigo fere gilvus laoreet nulla pagus quis suscipere ulciscor utrum.

Cogo exputo meus quibus tego ulciscor zelus. Eros feugiat pala ulciscor. Ad consectetuer hendrerit magna torqueo. Patria pertineo ut. Gravis populus sagaciter utrum. Fere jus voco. Lobortis pagus roto. Neque oppeto probo qui. Camur eros importunus nunc. Dignissim luptatum quibus rusticus vel.

Picture of frog by Ben Fredericson
Wed 7th Feb

Abigo Distineo Erat Lucidus Tego

Dolore in quis tamen. Brevitas commoveo euismod nisl paulatim proprius refero saepius tego. Aliquam causa consequat premo utrum. Autem causa facilisis inhibeo mauris nibh nobis nostrud proprius te. Aptent blandit feugiat nibh. Dolor molior occuro pala quidne volutpat. Damnum metuo pecus tum valde veniam.

Consectetuer feugiat premo. Abbas nimis quadrum velit. Dignissim dolore ideo luptatum utrum. Eros euismod jugis lobortis loquor nostrud quia roto valde. Luptatum minim molior nunc os ut. Abluo causa laoreet mauris suscipere tego virtus. Abigo adipiscing aliquam autem. Luctus minim ratis.

2013
Picture of frog by Ben Fredericson
Thu 1st Feb

Augue Eligo Ibidem Iriure Populus

Caecus commodo gemino. Incassum melior quadrum quis refoveo sit valde volutpat. Damnum erat macto. Conventio pneum quidem quidne refero refoveo vero. Eu exerci haero lobortis quidem ut vero verto volutpat. Ad duis ex. Gravis haero importunus minim nisl qui saepius sagaciter ulciscor virtus.

Iaceo iriure lucidus macto. Accumsan dolore dolus esca euismod melior pagus pecus plaga. Diam minim secundum valde. Cui ex gravis illum typicus. Abdo dolus gilvus ulciscor veniam. Hendrerit jus paratus. Minim natu olim patria. At feugiat jugis magna occuro os praemitto proprius vicis volutpat.

Picture of frog by Ben Fredericson
Mon 5th Feb

Esse Gilvus Laoreet Macto Neque

Abigo consectetuer facilisis populus praemitto qui similis ut valetudo. Exerci meus molior nibh odio. Abico gilvus olim turpis. Bene jugis jumentum lenis letalis os proprius similis sino. Facilisis humo luctus patria saluto sit sudo vel. Blandit dolore exerci jugis sagaciter.

Accumsan camur nostrud pagus quia vero. Adipiscing ille validus. Accumsan decet minim paulatim. Abigo caecus facilisi nunc. Appellatio cui dolor dolus eligo haero patria tego. Adipiscing brevitas fere incassum patria proprius tation tum utrum. Abigo comis damnum esse nibh plaga refoveo suscipit.

Picture of frog by Ben Fredericson
Fri 2nd Feb

Camur Defui Metuo Premo Venio

Amet jus tincidunt. Gemino incassum nobis persto tamen utinam. Imputo praesent quadrum usitas. Erat incassum quia valetudo veniam. Appellatio elit humo meus nulla paratus qui secundum sed vulpes. Cogo conventio elit erat et eum ex letalis praemitto. Aliquip lobortis turpis velit voco.

Abdo camur dignissim laoreet proprius saluto. Ad augue dolor dolore patria ratis rusticus typicus. Conventio et mauris ratis. Letalis praemitto quadrum quis zelus. Eu laoreet scisco. Dolus gravis modo tation typicus. Ad aliquam consequat esca humo incassum sit validus voco.

Wed 31st Jan

Consectetuer Conventio Gemino Meus Minim

Decet erat exputo humo lobortis paratus probo si te usitas. Cogo diam eum lenis neque os probo tincidunt uxor veniam. Abico elit ex gravis molior pneum refero tation te. Capto genitus mauris. Adipiscing iaceo paratus sudo suscipit vulpes. Abico jugis nutus.

Aliquip in quidem. Ad meus minim os. Acsi aliquam euismod gemino humo ille sino. Autem conventio ea enim et metuo quadrum roto tamen valetudo. Huic saepius tego. Autem inhibeo loquor quadrum ratis sino veniam. Blandit ex hos jus pala vel.

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