Horizontal Timeline (default Design)

Horizontal Timeline Default Design Demo

Explore the default horizontal timeline demo featuring a left-to-right layout with flexible style settings to match your website’s design.

Default Skin- (Default Design)

Step 1
Cleanse Skin
face-cleanser

Start with a gentle cleanser to remove dirt, oil, sweat, and makeup from your skin. Cleansing helps keep pores clean…
Read More

Step 2
Exfoliate Gently
Exfoliation

Exfoliation removes dead skin cells and helps improve skin texture and glow. Use a mild exfoliator 2–3 times a week,…
Read More

Step 3
Balance with Toner
Toner

Toner helps balance the skin’s pH and removes any leftover impurities after cleansing. It also refreshes the skin and prepares…
Read More

Step 4
Boost with Essence
Essence

Essence adds lightweight hydration and supports skin repair. It helps improve skin softness and boosts moisture levels without feeling heavy.…
Read More

Shortcode (Above timeline uses this shortcode) :-

				
					[cool-timeline layout="horizontal" designs="design-1" skin="default" category="skin-care" based="custom" story-content="short" show-posts="4" autoplay="false" autoplay-speed="3000" start-on="0" compact-ele-pos="main-date" order="ASC" story-date="show" date-format="F j" icons="icon" pagination="ajax_load_more"  line-filling="true" read-more="show" content-length="20" items="2" ]
				
			

Dark Skin - (Default Design)

Step 1
Cleanse Skin
face-cleanser

Start with a gentle cleanser to remove dirt, oil, sweat, and makeup from your skin. Cleansing helps keep pores clean…
Read More

Step 2
Exfoliate Gently
Exfoliation

Exfoliation removes dead skin cells and helps improve skin texture and glow. Use a mild exfoliator 2–3 times a week,…
Read More

Step 3
Balance with Toner
Toner

Toner helps balance the skin’s pH and removes any leftover impurities after cleansing. It also refreshes the skin and prepares…
Read More

Step 4
Boost with Essence
Essence

Essence adds lightweight hydration and supports skin repair. It helps improve skin softness and boosts moisture levels without feeling heavy.…
Read More

Shortcode (Above timeline uses this shortcode) :-

				
					[cool-timeline layout="horizontal" designs="design-1" skin="dark" category="skin-care" based="custom" story-content="short" show-posts="4" autoplay="false" autoplay-speed="3000" start-on="0" compact-ele-pos="main-date" order="ASC" story-date="show" date-format="F j" icons="icon" pagination="ajax_load_more"  line-filling="true" read-more="show" content-length="20" items="2" ]
				
			

Light Skin (Default Design)

Step 1
Cleanse Skin
face-cleanser

Start with a gentle cleanser to remove dirt, oil, sweat, and makeup from your skin. Cleansing helps keep pores clean…
Read More

Step 2
Exfoliate Gently
Exfoliation

Exfoliation removes dead skin cells and helps improve skin texture and glow. Use a mild exfoliator 2–3 times a week,…
Read More

Step 3
Balance with Toner
Toner

Toner helps balance the skin’s pH and removes any leftover impurities after cleansing. It also refreshes the skin and prepares…
Read More

Step 4
Boost with Essence
Essence

Essence adds lightweight hydration and supports skin repair. It helps improve skin softness and boosts moisture levels without feeling heavy.…
Read More

Shortcode (Above timeline uses this shortcode) :-
				
					[cool-timeline layout="horizontal" designs="design-1" skin="light" category="skin-care" based="custom" story-content="short" show-posts="4" autoplay="false" autoplay-speed="3000" start-on="0" compact-ele-pos="main-date" order="ASC" story-date="show" date-format="F j" icons="icon" pagination="ajax_load_more"  line-filling="true" read-more="show" content-length="20" items="2" ]