Boomerang

Sections

  1. Home
  2. Elements
  3. 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")
  ...