| 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576 |
- <!DOCTYPE html>
- <html lang="en">
- <head>
- <meta charset="utf-8">
- <title>Multi-page introduction, Page 2</title>
- <meta name="viewport" content="width=device-width, initial-scale=1.0">
- <meta name="description" content="Intro.js - Better introductions for websites and features with a step-by-step guide for your projects.">
- <meta name="author" content="Afshin Mehrabani (@afshinmeh) in usabli.ca group">
- <!-- styles -->
- <link href="../assets/css/bootstrap.min.css" rel="stylesheet">
- <link href="../assets/css/demo.css" rel="stylesheet">
- <!-- Add IntroJs styles -->
- <link href="../../introjs.css" rel="stylesheet">
- <link href="../assets/css/bootstrap-responsive.min.css" rel="stylesheet">
- </head>
- <body>
- <div class="container-narrow">
- <div class="masthead">
- <ul class="nav nav-pills pull-right" data-intro="Get it, use it.">
- <li><a href="https://github.com/usablica/intro.js/tags"><i class='icon-black icon-download-alt'></i> Download</a></li>
- <li><a href="https://github.com/usablica/intro.js">Github</a></li>
- <li><a href="https://twitter.com/usablica">@usablica</a></li>
- </ul>
- <h3 class="muted">Intro.js</h3>
- </div>
- <hr>
- <div class="jumbotron">
- <h1>Second Page</span></h1>
- <p class="lead" data-intro="Another step.">Next page of introduction!</p>
- </div>
- <hr>
- <div class="row-fluid marketing">
- <div class="span6">
- <h4>Section One</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue a neque cursus ac blandit orci faucibus. Phasellus nec metus purus.</p>
- <h4>Section Two</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue a neque cursus ac blandit orci faucibus. Phasellus nec metus purus.</p>
- <h4>Section Three</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue a neque cursus ac blandit orci faucibus. Phasellus nec metus purus.</p>
- </div>
- <div class="span6">
- <h4>Section Four</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue a neque cursus ac blandit orci faucibus. Phasellus nec metus purus.</p>
- <h4>Section Five</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue a neque cursus ac blandit orci faucibus. Phasellus nec metus purus.</p>
- <h4>Section Six</h4>
- <p>Lorem ipsum dolor sit amet, consectetur adipiscing elit. Duis mollis augue a neque cursus ac blandit orci faucibus. Phasellus nec metus purus.</p>
- </div>
- </div>
- </div>
- <script type="text/javascript" src="../../intro.js"></script>
- <script type="text/javascript">
- if (RegExp('multipage', 'gi').test(window.location.search)) {
- introJs().start();
- }
- </script>
- </body>
- </html>
|
