<header>
  <h1>Everybody loves full width faux-parallax</h1>
</header>
<div class="content">
  <h1>Title 1</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget quam ac ipsum molestie aliquam. Sed blandit leo dui, ac sollicitudin orci molestie nec. Aenean faucibus, eros id vulputate tristique, tortor lectus mattis arcu, a dapibus libero velit vitae nunc. In hac habitasse platea dictumst. Aliquam at ipsum quis erat eleifend convallis. Pellentesque leo eros, sagittis eu dolor sit amet, dignissim posuere orci. Aliquam sit amet congue sapien. Fusce fermentum erat sit amet magna blandit gravida. Nam et ligula tincidunt, adipiscing dolor nec, dignissim metus. Nam lorem massa, tempor nec semper ac, imperdiet sit amet libero. In fermentum arcu non purus cursus, at auctor tortor blandit. Duis vel arcu a massa auctor mattis.</p>
</div>
<div class="mid"></div>
<div class="content">
  <h1>Title 2</h1>
  <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis eget quam ac ipsum molestie aliquam. Sed blandit leo dui, ac sollicitudin orci molestie nec. Aenean faucibus, eros id vulputate tristique, tortor lectus mattis arcu, a dapibus libero velit vitae nunc. In hac habitasse platea dictumst. Aliquam at ipsum quis erat eleifend convallis. Pellentesque leo eros, sagittis eu dolor sit amet, dignissim posuere orci. Aliquam sit amet congue sapien. Fusce fermentum erat sit amet magna blandit gravida. Nam et ligula tincidunt, adipiscing dolor nec, dignissim metus. Nam lorem massa, tempor nec semper ac, imperdiet sit amet libero. In fermentum arcu non purus cursus, at auctor tortor blandit. Duis vel arcu a massa auctor mattis.</p>
</div>
<footer></footer>

* { margin:0; padding:0; font-family: Verdana, Helvetica, sans-serif; }

header {
  height:300px;
  width:100%;
  background:url('http://lorempixel.com/nature/1000/500') center center fixed tomato;
  background-blend-mode:multiply;
  background-size:cover;
  padding:75px 0 0 0;
  box-sizing:border-box;
  & h1 {
    display:block;
    width:50%;
    margin:auto;
    text-align:center;
    font-size:50px;
    color:white;
  }
}


.mid {
  height:300px;
  width:100%;
  background:url('http://lorempixel.com/nature/1000/600') center center fixed;
  background-size:cover;
}


footer {
  height:150px; 
  width:100%;
  background:url('http://lorempixel.com/nature/1000/550') center center fixed;
  background-size:cover;
}

.content {
  width:70%;
  margin:auto;
  padding:100px 0 100px 0; 
}