<div class="jarallax" style="background-image: url(https://free.nkdev.info/jarallax/images/image1.jpg);">
  <div class="demo-table">
    <div class="demo-table-cell">
      <h1>Just Another Parallax <small>[Jarallax]</small></h1>
      <h2>Parallax with high performance</h2>

      <br>
      <a class="github-button" href="https://github.com/nk-o/jarallax" data-style="mega" data-count-href="/nk-o/jarallax/stargazers" data-count-api="/repos/nk-o/jarallax#stargazers_count" data-count-aria-label="# stargazers on GitHub" aria-label="Star nk-o/jarallax on GitHub">Star</a>
      <a class="github-button" href="https://github.com/nk-o/jarallax/archive/master.zip" data-style="mega" aria-label="Download nk-o/jarallax on GitHub">Download</a>
    </div>
  </div>
</div>
<div class="jarallax" style="background-image: url(https://free.nkdev.info/jarallax/images/image2.jpg);"></div>
<div class="demo-gap">
  <h3>Small gap</h3>
</div>
<div class="jarallax" style="background-image: url(https://free.nkdev.info/jarallax/images/image3.jpg);"></div>
<div class="jarallax" style="background-image: url(https://free.nkdev.info/jarallax/images/image4.jpg);"></div>
<div class="jarallax" style="background-image: url(https://free.nkdev.info/jarallax/images/image5.jpg);"></div>

<div class="demo-gap">
  <p>
    Jarallax © 2016 _nK released under WTFPL license
  </p>
  <small>
    All images taken from <a href="https://www.pexels.com/">https://www.pexels.com/</a>
  </small>
</div>

<script async defer id="github-bjs" src="https://buttons.github.io/buttons.js"></script>

/* init Jarallax */
jarallax(document.querySelectorAll('.jarallax'), {
  speed: 0.5,
  imgWidth: 1366,
  imgHeight: 768
});