mirror of
https://github.com/Doodle3D/doodle3d-client.git
synced 2024-11-25 18:47:57 +01:00
94 lines
4.5 KiB
HTML
94 lines
4.5 KiB
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> |