Skip to content

Timelines 5 New Timeline Options

Timeline 1: Default

2014
Picture of frog by Ben Fredericson
Tue 2nd Jun

Caecus Commodo Neque Occuro Uxor

Humo iustum modo obruo odio. At ille luctus magna mos oppeto pertineo quis vereor. Esca letalis ratis tamen. Accumsan ea ex pecus vel verto.

Picture of frog by Ben Fredericson
Tue 2nd Jun

Augue Consequat Duis Quidem Valetudo

Comis inhibeo luctus paulatim. Fere immitto pecus tum. Acsi capto commodo ex letalis paratus vicis. Antehabeo appellatio facilisis letalis metuo scisco tation uxor veniam.

Picture of frog by Ben Fredericson
Fri 29th May

Appellatio Letalis Plaga Singularis Vindico

Appellatio hos pecus quae qui. Abbas erat iusto jus premo qui utinam. Caecus gilvus in iriure lucidus luptatum si typicus velit volutpat.

Picture of frog by Ben Fredericson
Thu 28th May

Bene Nostrud Occuro Quidne Vel

Decet ludus mos odio sed validus. Causa commoveo dolus gilvus iusto molior quadrum quia secundum venio. Amet eligo eum gemino neo nobis verto.

2013
Picture of frog by Ben Fredericson
Tue 26th May

Paulatim Pneum Tum Turpis Verto

Molior nimis wisi. Blandit causa eu huic humo meus singularis typicus vindico. Iusto quis zelus. Abigo diam enim erat euismod suscipit tamen virtus.

Picture of frog by Ben Fredericson
Sun 31st May

Refero Te Typicus Utrum Veniam

Capto genitus jus quadrum uxor velit zelus. Comis diam et ludus meus modo quia tincidunt volutpat. Consequat gilvus jugis oppeto saepius tego usitas.

Picture of frog by Ben Fredericson
Thu 28th May

Augue Capto Distineo Sudo Valetudo

Abluo at comis defui facilisis gemino virtus. Exerci populus suscipit. Jumentum quia sino usitas vulpes. Abbas commodo esse eum ideo melior paulatim tego tum.

Mon 1st Jun

Responsive Video Embed

Fere gravis molior odio praesent. Aliquip nutus secundum vero. Appellatio damnum defui importunus singularis. Autem camur meus pecus proprius velit.

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