Parallax

<section>
  <div class="row">
    <div class="col-sm-12">
      <div class="jarallax">
        <img class="jarallax-img" src="assets/images/demo-img/gnx-bg.jpg" data-rjs="2" alt="Image">
        <div class="demo-table">
          <div class="demo-table-cell">
            <h2>Parallax Background</h2>
          </div>
        </div>
      </div>
    </div>
  </div><!-- /.row -->
</section>

<section>
  <div class="row">
    <div class="col-sm-12">
      <div class="jarallax" data-speed="0.2">
        <img class="jarallax-img" src="assets/images/demo-img/gnx-bg.jpg" data-rjs="2" alt="Image">
        <div class="demo-table">
          <div class="demo-table-cell">
            <h4>data-speed= &quot;0.2&quot;</h4>
          </div>
        </div>
      </div>
      <div class="jarallax" data-speed="-0.2">
        <img class="jarallax-img" src="assets/images/demo-img/gnx-bg.jpg" data-rjs="2" alt="Image">
        <div class="demo-table">
          <div class="demo-table-cell">
            <h4>data-speed= &quot;-0.2&quot;</h4>
          </div>
        </div>
      </div>
      <div class="jarallax" data-speed="1.4">
        <img class="jarallax-img" src="assets/images/demo-img/gnx-bg.jpg" data-rjs="2" alt="Image">
        <div class="demo-table">
          <div class="demo-table-cell">
            <h4>data-speed= &quot;1.4&quot;</h4>
          </div>
        </div>
      </div>
    </div>
  </div><!-- /.row -->
</section>

<section>
  <div class="row">
    <div class="col-sm-12">
      <!-- Youtube Video -->
      <div class="jarallax" data-video-src="YouTube/Vimeo_Video_Link_Here">
        <div class="demo-table">
          <div class="demo-table-cell">
            <h4>Youtube Video</h4>
          </div>
        </div>
      </div>
    </div>
  </div><!-- /.row -->
</section>

<section>
  <div class="row">
    <div class="col-sm-12">
      <!-- Local Video -->
      <div class="jarallax" data-speed="0" data-video-src="mp4:video/your-local-video.mp4,webm:video/your-local-video.webm,ogv:video/your-local-video.ogv">
        <img class="jarallax-img" src="video/poster.png" alt="">
        <div class="demo-table">
          <div class="demo-table-cell">
            <h4>Local Video</h4>
          </div>
        </div>
      </div>
    </div>
  </div><!-- /.row -->
</section>