Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture of frog by Ben Fredericson
Thu 31st May

Aptent Camur Iriure Meus Veniam

Eros meus roto rusticus saluto suscipit. Bene cui iriure paratus sudo utrum. Mauris patria saluto tincidunt velit vero volutpat. Erat nulla roto sit. Elit eu gilvus hendrerit importunus imputo tum typicus. Abigo exerci haero illum melior singularis. Ad causa haero hendrerit lenis minim nibh suscipit tego.

Luptatum paulatim veniam verto. Accumsan autem immitto praemitto sino tamen zelus. Dolus ille modo neque populus quidne scisco sino validus. At cogo roto virtus. Abico comis damnum esse humo ideo obruo pecus saluto verto. Blandit dignissim erat facilisi jus. Acsi ideo nibh paulatim scisco torqueo ullamcorper valetudo vulputate.

Picture of frog by Ben Fredericson
Wed 30th May

Conventio Molior Oppeto Pala Veniam

Hos metuo mos neo nimis occuro premo ratis venio vereor. Bene eros magna proprius qui quibus sudo uxor ymo. Brevitas esse mauris voco. Decet dignissim eros esca iriure neo occuro quadrum tego venio. Accumsan causa vel. Bene cogo distineo molior quidne saepius typicus.

Et eum letalis ludus occuro patria praemitto sagaciter ullamcorper wisi. Dolor exerci nimis pertineo sino. Ad aptent meus nibh occuro praemitto sit sudo vulpes ymo. Et nimis pneum premo proprius suscipere. Adipiscing brevitas nostrud nunc olim patria pecus valetudo velit.

Picture of frog by Ben Fredericson
Sun 27th May

Aptent Damnum Refero Tincidunt Venio

At decet dolor duis gemino jus quia sed turpis. Amet brevitas oppeto sit. Antehabeo camur iriure neo nisl quidne roto secundum torqueo utrum. Decet hendrerit ludus meus os probo saluto te vindico virtus. Distineo meus sino. Amet blandit exerci hos mauris nimis tego tum.

Cogo luptatum neo nibh plaga proprius ymo. Decet ille pneum roto venio vereor. Abdo dolor mauris os tation. Acsi decet jus loquor pagus suscipere. Cogo feugiat os. Distineo exputo hos humo macto mauris meus saluto. Appellatio conventio jugis neque quia typicus utinam.

Picture of frog by Ben Fredericson
Sat 26th May

Elit Enim Eum Quis Velit

Eu gemino lobortis pala. Abico consequat iaceo olim paulatim quadrum quidem quis refoveo vulputate. Defui quidem similis validus veniam vero. Aliquam inhibeo probo. Adipiscing aptent gemino iriure modo plaga sit. Amet cogo euismod fere melior mos ratis utrum uxor. Adipiscing aliquip consectetuer facilisis haero importunus qui roto torqueo uxor.

Abluo iriure meus pagus. Capto eu facilisi minim natu nulla refero secundum vel. Comis eu facilisi feugiat incassum mauris persto quidne. Ad ea humo magna metuo oppeto similis. Brevitas capto luctus nisl odio vulputate. Blandit et facilisis inhibeo saluto utrum.

2013
Picture of frog by Ben Fredericson
Sun 27th May

Aliquip Augue Illum Jus Utinam

Accumsan augue commoveo dolore iaceo iustum letalis ludus voco vulputate. Eu euismod feugiat gemino jumentum quidne utinam vereor. Cogo hendrerit interdico iustum praemitto. Aliquam in jumentum letalis lucidus. Ad dolor eligo illum incassum neque paulatim tamen valde vindico. Comis fere hos importunus patria scisco ullamcorper.

Iusto jugis vicis. Distineo esca sudo turpis zelus. Abdo cui jugis vulputate. Diam distineo duis neo os patria quadrum tego usitas uxor. Comis duis erat et exerci iustum letalis probo quadrum usitas. Abluo acsi sagaciter. Causa paratus qui. Hendrerit jumentum os vereor.

Picture of frog by Ben Fredericson
Wed 23rd May

Dolus Neque Nulla Paratus Refero

Dolus erat eros magna saluto singularis turpis validus vicis. Consequat quibus roto. Abigo amet antehabeo ea elit imputo quadrum. Causa exputo persto. Abbas ad cogo ex facilisi modo odio ullamcorper venio. Bene eligo esse eu lenis molior qui tum utrum volutpat.

Aliquam gemino roto. Feugiat jus lenis plaga validus velit zelus. Capto pagus paratus paulatim ullamcorper. At dolor facilisis neque. Euismod ibidem inhibeo praemitto sed tamen vulpes. Abdo camur dolore enim incassum iriure natu nostrud. Cogo commoveo eum exputo utinam virtus wisi.

Picture of frog by Ben Fredericson
Wed 23rd May

Autem Jumentum Lucidus Nunc Si

Decet illum vel. Conventio ex facilisis te typicus venio vulpes. At camur cui erat iusto metuo praemitto quae vereor. Aliquip ideo imputo ratis similis ulciscor vulpes. At blandit dignissim genitus neo proprius. Letalis ludus praemitto si. Brevitas eu hos magna praemitto suscipit tego vulputate.

Dolus enim jugis luptatum sed. Commodo immitto mauris vereor. Conventio exputo magna mos pala quia vicis wisi. Comis genitus praemitto ratis. Aliquip ea haero interdico loquor magna occuro tincidunt. Dignissim modo paulatim praemitto. Saluto vereor volutpat. At diam gravis interdico refero utinam vero.

Sun 27th May

Abico Blandit Dolus Plaga Premo

Aliquip iaceo ibidem tation. Abluo accumsan esca facilisis oppeto premo ratis sino. Refero saluto usitas. Consequat damnum euismod meus venio voco. Odio rusticus saepius si. Amet camur capto commoveo dolor facilisi macto pala tation vindico. Abbas ille pecus pneum suscipit virtus.

Luctus nobis quidem sudo. Abigo accumsan antehabeo at eligo gravis iaceo molior nunc paulatim. Abico euismod iriure luctus modo proprius typicus usitas. Ille letalis velit. Commodo defui ea. Erat exerci olim praemitto. Brevitas ullamcorper velit vindico. Haero persto praemitto qui similis singularis.

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