---
title: "One Side Timeline Flat Design"
url: https://cooltimeline.com/demo/flat-one-side-timeline/
date: 2025-11-10
modified: 2026-09-18
lang: en
author: "cpsatinder"
description: "One Side Timeline (Flat Design) Flat One Side Timeline Layout Explore the flat one-side timeline layout featuring a simple single-column structure with flexible timeline settings for better visual control. Cool Timeline..."
image: https://cooltimeline.com/wp-content/uploads/2025/12/one_side_timeline_flat_design.jpg
word_count: 161
---

# One Side Timeline Flat Design

**One Side Timeline (Flat Design)**

# Flat One Side Timeline Layout
Explore the flat one-side timeline layout featuring a simple single-column structure with flexible [timeline settings](https://cooltimeline.com/doc/timeline-settings-cool-timeline/) for better visual control.

![cool-timeline](https://cooltimeline.com/wp-content/uploads/2025/10/icon-cool-timeline-150x150.png)
### Cool Timeline Pro
[
Deafult
](/demo/default-one-side-timeline/)
[
Flat
](/demo/flat-one-side-timeline/)
[
Classic
](/demo/classic-one-side-timeline/)
[
Elegant
](/demo/elegant-one-side-timeline/)
[
Clean
](/demo/clean-one-side-timeline/)
[
Modern
](/demo/modern-one-side-timeline/)
[
Minimal
](/demo/minimal-one-side-timeline/)
[

Buy plugin
](/plugin/cool-timeline-pro/#pricing)

Default Skin

Dark Skin

Light Skin

#### Default Skin- (Flat Design)

2011Steve Jobs’ Legacy
[A Turning Point for Apple](https://cooltimeline.com/timeline/steve-jobs-legacy-a-turning-point-for-apple/)[![A Turning Point for Apple](https://cooltimeline.com/wp-content/uploads/2023/08/A-Turning-Point-for-Apple.png)](https://cooltimeline.com/wp-content/uploads/2023/08/A-Turning-Point-for-Apple.png)The passing of Apple’s visionary founder and driving force, Steve Jobs, marked a profound turning point in the company’s history.…
[Read More](https://cooltimeline.com/timeline/steve-jobs-legacy-a-turning-point-for-apple/)

2010iPad
[Redefining Tablets for the Mobile Age](https://cooltimeline.com/timeline/ipad-redefining-tablets-for-the-mobile-age/)[![Redefining Tablets for the Mobile Age](https://cooltimeline.com/wp-content/uploads/2023/08/Redefining-Tablets-for-the-Mobile-Age.png)](https://cooltimeline.com/wp-content/uploads/2023/08/Redefining-Tablets-for-the-Mobile-Age.png)Following the resounding success of the iPhone, Apple set its sights on reinventing tablet computers, envisioning finger-based mobile devices that…
[Read More](https://cooltimeline.com/timeline/ipad-redefining-tablets-for-the-mobile-age/)

2008MacBook Air
[Pioneering the Ultrabook Revolution](https://cooltimeline.com/timeline/macbook-air-pioneering-the-ultrabook-revolution/)[![Pioneering the Ultrabook Revolution](https://cooltimeline.com/wp-content/uploads/2023/08/Pioneering-the-Ultrabook-Revolution.png)](https://cooltimeline.com/wp-content/uploads/2023/08/Pioneering-the-Ultrabook-Revolution.png)The MacBook Air, a monumental milestone in Apple’s laptop lineup, heralded a profound transformation in the world of computing. This…
[Read More](https://cooltimeline.com/timeline/macbook-air-pioneering-the-ultrabook-revolution/)

2007iPhone
[The Pioneering Catalyst of a Portable Computing Revolution](https://cooltimeline.com/timeline/iphone-the-pioneering-catalyst-of-a-portable-computing-revolution/)[![The Pioneering Catalyst of a Portable Computing Revolution](https://cooltimeline.com/wp-content/uploads/2023/08/The-Pioneering-Catalyst-of-a-Portable-Computing-Revolution.png)](https://cooltimeline.com/wp-content/uploads/2023/08/The-Pioneering-Catalyst-of-a-Portable-Computing-Revolution.png)The launch of the iPhone in the wake of the iPod’s success marked a transformative moment for Apple, catapulting the…
[Read More](https://cooltimeline.com/timeline/iphone-the-pioneering-catalyst-of-a-portable-computing-revolution/)

Page 1 of 5 1
[2](https://cooltimeline.com/demo/flat-one-side-timeline/page/2/)
…
[5](https://cooltimeline.com/demo/flat-one-side-timeline/page/5/)
[**](https://cooltimeline.com/demo/flat-one-side-timeline/page/2/)

**Shortcode** (Above timeline uses this shortcode) :-

`
[[cool-timeline layout="one-side" designs="design-2" skin="default" category="apple-history" show-posts="4" order="DESC" icons="icon" animations="fade-up" timeline-title=" " read-more="show" content-length="20" based="custom"]]
`

#### Dark Skin - (Flat Design)

2011Steve Jobs’ Legacy
[A Turning Point for Apple](https://cooltimeline.com/timeline/steve-jobs-legacy-a-turning-point-for-apple/)[![A Turning Point for Apple](https://cooltimeline.com/wp-content/uploads/2023/08/A-Turning-Point-for-Apple.png)](https://cooltimeline.com/wp-content/uploads/2023/08/A-Turning-Point-for-Apple.png)The passing of Apple’s visionary founder and driving force, Steve Jobs, marked a profound turning point in the company’s history.…
[Read More](https://cooltimeline.com/timeline/steve-jobs-legacy-a-turning-point-for-apple/)

2010iPad
[Redefining Tablets for the Mobile Age](https://cooltimeline.com/timeline/ipad-redefining-tablets-for-the-mobile-age/)[![Redefining Tablets for the Mobile Age](https://cooltimeline.com/wp-content/uploads/2023/08/Redefining-Tablets-for-the-Mobile-Age.png)](https://cooltimeline.com/wp-content/uploads/2023/08/Redefining-Tablets-for-the-Mobile-Age.png)Following the resounding success of the iPhone, Apple set its sights on reinventing tablet computers, envisioning finger-based mobile devices that…
[Read More](https://cooltimeline.com/timeline/ipad-redefining-tablets-for-the-mobile-age/)

2008MacBook Air
[Pioneering the Ultrabook Revolution](https://cooltimeline.com/timeline/macbook-air-pioneering-the-ultrabook-revolution/)[![Pioneering the Ultrabook Revolution](https://cooltimeline.com/wp-content/uploads/2023/08/Pioneering-the-Ultrabook-Revolution.png)](https://cooltimeline.com/wp-content/uploads/2023/08/Pioneering-the-Ultrabook-Revolution.png)The MacBook Air, a monumental milestone in Apple’s laptop lineup, heralded a profound transformation in the world of computing. This…
[Read More](https://cooltimeline.com/timeline/macbook-air-pioneering-the-ultrabook-revolution/)

2007iPhone
[The Pioneering Catalyst of a Portable Computing Revolution](https://cooltimeline.com/timeline/iphone-the-pioneering-catalyst-of-a-portable-computing-revolution/)[![The Pioneering Catalyst of a Portable Computing Revolution](https://cooltimeline.com/wp-content/uploads/2023/08/The-Pioneering-Catalyst-of-a-Portable-Computing-Revolution.png)](https://cooltimeline.com/wp-content/uploads/2023/08/The-Pioneering-Catalyst-of-a-Portable-Computing-Revolution.png)The launch of the iPhone in the wake of the iPod’s success marked a transformative moment for Apple, catapulting the…
[Read More](https://cooltimeline.com/timeline/iphone-the-pioneering-catalyst-of-a-portable-computing-revolution/)

Page 1 of 5 1
[2](https://cooltimeline.com/demo/flat-one-side-timeline/page/2/)
…
[5](https://cooltimeline.com/demo/flat-one-side-timeline/page/5/)
[**](https://cooltimeline.com/demo/flat-one-side-timeline/page/2/)

**Shortcode** (Above timeline uses this shortcode) :-

`
[[cool-timeline layout="one-side" designs="design-2" skin="dark" category="apple-history" show-posts="4" order="DESC" icons="icon" animations="fade-up" timeline-title=" " read-more="show" content-length="20" based="custom"]]
`

#### Light Skin (Flat Design)

2011Steve Jobs’ Legacy
[A Turning Point for Apple](https://cooltimeline.com/timeline/steve-jobs-legacy-a-turning-point-for-apple/)[![A Turning Point for Apple](https://cooltimeline.com/wp-content/uploads/2023/08/A-Turning-Point-for-Apple.png)](https://cooltimeline.com/wp-content/uploads/2023/08/A-Turning-Point-for-Apple.png)The passing of Apple’s visionary founder and driving force, Steve Jobs, marked a profound turning point in the company’s history.…
[Read More](https://cooltimeline.com/timeline/steve-jobs-legacy-a-turning-point-for-apple/)

2010iPad
[Redefining Tablets for the Mobile Age](https://cooltimeline.com/timeline/ipad-redefining-tablets-for-the-mobile-age/)[![Redefining Tablets for the Mobile Age](https://cooltimeline.com/wp-content/uploads/2023/08/Redefining-Tablets-for-the-Mobile-Age.png)](https://cooltimeline.com/wp-content/uploads/2023/08/Redefining-Tablets-for-the-Mobile-Age.png)Following the resounding success of the iPhone, Apple set its sights on reinventing tablet computers, envisioning finger-based mobile devices that…
[Read More](https://cooltimeline.com/timeline/ipad-redefining-tablets-for-the-mobile-age/)

2008MacBook Air
[Pioneering the Ultrabook Revolution](https://cooltimeline.com/timeline/macbook-air-pioneering-the-ultrabook-revolution/)[![Pioneering the Ultrabook Revolution](https://cooltimeline.com/wp-content/uploads/2023/08/Pioneering-the-Ultrabook-Revolution.png)](https://cooltimeline.com/wp-content/uploads/2023/08/Pioneering-the-Ultrabook-Revolution.png)The MacBook Air, a monumental milestone in Apple’s laptop lineup, heralded a profound transformation in the world of computing. This…
[Read More](https://cooltimeline.com/timeline/macbook-air-pioneering-the-ultrabook-revolution/)

2007iPhone
[The Pioneering Catalyst of a Portable Computing Revolution](https://cooltimeline.com/timeline/iphone-the-pioneering-catalyst-of-a-portable-computing-revolution/)[![The Pioneering Catalyst of a Portable Computing Revolution](https://cooltimeline.com/wp-content/uploads/2023/08/The-Pioneering-Catalyst-of-a-Portable-Computing-Revolution.png)](https://cooltimeline.com/wp-content/uploads/2023/08/The-Pioneering-Catalyst-of-a-Portable-Computing-Revolution.png)The launch of the iPhone in the wake of the iPod’s success marked a transformative moment for Apple, catapulting the…
[Read More](https://cooltimeline.com/timeline/iphone-the-pioneering-catalyst-of-a-portable-computing-revolution/)

Page 1 of 5 1
[2](https://cooltimeline.com/demo/flat-one-side-timeline/page/2/)
…
[5](https://cooltimeline.com/demo/flat-one-side-timeline/page/5/)
[**](https://cooltimeline.com/demo/flat-one-side-timeline/page/2/)

**Shortcode** (Above timeline uses this shortcode) :-

`
[[cool-timeline layout="one-side" designs="design-2" skin="light" category="apple-history" show-posts="4" order="DESC" icons="icon" animations="fade-up" timeline-title=" " read-more="show" content-length="20" based="custom"]]
`