Parallax Template
A modern responsive front-end framework based on Material Design.
A modern responsive front-end framework based on Material Design.
A modern responsive front-end framework based on Material Design.
Parallax
Parallax is an effect where the background content or image in this case, is moved at a different speed than the foreground content while scrolling.
To achieve a parallax effect, you must remove the "container" template option from your page.

Parallax regions will use 100% of the page.

Non-parallax regions should use the "container" template options to be centered in the middle of the page.

If you are unsure, edit this demo app to see how it's done.
Parallax Template
A modern responsive front-end framework based on Material Design.
A modern responsive front-end framework based on Material Design.
A modern responsive front-end framework based on Material Design.
Parallax
Parallax is an effect where the background content or image in this case, is moved at a different speed than the foreground content while scrolling.
Lorem ipsum dolor sit amet, consectetur adipiscing elit. Etiam purus nunc, eleifend eu urna non, pretium congue elit. Aliquam at urna eros. Donec in porta nibh, ac consectetur orci. Praesent id eros vel enim malesuada ultricies. Donec sagittis lorem non gravida posuere. In efficitur leo sed dui semper, at porta felis condimentum. Integer interdum nibh dui, vitae dictum nisi volutpat at. Etiam id dictum orci. Aenean ut dui eleifend mi gravida dapibus at at neque.