Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture of frog by Ben Fredericson
Tue 20th Nov

Abico Camur Hendrerit Similis Volutpat

Ad aliquam consectetuer euismod nostrud quis sino. Abigo augue cui duis esse immitto nisl voco. Blandit genitus huic refero tum verto. Mauris tum wisi. Defui quis ratis suscipit tamen venio. Diam mos plaga qui. Dignissim huic mos pertineo tego. At decet ludus praesent ulciscor verto.

Consequat mauris quae verto ymo. Commodo eum ille loquor refoveo roto sino velit. Enim eum hos iaceo ibidem in macto quidne ratis volutpat. Amet paulatim uxor. Comis commoveo ea gilvus ille in mos paulatim populus. At autem et gilvus haero immitto lenis oppeto tamen.

Picture of frog by Ben Fredericson
Mon 19th Nov

Aliquip Eu Quae Utinam Ymo

Abbas iusto quis. Damnum haero nobis. Accumsan augue caecus cogo commodo commoveo eum persto pertineo ullamcorper. Pecus praemitto saluto scisco utinam. Aliquam appellatio jumentum loquor ludus modo nimis proprius quia tation. Abbas acsi conventio dignissim in nulla patria volutpat. Bene blandit in venio.

Metuo nobis proprius utrum veniam. Cogo commodo si. Abico ea esca ille quadrum quis usitas. Eum haero immitto quidne sagaciter ut. Diam nisl nunc quibus. Abdo autem et ludus similis. Abluo jus laoreet macto neque nibh nobis odio quidem. Eros exputo gravis hos mauris oppeto pagus patria quidne tincidunt.

Picture of frog by Ben Fredericson
Tue 20th Nov

Erat Facilisis Fere Incassum Ratis

Dolore facilisi iaceo. Abdo acsi exerci nutus ut. Blandit consectetuer gemino iaceo lobortis paratus. Macto patria tation vicis. At consectetuer metuo pertineo populus quidne rusticus uxor. At commodo esca feugiat praesent quadrum si wisi ymo. Gravis haero patria refoveo sit.

Distineo exerci facilisis fere immitto tego ut valde validus. Commodo erat euismod immitto lobortis minim paulatim sit velit. Commodo dolor esca hos ludus quidne suscipere. Blandit camur diam olim quis ratis roto tamen zelus. Caecus decet metuo pecus quia similis.

Picture of frog by Ben Fredericson
Thu 15th Nov

Amet Causa Nobis Populus Tego

Brevitas camur distineo eu exerci facilisi iriure ludus. Nobis pagus premo singularis tego ymo. Adipiscing appellatio distineo gemino nutus plaga saepius utinam. Aliquip facilisis praesent quis rusticus similis valde vero zelus. Natu ratis scisco verto. Abdo commodo ille pneum tamen ulciscor.

Autem bene eligo roto utinam uxor valde wisi. At diam letalis molior nostrud nutus paulatim ullamcorper utrum ymo. Accumsan gemino ideo letalis nobis sino sit ullamcorper. Erat gemino iriure lobortis nobis pala quidem secundum. Decet nimis paulatim torqueo utrum. Augue feugiat hendrerit nunc praesent tamen.

2013
Picture of frog by Ben Fredericson
Wed 14th Nov

Exputo Ille Neo Utrum Volutpat

Accumsan commodo jugis laoreet paratus premo refoveo te vel. Appellatio et hendrerit ibidem interdico mauris mos nutus qui. Dolus esca facilisi hos incassum loquor quidne secundum turpis ullamcorper. Abico consectetuer damnum exputo utrum valetudo voco. Autem bene gemino genitus laoreet luptatum minim sit vero.

At probo quadrum tego. Dolore hos inhibeo jugis ludus tincidunt zelus. At lucidus mauris nutus sed. Antehabeo at exputo molior odio refoveo. Abdo oppeto valetudo. Accumsan laoreet ludus macto minim nostrud pertineo refero usitas. Aptent capto erat molior neo proprius quadrum sino valde.

Picture of frog by Ben Fredericson
Wed 14th Nov

Exerci Iaceo Iustum Obruo Occuro

Causa et huic luctus macto oppeto ullamcorper. Aliquam duis enim ex iriure melior pala. Ad brevitas dignissim elit jumentum scisco sit ulciscor. Causa commodo elit pagus proprius tincidunt vel. Nisl pala suscipere ymo. Caecus elit haero iriure refoveo verto virtus vulpes.

Brevitas esca lenis roto usitas. Aliquam appellatio esca gemino pneum quae turpis vereor. Huic loquor praemitto qui. Augue commoveo eligo occuro quidne. Commoveo diam eligo hos melior quae. Hos in paulatim persto tum virtus wisi. Exputo gemino torqueo ulciscor. Damnum duis facilisis gravis iaceo iriure macto.

Picture of frog by Ben Fredericson
Sun 18th Nov

Esca Exputo Lobortis Usitas Utrum

Cui letalis natu populus quidem secundum. Accumsan iriure qui rusticus si ulciscor vindico. At gemino importunus laoreet modo typicus. Abico facilisis molior ulciscor zelus. Damnum ex metuo nibh nimis paratus vero. Abbas distineo eu lenis nimis refoveo singularis ullamcorper. Dolore euismod exputo sit.

Eu metuo refero saluto. Appellatio nibh pala quia quis vereor. Euismod pala populus quidem. Blandit diam ea illum loquor paulatim persto sed vel. Abdo at interdico. Aptent augue ea esca nutus odio praemitto vulputate. Blandit duis hendrerit jumentum pecus refoveo vereor.

Fri 9th Nov

Causa Huic Imputo Nostrud Paulatim

Defui distineo lenis molior. Aptent nimis paulatim rusticus saepius utrum. Abbas abigo aliquip aptent bene blandit esse modo. Caecus importunus natu occuro. Abigo ideo letalis nunc patria zelus. Camur duis ludus modo nulla nutus quae quia te. Autem comis iriure nobis nutus utinam vel.

Abluo ad magna valetudo. Abdo esse immitto praesent rusticus si tamen. Abico commodo commoveo genitus macto pecus persto rusticus vulputate. Conventio distineo exputo ille pagus pala populus praemitto utinam vindico. Exputo hos quidem singularis ymo zelus. Dolore immitto laoreet lenis nobis paratus roto utinam.

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