--- title: "Horizontal Timeline Flat Design" url: https://cooltimeline.com/demo/horizontal-timeline-flat/ date: 2025-11-06 modified: 2026-09-21 lang: en author: "cpsatinder" description: "Horizontal Timeline (Flat Design) Horizontal Timeline Layout (Flat Design) Explore the demo of a flat horizontal timeline via shortcode, showcasing a smooth left-to-right layout for structured content presentation. Cool Timeline..." image: https://cooltimeline.com/wp-content/uploads/2025/12/horizontal_timeline_flat.jpg word_count: 162 --- # Horizontal Timeline Flat Design **Horizontal Timeline (Flat Design)** # Horizontal Timeline Layout (Flat Design) Explore the demo of a flat [horizontal timeline via shortcode](https://cooltimeline.com/doc/horizontal-timeline-shortcode/), showcasing a smooth left-to-right layout for structured content presentation. ![cool-timeline](https://cooltimeline.com/wp-content/uploads/2025/10/icon-cool-timeline-150x150.png) ### Cool Timeline Pro [ Flat ](/demo/horizontal-timeline-flat/) [ Classic ](/demo/horizontal-timeline-classic/) [ Elegant ](/demo/horizontal-timeline-elegant/) [ Default ](/demo/horizontal-timeline-default/) [ Modern ](/demo/horizontal-timeline-modern/) [ Clean ](/demo/horizontal-timeline-clean/) [ Minimal ](/demo/horizontal-timeline-minimal/) [ Buy plugin ](/plugin/cool-timeline-pro/#pricing) Default Skin Dark Skin Light Skin #### Default Skin- (Flat Design) Day 1Arrival Delhi [Overnight Stay At The Hotel In Delhi](https://cooltimeline.com/timeline/overnight-stay-at-the-hotel-in-delhi/)[![Overnight Stay At The Hotel In Delhi](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-1.png)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-1.png)Welcomed by Travel India representative. Spend your time at leisure gearing up for the start of an exciting tour from… [Read More](https://cooltimeline.com/timeline/overnight-stay-at-the-hotel-in-delhi/) Day 2Delhi Sightseeing [Tour Of Delhi](https://cooltimeline.com/timeline/tour-of-delhi/)[![Tour Of Delhi](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-2.png)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-2.png)Start your day with a delicious breakfast after which you will embark upon a guided sightseeing tour of Delhi. Be it… [Read More](https://cooltimeline.com/timeline/tour-of-delhi/) Day 3Delhi - Jaipur [Explore Nahargarh Fort, Jaigarh Fort, Amber Fort](https://cooltimeline.com/timeline/explore-nahargarh-fort-jaigarh-fort-amber-fort/)[![Explore Nahargarh Fort, Jaigarh Fort, Amber Fort](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-3.png)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-3.png)Pick up and transfer from Delhi to Jaipur via road Check into a hotel on arrival and later have fun exploring the… [Read More](https://cooltimeline.com/timeline/explore-nahargarh-fort-jaigarh-fort-amber-fort/) Day 4Jaipur - Agra by Road [Taj Mahal (Shahjahan’s love for Mumtaz Mahal)](https://cooltimeline.com/timeline/taj-mahal-shahjahans-love-for-mumtaz-mahal/)[![Taj Mahal (Shahjahan’s love for Mumtaz Mahal)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-4.png)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-4.png)Fourth day after breakfast drive to Agra which remained the central place of administration of Mughal empire for a considerable period… [Read More](https://cooltimeline.com/timeline/taj-mahal-shahjahans-love-for-mumtaz-mahal/) Day 5Agra Exploration [Explore Agra Fort & Local Markets](https://cooltimeline.com/timeline/explore-agra-fort-local-markets/)[![agra_market](https://cooltimeline.com/wp-content/uploads/2026/01/agra_market.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/agra_market.jpg)Breakfast at the hotel Visit to UNESCO-listed Agra Fort Explore local handicrafts and marble markets Day 6Ranthambore Stay [Drive To Ranthambore – Leisure Evening](https://cooltimeline.com/timeline/drive-to-ranthambore/)[![Ranthambore-travel](https://cooltimeline.com/wp-content/uploads/2026/01/Ranthambore-travel.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/Ranthambore-travel.jpg)Drive to Ranthambore National Park Resort check-in Free time to relax or enjoy the surroundings ** ** **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline category="holiday-package" layout="horizontal" designs="design-2" skin="default" show-posts="6" order="ASC" items="2" icons="icon" based="custom" read-more="show" content-length="20" line-filling="true"]] ` #### Dark Skin - (Flat Design) Day 1Arrival Delhi [Overnight Stay At The Hotel In Delhi](https://cooltimeline.com/timeline/overnight-stay-at-the-hotel-in-delhi/)[![Overnight Stay At The Hotel In Delhi](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-1.png)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-1.png)Welcomed by Travel India representative. Spend your time at leisure gearing up for the start of an exciting tour from… [Read More](https://cooltimeline.com/timeline/overnight-stay-at-the-hotel-in-delhi/) Day 2Delhi Sightseeing [Tour Of Delhi](https://cooltimeline.com/timeline/tour-of-delhi/)[![Tour Of Delhi](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-2.png)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-2.png)Start your day with a delicious breakfast after which you will embark upon a guided sightseeing tour of Delhi. Be it… [Read More](https://cooltimeline.com/timeline/tour-of-delhi/) Day 3Delhi - Jaipur [Explore Nahargarh Fort, Jaigarh Fort, Amber Fort](https://cooltimeline.com/timeline/explore-nahargarh-fort-jaigarh-fort-amber-fort/)[![Explore Nahargarh Fort, Jaigarh Fort, Amber Fort](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-3.png)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-3.png)Pick up and transfer from Delhi to Jaipur via road Check into a hotel on arrival and later have fun exploring the… [Read More](https://cooltimeline.com/timeline/explore-nahargarh-fort-jaigarh-fort-amber-fort/) Day 4Jaipur - Agra by Road [Taj Mahal (Shahjahan’s love for Mumtaz Mahal)](https://cooltimeline.com/timeline/taj-mahal-shahjahans-love-for-mumtaz-mahal/)[![Taj Mahal (Shahjahan’s love for Mumtaz Mahal)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-4.png)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-4.png)Fourth day after breakfast drive to Agra which remained the central place of administration of Mughal empire for a considerable period… [Read More](https://cooltimeline.com/timeline/taj-mahal-shahjahans-love-for-mumtaz-mahal/) Day 5Agra Exploration [Explore Agra Fort & Local Markets](https://cooltimeline.com/timeline/explore-agra-fort-local-markets/)[![agra_market](https://cooltimeline.com/wp-content/uploads/2026/01/agra_market.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/agra_market.jpg)Breakfast at the hotel Visit to UNESCO-listed Agra Fort Explore local handicrafts and marble markets **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline category="holiday-package" layout="horizontal" skin="dark" designs="design-2" show-posts="5" order="ASC" items="2" icons="dot" based="custom" read-more="show" content-length="20" line-filling="true" ]] ` #### Light Skin (Flat Design) Day 1Arrival Delhi [Overnight Stay At The Hotel In Delhi](https://cooltimeline.com/timeline/overnight-stay-at-the-hotel-in-delhi/)[![Overnight Stay At The Hotel In Delhi](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-1.png)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-1.png)Welcomed by Travel India representative. Spend your time at leisure gearing up for the start of an exciting tour from… [Read More](https://cooltimeline.com/timeline/overnight-stay-at-the-hotel-in-delhi/) Day 2Delhi Sightseeing [Tour Of Delhi](https://cooltimeline.com/timeline/tour-of-delhi/)[![Tour Of Delhi](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-2.png)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-2.png)Start your day with a delicious breakfast after which you will embark upon a guided sightseeing tour of Delhi. Be it… [Read More](https://cooltimeline.com/timeline/tour-of-delhi/) Day 3Delhi - Jaipur [Explore Nahargarh Fort, Jaigarh Fort, Amber Fort](https://cooltimeline.com/timeline/explore-nahargarh-fort-jaigarh-fort-amber-fort/)[![Explore Nahargarh Fort, Jaigarh Fort, Amber Fort](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-3.png)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-3.png)Pick up and transfer from Delhi to Jaipur via road Check into a hotel on arrival and later have fun exploring the… [Read More](https://cooltimeline.com/timeline/explore-nahargarh-fort-jaigarh-fort-amber-fort/) Day 4Jaipur - Agra by Road [Taj Mahal (Shahjahan’s love for Mumtaz Mahal)](https://cooltimeline.com/timeline/taj-mahal-shahjahans-love-for-mumtaz-mahal/)[![Taj Mahal (Shahjahan’s love for Mumtaz Mahal)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-4.png)](https://cooltimeline.com/wp-content/uploads/2021/08/holiday-4.png)Fourth day after breakfast drive to Agra which remained the central place of administration of Mughal empire for a considerable period… [Read More](https://cooltimeline.com/timeline/taj-mahal-shahjahans-love-for-mumtaz-mahal/) Day 5Agra Exploration [Explore Agra Fort & Local Markets](https://cooltimeline.com/timeline/explore-agra-fort-local-markets/)[![agra_market](https://cooltimeline.com/wp-content/uploads/2026/01/agra_market.jpg)](https://cooltimeline.com/wp-content/uploads/2026/01/agra_market.jpg)Breakfast at the hotel Visit to UNESCO-listed Agra Fort Explore local handicrafts and marble markets **Shortcode** (Above timeline uses this shortcode) :- ` [[cool-timeline category="holiday-package" layout="horizontal" designs="design-2" skin="light" category="wedding-timeline" show-posts="4" order="ASC" items="2" icons="dot" animations="fade" based="custom" line-filling="true" read-more="show" content-length="20" autoplay="true" autoplay-speed="3000"]] `