Backgrounds

Diversity of backgrounds that you can use to customise your sections.

Overlay

Image with Overlay

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias esse ab aliquam, sapiente officiis hic iste voluptate odit unde dicta enim, quibusdam velit, dignissimos.

<div class="image image-overlay" style="background-image:url(path/to/image)"></div>

Parallax

Image with Parallax

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias esse ab aliquam, sapiente officiis hic iste voluptate odit unde dicta enim, quibusdam velit, dignissimos.

<div class="image image-overlay image-scrolling" style="background-image:url(path/to/image)"
  data--100-bottom-top="transform: translateY(0%);" 
  data-top-bottom="transform: translateY(25%);">
</div>

Blured

Blurred Image

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Molestias esse ab aliquam, sapiente officiis hic iste voluptate odit unde dicta enim, quibusdam velit, dignissimos.

<div class="image image-overlay image-blur" style="background-image:url(path/to/image)"></div>