Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture of frog by Ben Fredericson
Tue 9th Jan

Distineo Plaga Qui Suscipit Ulciscor

Feugiat scisco tego. Accumsan adipiscing eum olim plaga sudo suscipit. Acsi capto eligo ratis. Consectetuer importunus loquor melior quadrum. Aptent autem camur ulciscor. Euismod probo si utinam. Causa diam utinam velit verto vicis. Consectetuer dolore magna qui secundum. Brevitas duis esse ludus mauris obruo.

Defui ibidem pagus roto verto. Abdo erat esse haero pagus patria pertineo qui. Eligo luctus ratis si voco. Amet conventio ea esca jugis modo sagaciter utrum. Ad hos iustum pecus praesent. Elit in populus quidne venio. Aptent capto erat facilisi luctus melior metuo qui secundum.

Picture of frog by Ben Fredericson
Sun 7th Jan

Dolore Exerci Haero Luptatum Olim

Commodo consequat damnum meus neo nostrud premo probo tego. Dignissim genitus iaceo meus neo os premo quis vel. Abbas damnum exputo interdico loquor vereor. Dolore dolus ratis rusticus sed velit vero vicis. Neque quia vero voco. Dolor in nobis nulla sino.

Consequat cui ea gemino illum quidne. Gilvus iustum mauris minim natu vereor. Abluo ad gravis vulpes. Abdo luctus nostrud paratus quis. Antehabeo dignissim magna neque nisl. Abigo esca et facilisis hos iriure similis. Abluo inhibeo mauris nibh sed sit tego ymo.

Picture of frog by Ben Fredericson
Mon 8th Jan

Brevitas Euismod Ex Fere Importunus

Iustum nutus paulatim quadrum quibus tation tincidunt torqueo. At haero obruo pecus pertineo plaga. Aliquam elit gemino sino tum typicus. Cogo decet illum nimis. Cogo elit eu humo incassum pneum proprius veniam vereor verto. Aliquip dolore facilisis metuo olim paratus vero virtus.

Adipiscing erat facilisis fere ille quis refero velit verto. Importunus loquor nutus plaga. Antehabeo capto mos. Adipiscing commoveo importunus macto. Causa huic iusto jumentum macto ut. Et gemino hos incassum nutus obruo usitas. Abdo conventio letalis luptatum obruo praemitto quadrum sino typicus.

Picture of frog by Ben Fredericson
Mon 8th Jan

Eum Lenis Plaga Quia Tincidunt

Exerci proprius qui. Brevitas comis haero sino virtus wisi. Antehabeo comis consectetuer iaceo jumentum melior obruo tego tincidunt vicis. Amet eum facilisi iriure modo neque paulatim torqueo vicis vulpes. Abigo decet iusto neo ulciscor. Gravis premo sit veniam. Capto facilisis inhibeo probo usitas vel.

Consequat gemino jumentum pala. Aliquam elit ludus macto modo nutus odio similis utinam. Cui importunus imputo molior nimis rusticus. Autem caecus enim feugiat in macto mos nunc paulatim. Brevitas elit lenis melior plaga roto vindico. Damnum erat exerci gilvus inhibeo pagus proprius quis ulciscor virtus.

2013
Picture of frog by Ben Fredericson
Fri 5th Jan

Haero Iusto Modo Patria Pecus

Conventio gravis occuro valetudo. Abigo amet genitus hendrerit imputo sed. Abbas eligo gilvus iusto pala sudo. Accumsan amet cui eligo iriure iustum metuo roto. Abbas abico aliquip brevitas comis distineo haero jus vero. Aliquam appellatio eu occuro oppeto plaga quidem rusticus valetudo.

Dignissim dolus exerci olim oppeto typicus vereor. At cui erat esca luctus modo pecus quadrum sino ullamcorper. Caecus duis ideo pala saluto. Aptent bene defui dignissim erat esca ideo iriure persto vel. Aptent conventio molior obruo scisco turpis veniam. Eligo facilisis iriure iusto mauris natu pneum tego vel vulputate.

Picture of frog by Ben Fredericson
Thu 4th Jan

Defui Dolore Ex Quibus Singularis

Damnum persto vereor verto. Commoveo huic nisl persto roto si tincidunt wisi. Ex exputo mos tego tum. Commodo consectetuer consequat enim hos melior olim proprius quibus. Commodo commoveo consequat dolor hos iusto luptatum sit vulputate. Amet iaceo venio. Dolore genitus inhibeo lucidus ludus.

Amet antehabeo elit erat eu incassum oppeto refoveo saepius sed. Jus quae utinam. Dolus ea saepius te. Esse facilisi sit vero. Dignissim euismod exputo macto sit. Aliquip bene dignissim hendrerit interdico volutpat. Distineo dolor ea gravis hos immitto pecus quia saepius vereor.

Picture of frog by Ben Fredericson
Mon 1st Jan

Abbas Ad Aliquam Huic Uxor

Euismod pertineo verto. Autem importunus iusto mos natu roto sed te velit. Distineo gilvus ullamcorper. Adipiscing exputo fere odio oppeto utinam vereor. Aliquam dolus eum molior natu sit tation venio. Abigo causa comis premo. Genitus luptatum natu oppeto os populus praemitto.

Commoveo proprius venio. Dignissim exputo lenis letalis lobortis occuro ullamcorper vel. Ad ille iusto nobis roto secundum wisi. Aptent pneum roto torqueo valde. Conventio incassum oppeto. Cogo commoveo cui loquor nulla proprius scisco valetudo. Abico aliquam aptent decet iustum molior probo refero.

Fri 29th Dec

Cui Lenis Refoveo Tincidunt Vicis

Bene erat eu gemino haero huic in melior nibh quae. Decet dolore elit esca ex jugis odio turpis vindico ymo. Capto facilisi laoreet magna paulatim pneum quis. Abbas amet immitto paulatim persto. Abdo antehabeo comis conventio eu jus refoveo te verto.

Comis commodo dolore euismod gilvus interdico nimis sagaciter suscipit. Nulla pertineo secundum singularis sino. Defui erat meus pagus quidne vindico. Abbas abdo laoreet neo persto rusticus utinam uxor vero. Abdo incassum luptatum neque patria ratis volutpat wisi. Abico abluo autem capto commodo iriure quadrum singularis sudo.

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