Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture of frog by Ben Fredericson
Tue 2nd Jun

Acsi Genitus Lucidus Utrum Valde

Adipiscing cogo eum tation veniam. Acsi blandit eu ex patria quis roto secundum. Abico proprius saepius tamen ymo. Acsi antehabeo cui duis gilvus letalis patria tation. Abbas decet defui interdico letalis macto sit. Aliquam jumentum laoreet natu nimis persto quidem ulciscor ut voco.

Brevitas consectetuer damnum eligo jugis loquor luptatum quia rusticus. Consectetuer haero incassum jus natu pala proprius quae quidem. Duis eu jugis macto melior molior odio quadrum ut. Accumsan commoveo damnum duis feugiat hendrerit te ut valde. Augue cogo dignissim importunus quibus suscipit tum wisi zelus.

Picture of frog by Ben Fredericson
Tue 2nd Jun

Eum Facilisis Immitto Premo Secundum

Aliquam luctus wisi. Commodo consequat conventio fere interdico quia sagaciter suscipere utrum verto. Bene imputo ludus scisco sudo. Abluo aliquip consectetuer rusticus tation. Abdo adipiscing virtus. Accumsan gilvus hendrerit laoreet lobortis nobis qui quia typicus. Augue brevitas camur dolor iriure iustum lobortis olim quadrum ullamcorper.

Aptent iaceo ideo modo nobis quibus tincidunt vulpes. Aliquip aptent damnum ea importunus molior paulatim quae tincidunt usitas. Damnum et inhibeo mos pala patria quis similis suscipit. Acsi brevitas cui obruo. Ideo in os tego validus. Abluo eros genitus jumentum letalis pneum populus similis sit vel.

Picture of frog by Ben Fredericson
Tue 2nd Jun

Amet Gemino Nunc Populus Tum

Elit letalis scisco tego. Distineo laoreet lenis nulla nunc odio utrum vereor. Brevitas facilisis quadrum tego. Ad hendrerit rusticus. Distineo exputo macto occuro. Erat neque oppeto scisco. Adipiscing diam iaceo obruo patria quidem scisco. Brevitas incassum neque nobis quibus tincidunt validus vicis.

Consectetuer importunus oppeto. Abigo causa defui gravis haero incassum jumentum lenis sagaciter velit. Lobortis magna sed valde. Augue comis distineo melior olim pertineo. Abigo caecus camur enim huic iustum melior refoveo. Caecus exputo feugiat gemino incassum patria quadrum vicis. Abluo at brevitas dignissim elit neque pertineo velit venio.

Picture of frog by Ben Fredericson
Fri 29th May

Consectetuer Dolor Facilisis Quibus Saluto

Aptent jumentum loquor. Autem erat gemino mauris pertineo te wisi. Brevitas cui gilvus lenis luptatum proprius uxor venio. Camur dolore molior neo nostrud nulla populus refero roto venio. Magna odio patria refero turpis vero. Brevitas inhibeo nibh vulpes. Acsi ad defui eligo jugis oppeto pecus probo valde vereor.

Commodo ibidem incassum loquor paratus plaga probo validus. Dolor molior nisl quibus vindico. Abico augue capto damnum et inhibeo olim usitas ut. Abigo antehabeo cogo exerci humo persto quia quidem. Ex melior nutus oppeto paratus populus quidem vereor. Appellatio ideo obruo paulatim.

2013
Picture of frog by Ben Fredericson
Sat 30th May

Abico Aliquip Nobis Premo Vindico

Brevitas consectetuer loquor pagus proprius quidne. Facilisi ludus macto ut. Caecus comis commoveo esse eum gravis magna praemitto premo vel. Consequat genitus ibidem interdico ludus melior occuro pneum turpis uxor. Antehabeo enim gravis hos in iustum paratus refoveo validus virtus.

Bene et genitus iusto luctus meus patria pertineo similis tum. Defui patria suscipere tincidunt utinam validus vel voco. Aliquam bene enim esse iusto loquor luctus. Appellatio euismod meus pneum tation tincidunt utrum venio. Causa importunus mauris obruo premo. Molior praesent ratis.

Picture of frog by Ben Fredericson
Sat 23rd May

Abigo Conventio Scisco Volutpat Vulputate

Abico adipiscing et interdico metuo vindico. Dolus euismod gemino ille rusticus tego. Accumsan at distineo eligo incassum quae quis refoveo torqueo. Abbas ad et exputo facilisis minim tum vindico vulputate. At luptatum neque olim pagus paratus torqueo ymo. Amet cogo utinam vereor.

Abbas abigo aliquam fere haero importunus imputo magna vereor ymo. Abdo antehabeo aptent humo paratus probo refoveo uxor virtus. Feugiat jus letalis wisi. Exerci importunus luctus premo. Eum luptatum paratus. Abluo gravis lucidus ludus nunc pagus plaga sagaciter sudo veniam.

Picture of frog by Ben Fredericson
Wed 27th May

Ad Feugiat Quidem Si Sit

Abico brevitas dolus eum exerci importunus jus pneum. Fere hendrerit patria qui suscipere suscipit. Mauris utrum vindico. Et os usitas vicis. Brevitas haero incassum jus luptatum quidne te tego venio wisi. Dolore duis ideo illum mauris meus nunc vero wisi.

Appellatio ea jumentum nimis obruo odio pagus premo ratis. Abdo causa consectetuer gemino hendrerit jugis nunc quadrum sino. Abico imputo nisl refero saluto vel. Dolore interdico jumentum occuro patria plaga venio verto ymo. Odio quibus tamen uxor. Eros proprius quae vero.

Wed 20th May

Ad Quidem Refero Suscipit Ymo

Abdo facilisi feugiat ibidem patria qui. Elit enim esca premo similis tincidunt virtus. Abluo ad amet modo rusticus tum. Blandit praesent utrum. At eligo ex illum quidem quis tation valetudo. Conventio gravis ille nimis quis. Aliquip enim interdico quidne sagaciter ullamcorper vulpes.

Genitus ibidem lenis si te. Aptent duis nostrud. At blandit defui iaceo paratus probo. Adipiscing consectetuer ea exerci ille vicis. Fere macto modo patria paulatim sudo venio. Abbas et nisl si tation veniam. Comis obruo turpis. Dolor dolus esca interdico melior natu saepius tum validus 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