Parallax

Parallax scrolling is a web site trend where the background content image is moved at a different speed than the foreground content while scrolling. To implement parallax effect use div with .parallax-bg class and with data-image-src attribute that will point to your backgound image. You can add your webpage content inside of the .parallax-bg div.

SCROLL DOWN

Parallax Height

height can be specified by adding height class, such as .height-300

Light Text Color

Make light text on dark backgrounds by adding class .color-white