Vertical Timeline (Default Design) - Cool Timeline Pro Demo

Cool Timeline Pro demo with vertical timeline layout and default design style in three different skins – dark, light and default.
All Demos
Buy Plugin
Default Skin
Dark Skin
Light Skin

Default Skin (Default Design):-

Order:- DESC, Show Icons:- YES, Date Format:- M Y

1990
16 Feb, 1990

A Timeline Story With Full Image

A Timeline Story With Full Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim iam stirpis bonum quaeret, sed animalis. Fortemne possumus dicere eundem illum Torquatum?

15 Mar, 1990

Small Image Timeline Story

Small Image Timeline Story

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quis Aristidem non mortuum diligit? Quam ob rem tandem, inquit, non satisfacit? Quid censes in Latino fore? Quae autem natura suae primae institutionis oblita est? Sed ad bona praeterita redeamus. In schola desinis.

2007
19 Oct, 2007

This is Dummy Timline Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Laboro autem non sine causa; Ea possunt paria non esse. Ratio quidem vestra sic cogit. Murenam te accusante defenderem. Duo Reges: constructio interrete. Tu quidem reddes;

  • Num igitur dubium est, quin, si in re ipsa nihil peccatur a superioribus, verbis illi commodius utantur?
  • Haec et tu ita posuisti, et verba vestra sunt.
2012
09 May, 2012

Enhancing User Experience: Theme Customizer and Media Innovations

Theme customizer, theme previews, and new media manager were introduced. These features tremendously helped new users in creating image galleries and previewing themes before they change to a new theme.

2013
21 Jul, 2013

Slideshow Sample Inside A Story

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Haec et tu ita posuisti, et verba vestra sunt. Nam quid possumus facere melius? Que Manilium, ab iisque M. Id est enim, de quo quaerimus.

30 Jul, 2013

Timeline Story With Custom Color

Timeline Story With Custom Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duo Reges: constructio interrete. Haec para/doca illi, nos admirabilia dicamus. Consequens enim est et post oritur, ut dixi.

  • Hic ego: Pomponius quidem, inquam, noster iocari videtur, et fortasse suo iure.
  • Tria genera bonorum;
  • In his igitur partibus duabus nihil erat, quod Zeno commutare gestiret.
  • Quare attende, quaeso.
11 Nov, 2013

Custom Image Icon + Custom Color

Custom Image Icon + Custom Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid sequatur, quid repugnet, vident. Quo modo autem philosophus loquitur? At enim hic etiam dolore. Tanta vis admonitionis inest in locis.

2020
15 May, 2020

Different HTML Tags Inside Timeline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tu quidem reddes; Sed fortuna fortis; Mihi, inquam, qui te id ipsum rogavi? Duo Reges: constructio interrete. Si quae forte-possumus. Sit this is link caecus, debilis.

Unordered List:-

  • Intrandum est igitur in rerum naturam et penitus quid ea postulet pervidendum;
  • Nummus in Croesi divitiis obscuratur, pars est tamen divitiarum.

Ordered List:-

  1. Quae autem natura suae primae institutionis oblita est?
  2. Eorum enim est haec querela, qui sibi cari sunt seseque diligunt.
Shortcode (Above timeline uses this shortcode) :- 
				
					[cool-timeline layout="default" designs="default" skin="default" category="timeline-stories" show-posts="10" order="ASC" icons="YES" animations="flip-left" date-format="d M, Y" story-content="full"]

Dark Skin (Default Design):-

Order:- ASC, Show Icons:- YES, Date Format:- d M, Y

1990
February 16

A Timeline Story With Full Image

A Timeline Story With Full Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim iam stirpis bonum quaeret, sed animalis. Fortemne possumus dicere eundem illum Torquatum?

March 15

Small Image Timeline Story

Small Image Timeline Story

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quis Aristidem non mortuum diligit? Quam ob rem tandem, inquit, non satisfacit? Quid censes in Latino fore? Quae autem natura suae primae institutionis oblita est? Sed ad bona praeterita redeamus. In schola desinis.

2007
October 19

This is Dummy Timline Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Laboro autem non sine causa; Ea possunt paria non esse. Ratio quidem vestra sic cogit. Murenam te accusante defenderem. Duo Reges: constructio interrete. Tu quidem reddes;

  • Num igitur dubium est, quin, si in re ipsa nihil peccatur a superioribus, verbis illi commodius utantur?
  • Haec et tu ita posuisti, et verba vestra sunt.
2012
May 09

Enhancing User Experience: Theme Customizer and Media Innovations

Theme customizer, theme previews, and new media manager were introduced. These features tremendously helped new users in creating image galleries and previewing themes before they change to a new theme.

2013
July 21

Slideshow Sample Inside A Story

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Haec et tu ita posuisti, et verba vestra sunt. Nam quid possumus facere melius? Que Manilium, ab iisque M. Id est enim, de quo quaerimus.

July 30

Timeline Story With Custom Color

Timeline Story With Custom Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duo Reges: constructio interrete. Haec para/doca illi, nos admirabilia dicamus. Consequens enim est et post oritur, ut dixi.

  • Hic ego: Pomponius quidem, inquam, noster iocari videtur, et fortasse suo iure.
  • Tria genera bonorum;
  • In his igitur partibus duabus nihil erat, quod Zeno commutare gestiret.
  • Quare attende, quaeso.
November 11

Custom Image Icon + Custom Color

Custom Image Icon + Custom Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid sequatur, quid repugnet, vident. Quo modo autem philosophus loquitur? At enim hic etiam dolore. Tanta vis admonitionis inest in locis.

2020
May 15

Different HTML Tags Inside Timeline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tu quidem reddes; Sed fortuna fortis; Mihi, inquam, qui te id ipsum rogavi? Duo Reges: constructio interrete. Si quae forte-possumus. Sit this is link caecus, debilis.

Unordered List:-

  • Intrandum est igitur in rerum naturam et penitus quid ea postulet pervidendum;
  • Nummus in Croesi divitiis obscuratur, pars est tamen divitiarum.

Ordered List:-

  1. Quae autem natura suae primae institutionis oblita est?
  2. Eorum enim est haec querela, qui sibi cari sunt seseque diligunt.
Shortcode (Above timeline uses this shortcode) :- 
				
					[cool-timeline layout="default" designs="default" skin="dark" category="timeline-stories" show-posts="10" order="ASC" icons="YES" animations="slide-up" date-format="F d" story-content="full"]
Vertical Dark BG (Dark Skin)

Light Skin (Default Design):-

Order:- ASC, Show Icons:- YES, Date Format:- d M, Y

2020
Friday, 15 May

Different HTML Tags Inside Timeline

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Tu quidem reddes; Sed fortuna fortis; Mihi, inquam, qui te id ipsum rogavi? Duo Reges: constructio interrete. Si quae forte-possumus. Sit this is link caecus, debilis.

Unordered List:-

  • Intrandum est igitur in rerum naturam et penitus quid ea postulet pervidendum;
  • Nummus in Croesi divitiis obscuratur, pars est tamen divitiarum.

Ordered List:-

  1. Quae autem natura suae primae institutionis oblita est?
  2. Eorum enim est haec querela, qui sibi cari sunt seseque diligunt.
2013
Monday, 11 Nov

Custom Image Icon + Custom Color

Custom Image Icon + Custom Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Quid sequatur, quid repugnet, vident. Quo modo autem philosophus loquitur? At enim hic etiam dolore. Tanta vis admonitionis inest in locis.

Tuesday, 30 Jul

Timeline Story With Custom Color

Timeline Story With Custom Color

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duo Reges: constructio interrete. Haec para/doca illi, nos admirabilia dicamus. Consequens enim est et post oritur, ut dixi.

  • Hic ego: Pomponius quidem, inquam, noster iocari videtur, et fortasse suo iure.
  • Tria genera bonorum;
  • In his igitur partibus duabus nihil erat, quod Zeno commutare gestiret.
  • Quare attende, quaeso.
Sunday, 21 Jul

Slideshow Sample Inside A Story

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Haec et tu ita posuisti, et verba vestra sunt. Nam quid possumus facere melius? Que Manilium, ab iisque M. Id est enim, de quo quaerimus.

2012
Wednesday, 09 May

Enhancing User Experience: Theme Customizer and Media Innovations

Theme customizer, theme previews, and new media manager were introduced. These features tremendously helped new users in creating image galleries and previewing themes before they change to a new theme.

2007
Friday, 19 Oct

This is Dummy Timline Title

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Laboro autem non sine causa; Ea possunt paria non esse. Ratio quidem vestra sic cogit. Murenam te accusante defenderem. Duo Reges: constructio interrete. Tu quidem reddes;

  • Num igitur dubium est, quin, si in re ipsa nihil peccatur a superioribus, verbis illi commodius utantur?
  • Haec et tu ita posuisti, et verba vestra sunt.
1990
Thursday, 15 Mar

Small Image Timeline Story

Small Image Timeline Story

Lorem ipsum dolor sit amet consectetur adipiscing elit. Quis Aristidem non mortuum diligit? Quam ob rem tandem, inquit, non satisfacit? Quid censes in Latino fore? Quae autem natura suae primae institutionis oblita est? Sed ad bona praeterita redeamus. In schola desinis.

Friday, 16 Feb

A Timeline Story With Full Image

A Timeline Story With Full Image

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Non enim iam stirpis bonum quaeret, sed animalis. Fortemne possumus dicere eundem illum Torquatum?

Shortcode (Above timeline uses this shortcode) :- 
				
					[cool-timeline layout="default" designs="default" skin="light" category="timeline-stories" show-posts="10" order="DESC" icons="NO" animations="scale" date-format="l, d M" story-content="full"]
Vertical Dark (Light Skin)