Time for action – setting up HTML for Scrollorama

Perform the following steps to get the page set up to add scrolling animations:

1. Head over to http://johnpolacek.github.io/scrollorama/. You'll find a link to download a ZIP file right near the top of the page, but feel free to take a moment to scroll down the page to see demos of the different types of animations that are possible. When you're done, go ahead and download the file and unzip it.

   Inside, you'll find a couple of sample CSS style sheets, a sample index.html file, a README file, a .json file, and some JavaScripts. The JavaScripts include jQuery itself, the Scrollorama plugin, and the Lettering.js plugin. Yep, this is the same Lettering.js plugin that we used in Chapter 9, Improving Typography. In this case, the plugin's author, John Polacek, used it to create animations on individual letters in the samples provided with the plugin.

   The only file we'll need here is jquery.scrollorama.js. Go ahead and...