# Sections

## Simple Section.

See how your users experience your website in realtime or view trends to see any changes in performance over time.

## Simple Section.

See how your users experience your website in realtime or view trends to see any changes in performance over time.

## Parallax Section.

See how your users experience your website in realtime or view trends to see any changes in performance over time.

## Vimeo Section.

See how your users experience your website in realtime or view trends to see any changes in performance over time.

## Youtube and Gradient.

See how your users experience your website in realtime or view trends to see any changes in performance over time.

## Local Video.

See how your users experience your website in realtime or view trends to see any changes in performance over time.

    <section class="module">
       ...
    </section>

    <section class="module bg-gray">
       ...
    </section>

    <section class="module parallax" data-background="assets/images/module-1.jpg" data-overlay="0.5">
       ...
    </section>

    <section class="module parallax" data-background="assets/images/module-1.jpg" data-jarallax-video="https://vimeo.com/144698619" data-overlay="0.5">
       ...
    </section>

    <section class="module parallax" data-background="assets/images/module-1.jpg" data-jarallax-video="https://www.youtube.com/watch?v=ARvle-Ei6Sw" data-overlay="0.85" data-gradient="1">
       ...
    </section>

    <section class="module parallax" data-background="assets/images/module-1.jpg" data-jarallax-video="mp4:assets/video/video.mp4,webm:assets/video/video.webm,ogv:assets/video/video.ogv" data-overlay="0.3">
       ...
    </section>

    section.module
      ...

    section.module.bg-gray
      ...

    section.module.parallax(data-background="assets/images/module-1.jpg" data-overlay="0.5")
      ...

    section.module.parallax(data-background="assets/images/module-1.jpg" data-jarallax-video="https://vimeo.com/144698619" data-overlay="0.5")
      ...

    section.module.parallax(data-background="assets/images/module-1.jpg" data-jarallax-video="https://www.youtube.com/watch?v=ARvle-Ei6Sw" data-overlay="0.85" data-gradient="1")
      ...

    section.module.parallax(data-background="assets/images/module-1.jpg" data-jarallax-video="mp4:assets/video/video.mp4,webm:assets/video/video.webm,ogv:assets/video/video.ogv" data-overlay="0.3")
      ...