JSFiddle - React, Tailwind, and code Playground

by jpking72

HTML

<script src="https://rawgithub.com/alvarotrigo/fullPage.js/master/jquery.fullPage.js"></script>
<link rel="stylesheet" href="https://rawgithub.com/alvarotrigo/fullPage.js/master/jquery.fullPage.css">
<script src="https://parkman.clients.easterly.com/images/pwHoustonDowntown.jpg"></script>
<script src="https://parkman.clients.easterly.com/pwHoustonWindow2.jpg"></script>

<div id="fullsite">
  <div class="section" id="section1">
    <h1>
    Section 1
    </h1>
  </div>
  <div class="section" id="section2">
  <h1>
Section 2
  </h1>
  </div>
  <div class="section" id="section3">
  <h1>
  Section 3
  </h1>
  </div>
</div>

CSS

#fullsite {
  background-attachment:fixed;
}

#section1 {
  background:url(pwHoustonDowntown.jpg) no-repeat 0 0 fixed / cover;
}

#section2 {
  background-color:#CCCCCC;
}

#section3 {
  background:url(pwHoustonWindow2.jpg) no-repeat 0 0 fixed / cover ;
}

JavaScript

$("#fullsite").fullpage({

})