<!-- Tip Content -->
<ol id="help_d3dIntro">
  <li data-button="OK" class="d3dInfoWelcomePanel">
    <h1>Welcome to Doodle3D</h1>
    <p></p>
    <p>It looks like it's your first time here. How about we give you a quick tour?</p>
    <p> </p>
  </li>
  <li data-class="leftpanel" class="custom" data-button="OK" data-options="tipLocation:right">
    <h2>leftpanel</h2>
    <p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p>
    <p><a href="#">linkme beautiful</a>.</p>
  </li>
  <li data-class="btnNew" class="custom" data-text="Next" data-options="tipLocation:right">
    <h2>New</h2>
    <p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p>
    <p><a href="#">linkme beautiful</a>.</p>
  </li>
  <li data-class="btnSave" data-button="Next" data-options="tipLocation:right">
    <h2>Save</h2>
    <p>Get the details right by styling Joyride with a custom stylesheet!</p>
  </li>
  <li data-button="Next">
    <h2>Modal</h2>
    <p>It works as a modal too!</p>
  </li>
  <li data-class="btnOops" data-button="Next" data-options="tipLocation:right">
    <h2>Oops</h2>
    <p>It works right aligned.</p>
  </li>
  <li data-class="rightpanel" data-button="Next" data-options="tipLocation:left">
    <h2>Print</h2>
    <p>It works with classes, and only on the first visible element with that class.</p>
  </li>
  <li data-class="btnPrint" data-button="Next" data-options="tipLocation:left">
    <h2>Print</h2>
    <p>It works with classes, and only on the first visible element with that class.</p>
  </li>
  <li data-class="btnStop" data-button="Close" data-options="tipLocation:left">
    <h2>Stop</h2>
    <p>It works with classes, and only on the first visible element with that class.</p>
  </li>
</ol>

<ol id="help_InfoReminder">
  <li data-class="btnInfo" data-button="Got it" data-options="tipLocation:top">
    <h2>Reminder</h2>
    <p>You can always find this tour in the info window.</p>
  </li>
</ol>

<!-- Tip Content -->

<!--<ol id="joyrideTour">-->
  <!--<li data-class="new" data-text="Next" class="custom" data-options="tipLocation:right">-->
    <!--<h2>New</h2>-->
    <!--<p>You can control all the details for you tour stop. Any valid HTML will work inside of Joyride.</p>-->
    <!--<p><a href="#">linkme beautiful</a>.</p>-->
  <!--</li>-->
  <!--<li data-class="print" data-button="Close" data-options="tipLocation:left">-->
    <!--<h2>Print</h2>-->
    <!--<p>It works with classes, and only on the first visible element with that class.</p>-->
  <!--</li>-->
<!--</ol>-->