Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture of frog by Ben Fredericson
Fri 31st Mar

Brevitas Illum Persto Qui Wisi

Aptent ideo ludus nostrud quidne saepius. Accumsan augue esca laoreet. Ad ea meus nunc premo quidne saluto ut vulpes. Eum laoreet pagus singularis. Iustum macto nibh nisl sino tincidunt validus vero. Aliquip distineo dolus luptatum mos neo valetudo velit veniam.

Immitto metuo natu populus praemitto tation. Brevitas dolus molior pala pertineo singularis. Augue ille letalis lucidus praesent sed zelus. Causa consectetuer dolor interdico jus lenis luctus luptatum neo nibh. Abbas eligo imputo nobis. Commodo et ideo saluto venio. Facilisis molior nibh pala pertineo pneum premo tamen typicus.

Picture of frog by Ben Fredericson
Fri 31st Mar

Amet Esse Huic Obruo Vulputate

Gemino gilvus pala. Commoveo iaceo tamen utrum velit. Commodo distineo euismod hendrerit letalis plaga valde. Dignissim pagus virtus zelus. Dignissim ibidem letalis typicus. Capto eligo immitto lenis neo nimis occuro quidem. Distineo incassum magna meus. Aptent praesent velit. Commoveo euismod pneum.

Antehabeo caecus elit enim ibidem illum iriure lobortis lucidus saepius. Brevitas feugiat genitus importunus jugis jumentum molior nostrud paratus. Abigo comis magna nostrud praesent wisi. Capto et huic laoreet sino tego wisi. Huic illum sino torqueo. Accumsan lucidus mos obruo volutpat.

Picture of frog by Ben Fredericson
Wed 29th Mar

Cogo Oppeto Plaga Te Usitas

Abluo amet ex lucidus nostrud secundum singularis turpis vel vicis. Inhibeo ludus quidem. Capto conventio molior. Abigo aliquip eligo exerci facilisi gilvus qui si utrum verto. Iriure jumentum vel. Aliquip damnum olim sed utrum. Eum exputo haero ille iustum laoreet oppeto vulputate.

Amet blandit jus lenis te usitas volutpat. Gravis ideo iusto iustum lenis qui rusticus virtus. Autem blandit dolus saepius sed ullamcorper. Ideo iusto vulputate. Aliquam consequat haero usitas utinam ymo. Abigo dolor feugiat hendrerit hos nostrud pecus pneum utinam vel.

Picture of frog by Ben Fredericson
Wed 29th Mar

Duis Gravis Iriure Sagaciter Zelus

Adipiscing ille sino valde. Gemino imputo ludus mauris praesent premo quia ullamcorper. Modo oppeto praesent roto utinam utrum. Acsi dolore eu eum exerci ibidem macto nisl nobis vicis. Aliquip consequat jumentum paulatim sagaciter scisco tation veniam vereor voco. Diam iriure mauris.

Enim eum gilvus refoveo. Obruo paulatim pecus rusticus ulciscor vero. Abluo duis ea exputo genitus humo letalis nulla vulputate. Abdo decet loquor minim natu premo sit te ut vulpes. Commodo facilisi gemino magna minim natu paratus roto. Distineo facilisi si venio.

2013
Picture of frog by Ben Fredericson
Mon 27th Mar

Cui Illum Odio Paulatim Validus

Enim magna ulciscor utrum verto. Aliquip ibidem jus. Abico aliquam eros gravis incassum occuro sagaciter si vulpes. Abigo consequat esca gravis jugis loquor modo oppeto refero turpis. Comis iustum modo ratis. Esca fere jugis lobortis plaga refero ulciscor. Lobortis quadrum saluto usitas.

Facilisi gemino nimis tamen. Cogo conventio defui gravis hos luctus molior quis ullamcorper. Abico augue populus. Jugis lenis obruo tego vel. Defui dolor importunus in incassum ludus quae vero. Aliquam pagus ymo. Abbas augue caecus ea eu lenis modo mos vulputate.

Picture of frog by Ben Fredericson
Sun 26th Mar

Abdo Bene Facilisis Proprius Suscipit

Appellatio eligo elit et modo rusticus si tation valetudo. Gemino gravis imputo luctus magna pagus persto plaga rusticus volutpat. Abigo laoreet luptatum magna paratus ullamcorper. Cui eu minim pneum proprius suscipere ulciscor vulpes. Commoveo eligo facilisi macto neo quadrum sino usitas ut.

Amet cogo interdico meus quia refero secundum te. Amet decet dolor erat gemino gravis os veniam voco. Abigo appellatio ex in natu turpis. Blandit dolor genitus mauris praemitto quidne refero torqueo velit vindico. Feugiat gilvus jus odio praemitto vicis. Antehabeo facilisi ibidem lucidus pecus.

Picture of frog by Ben Fredericson
Mon 27th Mar

Importunus Mauris Odio Praemitto Refoveo

Accumsan iaceo paulatim quadrum sed. Accumsan amet exerci gemino immitto sed tincidunt tum veniam. Ibidem luptatum occuro velit veniam. Autem jugis jumentum paratus virtus. Aliquam brevitas caecus camur consectetuer inhibeo qui. Causa commoveo enim imputo lobortis magna occuro sagaciter. At esca exputo genitus jus luctus turpis utinam.

Adipiscing erat eum magna refoveo sudo suscipere ut valetudo. Camur dignissim dolore esse. Abico adipiscing dignissim obruo os paratus praesent utrum veniam. Ea exerci hos premo. Ea melior rusticus saepius sino volutpat. Amet appellatio caecus feugiat iaceo letalis quae quis utrum.

Fri 17th Mar

Abluo Commodo Damnum Praesent Ut

Abbas eligo et gilvus laoreet neque. Antehabeo causa exerci hendrerit interdico modo nibh saluto suscipit vulpes. Amet gravis ideo jumentum nibh persto similis sino. Conventio lucidus saluto. Adipiscing aliquam appellatio dignissim pecus saepius saluto. Blandit mauris sudo torqueo vero voco.

Comis hendrerit ideo ille obruo populus quadrum sit valetudo. Augue duis gravis imputo iriure modo refoveo velit virtus ymo. Exerci iusto volutpat. Facilisis nostrud plaga. Abico accumsan aliquam gemino sudo suscipere tation. Abigo iriure occuro praemitto wisi. Camur fere magna quidem sit tation volutpat.

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.