--- title: "Vertical Timeline Classic Design" url: https://cooltimeline.com/demo/vertical-timeline-classic/ date: 2025-11-06 modified: 2026-09-28 lang: en author: "cpsatinder" description: "Vertical Timeline (classic Design) Classic Vertical Timeline Demo Explore the classic vertical timeline demo of Cool Timeline Pro, with the flexibility to create timeline via shortcode and place the same..." image: https://cooltimeline.com/wp-content/uploads/2025/12/vertical_timeline_classic_pro.jpg word_count: 280 --- # Vertical Timeline Classic Design **Vertical Timeline (classic Design) ** # Classic Vertical Timeline Demo Explore the classic vertical timeline demo of Cool Timeline Pro, with the flexibility to [create timeline via shortcode](https://cooltimeline.com/doc/create-timeline-via-shortcode/) and place the same design anywhere on your website. ![cool-timeline](https://cooltimeline.com/wp-content/uploads/2025/10/icon-cool-timeline-150x150.png) ### Cool Timeline Pro [ Default ](/demo/vertical-timeline-default/) [ Flat ](/demo/vertical-timeline-flat/) [ Classic ](/demo/vertical-timeline-classic/) [ Elegant ](/demo/vertical-timeline-elegant/) [ Clean ](/demo/vertical-timeline-clean/) [ Modern ](/demo/vertical-timeline-modern/) [ Minimal ](/demo/vertical-timeline-minimal/) [ Buy Plugin ](/plugin/cool-timeline-pro/#pricing) Default Skin Dark Skin Light Skin #### Default Skin- (Classic Design) 2008Jul 18 The Dark Knight[![The Dark Knight](https://cooltimeline.com/wp-content/uploads/2026/01/The-Dark-Knight.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/The-Dark-Knight.jpg)**IMDb Rating:** ★ 9.0 **Ethics, Order & Chaos** More than a superhero film, it explores leadership under pressure, moral choices, and responsibility. Highly rated and appropriate for professional and general audiences. 2006Dec 15 The Pursuit of Happyness[![The Pursuit of Happyness](https://cooltimeline.com/wp-content/uploads/2026/01/The-Pursuit-of-Happyness.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/The-Pursuit-of-Happyness.jpg)**IMDb Rating:** ★ 8.0 **Determination & Self-Belief** An inspiring journey of perseverance and professional growth. The film promotes hard work, learning, and resilience, making it suitable for all types of audiences. 2000May 05 Gladiator[![Gladiator](https://cooltimeline.com/wp-content/uploads/2026/01/Gladiator.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Gladiator.jpg)IMDb Rating: ★ 8.5 **Leadership, Integrity & Honor** A critically acclaimed film exploring financial imbalance and societal structure. Thoughtful, modern, and appropriate for mature general audiences. 1994Oct 14 The Shawshank Redemption[![The Shawshank Redemption](https://cooltimeline.com/wp-content/uploads/2026/01/The-Shawshank-Redemption.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/The-Shawshank-Redemption.jpg)**IMDb Rating:** ★ 9.3 **Hope, Patience & Vision**An inspiring story about resilience, long-term thinking, and personal growth. Universally loved and suitable for all audiences, making it ideal for general websites. Loading Load More **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="default" designs="design-3" skin="default" category="movies-timeline" based="default" story-content="full" show-posts="4" year-label="show" year-navigation="show" navigation-position="right" navigation-style="style-2" start-on="0" compact-ele-pos="main-date" animations="fade-up" order="DESC" story-date="show" format="F j" icons="icon" pagination="ajax_load_more" pagination-style="style-1" line-filling="false" read-more="hide" content-length="50" timeline-width="custom" timeline-custom-width="1140" show-title="show" connector="line" title-link="enable" equal-height="false" show-image="show" image-size="large"]] ` #### Dark Skin - (Classic Design) 2008Jul 18 The Dark Knight[![The Dark Knight](https://cooltimeline.com/wp-content/uploads/2026/01/The-Dark-Knight.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/The-Dark-Knight.jpg)**IMDb Rating:** ★ 9.0 **Ethics, Order & Chaos** More than a superhero film, it explores leadership under pressure, moral choices, and responsibility. Highly rated and appropriate for professional and general audiences. 2006Dec 15 The Pursuit of Happyness[![The Pursuit of Happyness](https://cooltimeline.com/wp-content/uploads/2026/01/The-Pursuit-of-Happyness.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/The-Pursuit-of-Happyness.jpg)**IMDb Rating:** ★ 8.0 **Determination & Self-Belief** An inspiring journey of perseverance and professional growth. The film promotes hard work, learning, and resilience, making it suitable for all types of audiences. 2000May 05 Gladiator[![Gladiator](https://cooltimeline.com/wp-content/uploads/2026/01/Gladiator.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Gladiator.jpg)IMDb Rating: ★ 8.5 **Leadership, Integrity & Honor** A critically acclaimed film exploring financial imbalance and societal structure. Thoughtful, modern, and appropriate for mature general audiences. 1994Oct 14 The Shawshank Redemption[![The Shawshank Redemption](https://cooltimeline.com/wp-content/uploads/2026/01/The-Shawshank-Redemption.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/The-Shawshank-Redemption.jpg)**IMDb Rating:** ★ 9.3 **Hope, Patience & Vision**An inspiring story about resilience, long-term thinking, and personal growth. Universally loved and suitable for all audiences, making it ideal for general websites. Page 2 of 3 [**](https://cooltimeline.com/demo/vertical-timeline-classic/page/1/) [1](https://cooltimeline.com/demo/vertical-timeline-classic/page/1/) 2 [3](https://cooltimeline.com/demo/vertical-timeline-classic/page/3/) [**](https://cooltimeline.com/demo/vertical-timeline-classic/page/3/) **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="default" designs="design-3" skin="dark" category="movies-timeline" based="default" story-content="full" show-posts="4" year-label="show" year-navigation="show" navigation-position="right" navigation-style="style-3" start-on="0" compact-ele-pos="main-date" animations="fade-up" order="DESC" story-date="show" format="F j" icons="icon" pagination="default" pagination-style="style-3" line-filling="false" read-more="hide" content-length="50" timeline-width="custom" timeline-custom-width="1140" show-title="show" title-link="enable" equal-height="false" show-image="show" image-size="large"]] ` #### Light Skin (Classic Design) 2008Jul 18 The Dark Knight[![The Dark Knight](https://cooltimeline.com/wp-content/uploads/2026/01/The-Dark-Knight.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/The-Dark-Knight.jpg)**IMDb Rating:** ★ 9.0 **Ethics, Order & Chaos** More than a superhero film, it explores leadership under pressure, moral choices, and responsibility. Highly rated and appropriate for professional and general audiences. 2006Dec 15 The Pursuit of Happyness[![The Pursuit of Happyness](https://cooltimeline.com/wp-content/uploads/2026/01/The-Pursuit-of-Happyness.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/The-Pursuit-of-Happyness.jpg)**IMDb Rating:** ★ 8.0 **Determination & Self-Belief** An inspiring journey of perseverance and professional growth. The film promotes hard work, learning, and resilience, making it suitable for all types of audiences. 2000May 05 Gladiator[![Gladiator](https://cooltimeline.com/wp-content/uploads/2026/01/Gladiator.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Gladiator.jpg)IMDb Rating: ★ 8.5 **Leadership, Integrity & Honor** A critically acclaimed film exploring financial imbalance and societal structure. Thoughtful, modern, and appropriate for mature general audiences. 1994Oct 14 The Shawshank Redemption[![The Shawshank Redemption](https://cooltimeline.com/wp-content/uploads/2026/01/The-Shawshank-Redemption.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/The-Shawshank-Redemption.jpg)**IMDb Rating:** ★ 9.3 **Hope, Patience & Vision**An inspiring story about resilience, long-term thinking, and personal growth. Universally loved and suitable for all audiences, making it ideal for general websites. Page 2 of 3 [**](https://cooltimeline.com/demo/vertical-timeline-classic/page/1/) [1](https://cooltimeline.com/demo/vertical-timeline-classic/page/1/) 2 [3](https://cooltimeline.com/demo/vertical-timeline-classic/page/3/) [**](https://cooltimeline.com/demo/vertical-timeline-classic/page/3/) **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline layout="default" designs="design-3" skin="light" category="movies-timeline" based="default" story-content="full" show-posts="4" year-label="show" year-navigation="show" navigation-position="right" navigation-style="style-1" start-on="0" compact-ele-pos="main-date" animations="fade-up" order="DESC" story-date="show" format="F j" icons="icon" pagination="default" pagination-style="style-3" line-filling="false" read-more="hide" content-length="50" timeline-width="custom" timeline-custom-width="1140" show-title="show" title-link="enable" equal-height="false" show-image="show" image-size="large"]] `