doodle3d-client/www/helpcontent.html

<div class="my-tour-overlay"></div>

<ol class='tourbus-legs' id='tour1'>

  <!-- FIRST WELCOME -->
  <li data-orientation='centered' data-highlight='true'>
    <h2>Welcome to Doodle3D</h2>
    <p>This is your first time starting the app. How about we show you around a bit?</p>
    <a href='javascript:void(0);' class='prevnextBtn tourbus-next'>Yes</a>
    <a href='javascript:void(0);' class='prevnextBtn endIntroTour'>No</a>
  </li>

  <!-- LEFT PANEL -->
  <li data-el='.leftpanel' data-orientation='right' data-width='300' data-highlight='true'>
    <h2>Leftpanel</h2>
    <p>Random text which makes it all seem like there's something to say...</p>
    <!--<a href='javascript:void(0);' class='prevnextBtn tourbus-prev'>Previous...</a>-->
    <a href='javascript:void(0);' class='prevnextBtn tourbus-next'>Next...</a>
  </li>
  <li data-el='.new' data-orientation='right' data-width='300'>
    <h2>New</h2>
    <p>Random text which makes it all seem like there's something to say...</p>
    <!--<a href='javascript:void(0);' class='prevnextBtn tourbus-prev'>Previous...</a>-->
    <a href='javascript:void(0);' class='prevnextBtn tourbus-next'>Next...</a>
  </li>
  <li data-el='.prevnext' data-orientation='right' data-width='300'>
    <h2>PrevNext</h2>
    <p>Random text which makes it all seem like there's something to say...</p>
    <!--<a href='javascript:void(0);' class='prevnextBtn tourbus-prev'>Previous...</a>-->
    <a href='javascript:void(0);' class='prevnextBtn tourbus-next'>Next...</a>
  </li>
  <li data-el='.save' data-orientation='right' data-width='300'>
    <h2>Save</h2>
    <p>Random text which makes it all seem like there's something to say...</p>
    <!--<a href='javascript:void(0);' class='prevnextBtn tourbus-prev'>Previous...</a>-->
    <a href='javascript:void(0);' class='prevnextBtn tourbus-next'>Next...</a>
  </li>
  <li data-el='.oops' data-orientation='right' data-width='300'>
    <h2>Oops</h2>
    <p>Random text which makes it all seem like there's something to say...</p>
    <!--<a href='javascript:void(0);' class='prevnextBtn tourbus-prev'>Previous...</a>-->
    <a href='javascript:void(0);' class='prevnextBtn tourbus-next'>Next...</a>
  </li>

  <!-- RIGHT PANEL -->
  <li data-el='.rightpanel' data-orientation='left' data-width='300' data-highlight='true'>
    <h2>Leftpanel</h2>
    <p>Random text which makes it all seem like there's something to say...</p>
    <!--<a href='javascript:void(0);' class='prevnextBtn tourbus-prev'>Previous...</a>-->
    <a href='javascript:void(0);' class='prevnextBtn tourbus-next'>Next...</a>
  </li>
  <li data-el='.print' data-orientation='left' data-width='300'>
    <h2>print</h2>
    <p>Random text which makes it all seem like there's something to say...</p>
    <!--<a href='javascript:void(0);' class='prevnextBtn tourbus-prev'>Previous...</a>-->
    <a href='javascript:void(0);' class='prevnextBtn tourbus-next'>Next...</a>
  </li>
  <li data-el='.stop' data-orientation='left' data-width='300'>
    <h2>stop</h2>
    <p>Random text which makes it all seem like there's something to say...</p>
    <!--<a href='javascript:void(0);' class='prevnextBtn tourbus-prev'>Previous...</a>-->
    <a href='javascript:void(0);' class='prevnextBtn tourbus-next'>Next...</a>
  </li>
  <li data-el='.progress' data-orientation='left' data-width='300'>
    <h2>progress</h2>
    <p>Random text which makes it all seem like there's something to say...</p>
    <!--<a href='javascript:void(0);' class='prevnextBtn tourbus-prev'>Previous...</a>-->
    <a href='javascript:void(0);' class='prevnextBtn tourbus-next'>Next...</a>
  </li>
  <li data-el='.thermo' data-orientation='left' data-width='300'>
    <h2>thermo</h2>
    <p>Random text which makes it all seem like there's something to say...</p>
    <!--<a href='javascript:void(0);' class='prevnextBtn tourbus-prev'>Previous...</a>-->
    <a href='javascript:void(0);' class='prevnextBtn tourbus-next'>Next...</a>
  </li>
  <li data-el='.info' data-orientation='left' data-width='300'>
    <h2>info</h2>
    <p>Random text which makes it all seem like there's something to say...</p>
    <!--<a href='javascript:void(0);' class='prevnextBtn tourbus-prev'>Previous...</a>-->
    <a href='javascript:void(0);' class='prevnextBtn tourbus-stop'>Got it...</a>
  </li>


</ol>
<ol class='tourbus-legs' id='tour2'>

  <li data-el='.info' data-orientation='left' data-width='200'>
    <h2>INFO</h2>
    <p>check out the info here anytime..</p>
    <a href='javascript:void(0);' class='prevnextBtn tourbus-stop'>Got it</a>
  </li>


</ol>