Components / Content - CTA / Banner

Full width

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Default CTA Banner

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

0.7.3 component text wrap

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Default CTA Banner inside container

Default CTA Banner inside container

Default

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Full width

Boxed

Headline here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Headline here Primary CTA

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Headline here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Headline here

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Overlay opacity 10%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Overlay opacity 50%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Overlay opacity 90%

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Overlay opacity 90% Boxed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Overlay opacity 30% Gradient

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Overlay opacity 60% Gradient

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Overlay opacity 100% Gradient

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Overlay opacity 20% Gradient Boxed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Overlay opacity 30% and mobile 10% Gradient Boxed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Overlay opacity 70% and mobile 20% Gradient Boxed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Overlay opacity 70% and mobile 20% one colour

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Overlay opacity 10% and mobile 30% Gradient Boxed

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Mauris non tellus tempus, tempor elit sit amet.

Headline test broken URL

Box banner with CTA