<!-- At the bottom of your page but inside of the body tag -->
<ol class="joyride-list" data-joyride>
	<li data-id="firstStop" data-text="Next" data-options="tip_location: top">
		<p>Hello and welcome to the Joyride documentation page.</p>
	</li>
	<li data-id="numero1" data-class="custom so-awesome" data-text="Next">
		<h4>Stop #1</h4>
		<p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p>
	</li>
	<li data-id="numero2" data-button="Next" data-options="tip_location:top;tip_animation:fade">
		<h4>Stop #2</h4>
		<p>Get the details right by styling Joyride with a custom stylesheet!</p>
	</li>
	<li data-button="End">
		<h4>Stop #3</h4>
		<p>It works as a modal too!</p>
	</li>
</ol>
