---
title: "Features Page Template"
url: https://cooltimeline.com/demo/features-page-timeline/
date: 2025-11-11
modified: 2026-02-17
lang: en
author: "cpsatinder"
description: "Features Page Template Features Page Timeline with Cool Timeline Create a powerful features page using a timeline design that presents key updates and timeline stories in a clear, chronological format...."
image: https://cooltimeline.com/wp-content/uploads/2025/12/features_page_timeline.jpg
word_count: 127
---

# Features Page Template

**Features Page Template**

# Features Page Timeline with Cool Timeline
Create a powerful features page using a timeline design that presents key updates and [timeline stories](https://cooltimeline.com/doc/add-timeline-stories/) in a clear, chronological format.

![cool-timeline](https://cooltimeline.com/wp-content/uploads/2025/10/icon-cool-timeline-150x150.png)
### Cool Timeline Pro
[
Company History
](/demo/company-history-timeline/)
[
Daily Routine
](/demo/daily-life-routine-timeline/)
[
Holiday Itinerary
](/demo/holiday-itinerary-timeline/)
[
Work Experience
](/demo/work-experience-timeline/)
[

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

Vertical

One Side

#### Vertical Layout- (Default Design)

basic-features

- All- Advance Features- Basic Features

Shortcode GeneratorAdd Shortcode Easily
[Quick Shortcode Generator](https://cooltimeline.com/timeline/shortcode-generator/)Easily add timeline on any page using simple short-code generator tool.

Any Device CompatibleMobile Responsive
[Responsive Timeline](https://cooltimeline.com/timeline/responsive-timeline/)Full responsive and compatible with all devices.

Timeline CategoriesMultiple Timelines
[Multiple Timeline Categories](https://cooltimeline.com/timeline/timeline-categories/)Manage Multiple timelines via categories.

Custom IconsIcons
[FontAwesome / Custom – Image Icon](https://cooltimeline.com/timeline/fontawesome-custom-image-icon/)Use custom image or fontaesome icons inside timeline.

Page 1 of 2 1
[2](https://cooltimeline.com/demo/features-page-timeline/page/2/)
[**](https://cooltimeline.com/demo/features-page-timeline/page/2/)

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

`
[[cool-timeline layout="default" designs="default" skin="default" category="basic-features" show-posts="4" order="ASC" icons="icon" animations="fade-up" story-content="full" filter-categories="advance-features,basic-features" based="custom" compact-ele-pos="main-date" pagination="default" filters="yes"]]
`

#### One Side Layout- (Elegant Design)

advance-features

- All- Advance Features- Basic Features

Custom Color
[Custom Color Option](https://cooltimeline.com/timeline/custom-color-option/)You can selet custim colors for every single story inside your timeline.

ASC / DESCAdjust Stories Order
[Adjust Stories Order ASC / DESC](https://cooltimeline.com/timeline/adjust-stories-order/)
You can show your timeline in any order based date or custom order(ASC/DESC).

Posts TimelineAny Post Type Timeline
[Blog Posts Timeline](https://cooltimeline.com/timeline/blog-posts-timeline/)
Convert your blog posts or custom post-type into a beautiful timeline.

BC / AD TimelineAny Historical Date
[Any Historical Date Timeline](https://cooltimeline.com/timeline/any-historical-date/)
You can select any date for your timeline stories. From year 0 or(BC/AD).

Page 1 of 2 1
[2](https://cooltimeline.com/demo/features-page-timeline/page/2/)
[**](https://cooltimeline.com/demo/features-page-timeline/page/2/)

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

`
[[cool-timeline layout="one-side" designs="design-4" skin="default" category="advance-features" show-posts="4" order="ASC" icons="icon" filter-categories="advance-features,basic-features" animations="fade-up" story-content="full" based="custom" compact-ele-pos="main-date" pagination="default" filters="yes"]]
`