Horizontal Timeline (Flat Design) – Cool Timeline Pro Demo

“design-2” demo :- Cool Timeline Pro demo with horizontal timeline layout and flat design style in three different skins – dark, light and default.
All Demos
Buy Plugin
Default Skin
Dark Skin
Light Skin

Default Skin (Flat Design):-

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

  • 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?

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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 category="timeline-stories" layout="horizontal" designs="design-2" skin="default" show-posts="20" order="ASC" items="3" icons="YES" story-content="full" date-format="M d, Y" autoplay="false" autoplay-speed="3000" start-on="0"]

Dark Skin (Flat Design):-

Order:- DESC, Show Icons:- NO, Items:- 2, Date Format:- M Y
Preloader

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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.

  • 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 category="timeline-stories" layout="horizontal" skin="dark" designs="design-2" show-posts="20" order="DESC" items="2" icons="NO" story-content="full" date-format="M Y" autoplay="false" autoplay-speed="3000" start-on="3"]
Horizontal Timeline (Dark Skin)​

Light Skin (Flat Design):-

Order:- ASC, Autoplay:- YES, Items:- 3, Timeline:- Custom Label Based
Preloader
Shortcode (Above timeline uses this shortcode) :- 
				
					[cool-timeline layout="horizontal" category="timeline-stories" skin="light" designs="design-2" show-posts="20" order="ASC" items="" icons="NO" story-content="full" date-format="default" based="custom" autoplay="true" autoplay-speed="3000" start-on="0"]
Horizontal Timeline (Light Skin)​

Top Rated WordPress Timeline Plugins

We create timeline plugins with advanced settings & Elementor / Gutenberg friendly…

Plugins Demo
View Plugins