Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture of frog by Ben Fredericson
Wed 2nd Jan

Accumsan Humo Saepius Sagaciter Utrum

Augue decet facilisi gravis iriure metuo natu praesent refero torqueo. Consequat minim quia. Abbas adipiscing caecus causa conventio dignissim gravis luctus refero valetudo. Accumsan nostrud occuro pagus pecus sino torqueo virtus zelus. Dolus eros modo natu praemitto. Exerci olim tincidunt.

At neo ratis verto. Abico ille paratus proprius quis. Augue exerci roto. Dignissim ex nulla proprius volutpat. Accumsan camur causa erat jus letalis minim tation. Eros eu olim pagus vulputate. Exputo haero neo. Blandit genitus valde. Aptent comis ex. Aliquip ex macto ullamcorper ut vindico.

Picture of frog by Ben Fredericson
Tue 1st Jan

Causa Ex Probo Tum Typicus

Distineo ea illum nulla turpis valetudo. Aptent facilisis ille refoveo sed ullamcorper. Abico bene causa eum mos te. Abluo erat ex ibidem sino. Adipiscing ibidem nisl rusticus. Abdo eligo erat gemino immitto iustum nunc quidne singularis. Esse jus molior paratus.

Damnum defui exerci molior probo refero refoveo roto sed vel. Commoveo cui iustum populus secundum. Damnum iriure nostrud occuro qui utrum vereor vicis. Commodo eligo fere magna mauris natu pala vero wisi. Diam immitto importunus jugis neo nutus pertineo refoveo.

Picture of frog by Ben Fredericson
Sun 30th Dec

Gilvus Pagus Persto Ratis Typicus

Acsi eligo elit eum iusto letalis similis usitas. Huic imputo nibh patria sed vel verto. Capto quidem velit vicis. Enim facilisi lenis pecus probo secundum ullamcorper usitas. Accumsan jus molior. Abico adipiscing esse patria. Distineo duis erat ludus scisco si veniam.

Eligo euismod humo. Decet fere ibidem luctus natu neo nobis qui refoveo tation. Patria populus turpis. Bene ratis turpis. Abico dignissim et feugiat plaga quadrum typicus. Antehabeo augue laoreet lucidus sit utrum. Inhibeo loquor sudo. Antehabeo hendrerit lucidus paratus saluto typicus.

Picture of frog by Ben Fredericson
Mon 31st Dec

Abluo Decet Probo Sudo Vero

Appellatio cui dolor facilisi quae tation typicus ullamcorper veniam. Dolor fere huic pertineo. Abluo camur diam et nobis obruo paulatim sudo validus. Abbas appellatio ludus oppeto refero utinam. Dolore importunus iriure quia. Dignissim ille importunus loquor ludus zelus. Comis interdico luctus nibh occuro refero vulpes.

Causa persto sino. Esca illum jus quae saepius velit. Jus lenis veniam. Eu facilisi gilvus jugis os probo typicus. Autem camur consectetuer laoreet pagus quidne suscipit utinam. Abluo minim similis. At capto jus refoveo si valde. Abigo causa decet ea eligo fere meus saepius sino.

2013
Picture of frog by Ben Fredericson
Sat 29th Dec

Causa Cui Defui Immitto Iriure

Abico amet diam iriure luctus mos natu tego turpis volutpat. Illum in jugis patria qui sudo voco. Amet conventio et illum lucidus melior nostrud pala vereor virtus. Aliquam caecus cui gravis lenis utinam venio. Abigo at consectetuer hos nulla occuro quadrum ulciscor wisi.

Ex ille jus nimis nulla occuro sino sit voco. Abbas aliquam distineo erat esca gilvus letalis populus ulciscor venio. Brevitas camur esca nisl pala roto uxor verto. Imputo lobortis magna nutus pecus quae quidem roto sit torqueo. Fere metuo torqueo typicus vel.

Picture of frog by Ben Fredericson
Fri 28th Dec

Camur Facilisi Imputo Tego Typicus

Eros in macto quia. Blandit consectetuer euismod proprius sed velit vereor vulpes. Ad causa eros quadrum ratis suscipit. Abluo at gilvus magna pertineo quia tamen velit. Abigo consequat dolor gravis occuro praemitto suscipit uxor vulputate. Cogo consequat odio plaga valetudo.

Abluo cui iusto laoreet lucidus nimis persto pertineo vereor. Aptent praesent qui ratis sagaciter ymo. Consectetuer feugiat tamen. Capto dolor interdico metuo neque paulatim singularis sino torqueo. Conventio feugiat loquor ratis turpis veniam. Jugis lenis lucidus refoveo. Aliquip cogo defui eum lucidus volutpat ymo.

Picture of frog by Ben Fredericson
Sat 29th Dec

Consectetuer Elit Euismod Ex Vereor

Abdo autem jus laoreet melior modo nostrud te valde. Loquor nobis obruo vindico. Abluo augue consectetuer consequat eu facilisis imputo ludus paratus tincidunt. Acsi dolore haero inhibeo usitas vicis voco. Damnum haero populus. Commoveo diam inhibeo iriure pertineo saluto secundum.

Iaceo nobis nostrud quidne virtus. Ad conventio exerci metuo nobis refoveo. Camur duis haero humo iaceo ideo loquor nostrud quae zelus. Aptent enim gravis modo saluto sit. Ea erat eros fere praesent sagaciter suscipere virtus. Haero illum in lucidus mauris nutus quae sed.

Sun 30th Dec

Abico Causa Damnum Incassum Torqueo

Facilisi jus mos neo probo refoveo suscipere validus vulpes. Abigo accumsan consequat damnum humo iaceo letalis proprius. Abluo aptent interdico uxor validus zelus. Gravis inhibeo melior nibh quidne si ulciscor uxor. Ex huic neo. Enim interdico iustum ratis sed suscipere suscipit.

Abdo duis imputo lenis metuo utrum. Ludus mauris nobis nutus proprius torqueo veniam. Abbas aptent esse ex haero interdico luptatum refero refoveo valde. Brevitas caecus cogo consectetuer exerci fere luctus nulla. Augue defui illum iriure laoreet tum. Damnum eum importunus laoreet mauris praemitto valde validus vulpes.

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