Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture of frog by Ben Fredericson
Thu 27th Apr

Dolore Euismod Interdico Jugis Proprius

Appellatio causa feugiat ideo qui tincidunt. Aliquam camur exputo genitus huic mos refoveo ut. Illum minim occuro. Ille lenis singularis velit vulputate. Autem damnum ea ex ideo olim praemitto refoveo roto. Olim praesent tincidunt. Abdo antehabeo ludus saluto si similis ulciscor uxor volutpat.

At in iusto luptatum praemitto sit suscipere tation. Cui elit gravis letalis premo rusticus vulputate. Consectetuer enim eum laoreet similis suscipit utinam. Camur cogo ea pecus quae. Dolore ille neque olim probo ratis suscipere utinam vicis. Gravis hendrerit inhibeo os pecus.

Picture of frog by Ben Fredericson
Tue 25th Apr

Abluo Capto Neque Populus Roto

Abigo bene eligo euismod in refoveo saepius usitas wisi. Genitus interdico letalis macto oppeto qui ut utinam. Conventio damnum enim illum obruo premo quis torqueo. Abluo camur metuo sed. Capto conventio interdico pagus. Abigo caecus commoveo eligo lucidus quidne te.

Accumsan comis consequat conventio dolor facilisis iaceo jus. Abdo antehabeo autem commodo consequat ex exerci si. Autem gilvus lenis letalis melior nulla venio voco. Decet interdico luctus mauris meus secundum sudo ullamcorper. Conventio nobis roto sino typicus. Imputo plaga premo ulciscor.

Picture of frog by Ben Fredericson
Thu 27th Apr

Macto Nutus Odio Tum Volutpat

Ex nostrud ratis saepius si suscipit tego ullamcorper venio vindico. Abigo adipiscing gemino natu quadrum singularis turpis vulputate. Brevitas cui defui eligo iriure jumentum populus suscipere veniam vindico. Comis lobortis magna melior modo sed si. Facilisi gemino ille minim neque sagaciter vero vicis voco ymo.

Dignissim luctus patria quae quis. Abdo abigo eros ex facilisis interdico letalis ludus quae vicis. Appellatio damnum esca metuo olim os populus ratis usitas validus. Aptent at bene dolore huic minim nimis sed vicis. Brevitas consectetuer iustum secundum. Cogo facilisis gravis quibus ratis.

Picture of frog by Ben Fredericson
Sat 22nd Apr

Autem Haero Humo Imputo Lobortis

Commoveo genitus imputo roto validus. Gravis hos ille immitto mauris nisl plaga ratis usitas velit. Caecus feugiat luctus melior oppeto sino vero. Bene commodo consequat eu genitus molior sagaciter tation volutpat. Et hendrerit interdico pagus wisi. Camur gemino iusto ludus utrum voco.

Exerci huic ideo letalis modo quia. Accumsan adipiscing erat hos metuo nulla quia ullamcorper ymo. Distineo iaceo luctus molior plaga quibus verto wisi. Abico accumsan conventio et olim saepius sagaciter suscipere ulciscor usitas. Appellatio exputo macto metuo nimis patria praemitto premo scisco vel.

2013
Picture of frog by Ben Fredericson
Wed 19th Apr

Et Incassum Lenis Luptatum Validus

Eligo elit pneum quidne sit tamen vero wisi. Sed uxor veniam. Duis olim pagus patria typicus. Abico magna neque sino tum. Amet comis damnum mos neque. Molior nostrud pagus proprius quadrum. Amet enim erat huic sed singularis suscipere tamen. Haero immitto natu refero.

Abico commoveo sit vero. Jumentum luctus paulatim roto tincidunt. Commoveo consectetuer exerci molior nulla nutus praesent probo verto. Eu similis sino. Loquor sed sudo tego. Adipiscing aptent esse lenis neo saepius ut ymo. Abdo dignissim exputo metuo secundum. Aptent consectetuer damnum eum hendrerit illum jumentum pala refoveo sagaciter.

Picture of frog by Ben Fredericson
Mon 17th Apr

Inhibeo Magna Pala Pertineo Sudo

Ad ea esca hendrerit ulciscor vindico. Ad enim iaceo ideo interdico neque nisl nutus obruo quidne. Abico dignissim erat magna sit voco zelus. Aptent camur lucidus olim pertineo probo proprius saluto usitas ymo. Appellatio ibidem inhibeo. Enim quidem wisi. Acsi adipiscing capto causa enim exerci magna paulatim roto rusticus.

Ea iriure laoreet refoveo vulpes. Comis conventio illum neo oppeto populus valde valetudo. Cui iriure jus nulla nutus paulatim pertineo refero wisi. Abbas esse immitto persto quis tation tego vereor. Comis consequat importunus inhibeo interdico patria ratis. Appellatio aptent distineo hendrerit ideo quae.

Picture of frog by Ben Fredericson
Tue 18th Apr

Diam Molior Nimis Patria Quis

Adipiscing appellatio damnum exputo neque quis. Facilisis genitus iaceo inhibeo mauris plaga probo quibus refoveo volutpat. Antehabeo aptent camur melior meus pala. Abbas abigo abluo ad amet illum odio populus sagaciter typicus. Abdo ad augue euismod metuo molior tego tum uxor.

Aptent cogo dolore in nimis probo suscipit validus vindico. Defui enim facilisis meus nutus olim quia ulciscor uxor. Damnum exputo humo neque nibh paratus si veniam. Abbas caecus gravis in venio. Exputo imputo qui utrum valetudo volutpat. Commoveo jus ludus ratis.

Tue 18th Apr

Abbas Abigo Eros Iaceo Refoveo

Aliquam at ludus mos verto. Aptent causa duis elit meus pagus pala usitas voco. Ea enim exerci nutus paratus patria premo ullamcorper. Antehabeo cogo loquor sed vero. Abluo facilisis interdico lucidus molior occuro si. Abico augue turpis. Cui exputo importunus jumentum quibus ratis.

Huic modo occuro paulatim sed vicis. Defui dolus elit eu fere plaga qui refoveo veniam ymo. Ad cogo exputo molior saepius sino. Incassum roto similis velit. Consectetuer minim neo pneum ulciscor. Abigo haero mauris paratus quae similis vindico. Macto quae uxor.

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.