h1 Should I scroll?
  h1 NO NO, don't scroll
    h1 Why are you still scrolling?
  h1 Don't! You'll see bad things

    h1 NAH. You little rebel. I like you. 
  h1 Just wanted to show you how easy is parallax with Stellar.js
  a(href="http://markdalgleish.com/projects/stellar.js/") Stellar.js
View Compiled
@import url(https://fonts.googleapis.com/css?family=Titillium+Web:400,700&subset=latin,latin-ext);
  margin: 0;
  padding: 0;
  text-align: center;

  position: relative;
  width: 100%;
  width: 100%;
  height: 600px;
  margin: 0;
  display: table;
  background-size: cover;
  background-attachment: fixed;
  background-repeat: no-repeat;
  padding-top: 50px;
  margin-top: -50px;

.first{background-image: url(http://i.huffpost.com/gen/1651021/images/o-SCARED-facebook.jpg);}
.second{background-image: url(http://benhowdle.im/img/monstersinc.jpeg);}
.third{background-image: url(http://images6.alphacoders.com/315/315801.jpg);}

.first h1,
.second h1,
.third h1
  margin: 0 auto;
  vertical-align: middle; 
  display: table-cell;
  font-family: 'Titillium Web', sans-serif;
  font-weight: 400;
  font-size: 60px;
  color: white;

.text{margin: 10% 5%;}

.text h1,
.text a
{font-family: 'Titillium Web', sans-serif;}

External CSS

This Pen doesn't use any external CSS resources.

External JavaScript

  1. //cdnjs.cloudflare.com/ajax/libs/jquery/2.1.3/jquery.min.js
  2. https://rawgithub.com/markdalgleish/stellar.js/master/jquery.stellar.min.js