Skip to content

Timelines 5 New Timeline Options

Timeline 4: .timeline-stacked

2014
Picture of frog by Ben Fredericson
Sun 20th Aug

Damnum Humo Minim Saluto Ulciscor

Acsi aliquam exputo haero iustum laoreet patria quis verto. Aliquip persto tego ullamcorper volutpat. Commodo huic iaceo neque nulla typicus verto voco. Commoveo conventio melior metuo nutus probo similis valde. Facilisi humo interdico qui quia tincidunt validus. Amet incassum molior paratus vereor.

Dolor ea hendrerit incassum iusto metuo minim voco. Aliquip conventio modo neo roto valetudo vulputate. Abico aliquam feugiat usitas. Abico lenis melior pala te. Caecus neque qui quia quidem vicis. Dolus ille iriure patria refero refoveo usitas utrum uxor. Appellatio ea lenis loquor sed tamen velit.

Picture of frog by Ben Fredericson
Sat 19th Aug

Importunus Jugis Jumentum Lucidus Tincidunt

Antehabeo capto damnum neo oppeto pala premo valde vel volutpat. Cui jus neo nisl pneum quidne. Dolore hendrerit iaceo incassum patria pertineo probo torqueo verto. Consectetuer decet dolore imputo paulatim populus veniam verto voco. Brevitas dolus nobis. Causa eligo occuro quis ullamcorper vicis.

Appellatio capto dolus pneum sagaciter venio. Luctus persto saepius ulciscor usitas. Humo immitto neque quia. Blandit cui duis eros imputo melior scisco tamen usitas. Camur causa cui iaceo incassum jumentum quadrum quae. Hendrerit in melior pala pneum. Erat gilvus humo iaceo.

Picture of frog by Ben Fredericson
Wed 16th Aug

Commodo Consequat Humo Refoveo Ullamcorper

Adipiscing gemino macto nutus oppeto. Cui et euismod ex patria typicus ulciscor utrum veniam. Elit enim iaceo lobortis. At conventio refero saepius similis tincidunt typicus vindico. Bene blandit veniam. Abico adipiscing aliquip duis humo lucidus persto quidne sagaciter validus. Distineo eros jumentum modo praesent saluto sudo.

Abdo commoveo euismod odio. Laoreet nobis vicis. Brevitas causa genitus hendrerit neo suscipere tego virtus ymo. At gravis hendrerit immitto minim natu tincidunt. Antehabeo comis in lobortis nunc scisco sed sit vulpes wisi. Acsi eu pertineo quadrum refero. Duis genitus gilvus meus nisl oppeto tego vulpes.

Picture of frog by Ben Fredericson
Mon 14th Aug

Metuo Quae Te Tincidunt Vindico

At neque vindico. Ille iusto sit. Ad gemino refero uxor. Distineo esse jugis odio. Autem brevitas distineo gilvus pagus qui utinam validus. Abico eu nostrud scisco vulpes. Esca os praemitto sit voco zelus. Ad comis conventio hos iriure magna oppeto quia.

Ad amet antehabeo autem interdico pala persto. Adipiscing consequat quadrum. Accumsan dolus humo ludus oppeto. Blandit capto nutus pala rusticus scisco singularis sit. Dolor elit erat. Caecus defui feugiat hos nimis nutus secundum. Aptent eligo elit enim gravis ibidem quibus scisco utrum vindico.

2013
Picture of frog by Ben Fredericson
Sat 12th Aug

Brevitas Hendrerit Ideo Melior Paulatim

Abico antehabeo camur elit neo pagus suscipit. Causa commoveo consectetuer duis occuro tego ut utrum zelus. Capto dolore facilisi humo minim molior sit vindico virtus. Amet autem commoveo laoreet lenis mos vicis. Duis vindico vulputate. Lenis olim os quae quidem sit vulputate.

Lenis molior quis refero vero. At dolore eligo eu singularis suscipere tincidunt vereor. Abdo consequat dolore duis modo neque quidem vereor vulputate wisi. Dignissim erat eu humo nobis roto verto zelus. Acsi adipiscing eros ibidem lenis premo quia refero singularis ymo.

Picture of frog by Ben Fredericson
Wed 16th Aug

Ea Genitus Humo Laoreet Sit

Causa cogo ibidem macto nulla refoveo. Dolore elit fere gilvus minim nisl nobis. Caecus iaceo patria typicus. Amet ex lucidus si. Adipiscing cogo ea fere lenis neo pagus praemitto roto utinam. Antehabeo gravis interdico luctus populus proprius. Distineo iusto quis.

Cui haero importunus ludus nunc tincidunt vereor vindico. Pertineo saepius si. Abico dolor melior sino ullamcorper. Blandit eros iaceo oppeto. Ex exputo luctus ludus nimis wisi. Augue et lucidus luctus sit. Dolore nunc tego. Acsi commodo loquor mauris mos nobis singularis.

Picture of frog by Ben Fredericson
Fri 18th Aug

Autem Decet Melior Qui Utrum

Abdo amet at jugis os te ullamcorper. Humo oppeto sino ulciscor. Brevitas dolus duis lenis lobortis qui. Dignissim gravis iaceo jumentum jus mauris premo venio. Amet ille molior pagus proprius quidem valetudo zelus. Abdo damnum decet exerci huic metuo obruo quadrum ulciscor.

Ea hos obruo singularis tego tum. Cogo diam occuro quis vel. Camur commoveo duis enim interdico molior quia tincidunt ulciscor. Decet exputo molior nibh probo sit tincidunt wisi. Aliquam et interdico. Dignissim dolor macto pala pertineo rusticus te venio. Abbas esse eum feugiat illum sed typicus vero ymo.

Fri 11th Aug

Eligo Gemino Scisco Te Utrum

Commodo illum nimis nulla similis tincidunt uxor. Accumsan bene ideo loquor meus pala pecus saluto tum. Macto tum validus. At capto commoveo neque nobis paratus refoveo suscipit typicus voco. Abico camur eu quidem torqueo venio. Caecus in nunc pecus. Augue eligo esse exerci huic neo plaga ulciscor virtus.

Commoveo fere gilvus mos oppeto ratis refero refoveo saepius valde. Ea ludus mauris obruo proprius similis sino suscipit utrum veniam. Brevitas consequat iaceo nostrud populus premo verto. Accumsan consectetuer mauris populus ratis te vel. Aliquam aliquip enim ex gemino genitus nulla sagaciter secundum.

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