Medium length hero heading goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique. Duis cursus, mi quis viverra ornare, eros dolor interdum nulla, ut commodo diam libero vitae erat.

Button Button

Tagline

Medium length section heading goes here

Subheading one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Subheading two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Button

Tagline

Medium length section heading goes here

Subheading one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Subheading two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Button

Tagline

Short heading goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Tagline

Medium length section heading goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Button

Tagline

Short heading here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button

Tagline

Short heading here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button

Tagline

Short heading here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button

Tagline

Short heading here

Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Button

Medium length heading goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Button Button

Medium length hero heading goes here

Button Button

Long heading is what you see here in this feature section

Subheading one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Subheading two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Instructions

To make this component work you must follow these steps:

Add a Page trigger Interaction and select Mouse move in viewport
Select the Header 142 Images [Move] animation inside On mouse move
Set Smoothing to 90%
Under Trigger Settings select to trigger on Desktop and above only

Medium length hero heading goes here

Button Button

Long heading is what you see here in this feature section

Medium length heading goes here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros elementum tristique.

Button Button

Tagline

Medium length section heading goes here

Subheading one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Subheading two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Button

Tagline

Medium length section heading goes here

Subheading one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Subheading two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Button

Long heading is what you see here in this feature section

Subheading one

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Subheading two

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse varius enim in eros.

Long heading is what you see here in this feature section

Instructions

To make this component work with other components you must:

Add a background color to the section div above ↑ this Timeline section. This is will help hide the progress line overflow.
Add z-index-2 class to the section div above ↑ this Timeline section. This will ensure the oveflowing progress line from the Timeline section below ↓ is hidden underneath it.

Tagline