Flat Design (design-2) – One-Side Timeline
Check vertical one-side timeline layout flat design (design-2) demos in three skins – default, dark & light.
Default Skin (Flat Design)
Order:- DESC, Show Icons:- YES, Date Format:- M Y
Cool Timeline
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:-
- Quae autem natura suae primae institutionis oblita est?
- Eorum enim est haec querela, qui sibi cari sunt seseque diligunt.
2013
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
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.
2007
1990
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
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="one-side" designs="design-2" skin="default" category="timeline-stories" show-posts="10" order="DESC" icons="YES" animations="zoom-out-right" date-format="M Y" story-content="full"]Dark Skin (Flat Design)
Order:- ASC, Show Icons:- NO, Date Format:- F d
Cool Timeline
1990
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
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
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.
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
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
Shortcode (Above timeline uses this shortcode)
[cool-timeline layout="one-side" designs="design-2" skin="dark" category="timeline-stories" show-posts="10" order="ASC" icons="NO" animations="slide-left" date-format="F d" story-content="full"]Light Skin (Flat Design)
Order:- DESC, Show Icons:- YES, Date Format:- l, d M
Cool Timeline
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:-
- Quae autem natura suae primae institutionis oblita est?
- Eorum enim est haec querela, qui sibi cari sunt seseque diligunt.
2013
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
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.
2007
1990
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
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="one-side" designs="design-2" skin="light" category="timeline-stories" show-posts="10" order="DESC" icons="YES" animations="scale" date-format="l, d M" story-content="full"]