intro.js/example/index.html at 858c920b70fbf676a33f5e9d20e7960bbbd3f39e · usablica/intro.js · GitHub

1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">
    <title>Examples, Table of Contents</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">
    <link href="assets/css/bootstrap-responsive.min.css" rel="stylesheet">
  </head>

  <body>
    <div class="container-narrow">
      <div class="masthead">
        <h3 class="muted">Examples</h3>
      </div>

      <hr>
      <ul>
        <li><a href="hello-world/index.html" title='Basic usage'>Basic usage</a></li>
        <li><a href="hello-world/withoutBullets.html" title='Basic usage with buttons'>Basic usage with buttons</a></li>
        <li><a href="hello-world/withoutButtons.html" title='Basic usage with bullets'>Basic usage with bullets</a></li>
        <li><a href="hello-world/withProgress.html" title='Basic usage with progress-bar'>Basic usage with progress-bar</a></li>
        <li><a href="hello-world/withScroll.html" title='Basic usage with a scrolling element'>Basic usage with a scrolling element</a></li>
        <li><a href="programmatic/index.html" title='Programmatic defining using JSON'>Programmatic defining using JSON</a></li>
        <li><a href="multi-page/index.html" title='Multi-Page introduction'>Multi-Page introduction</a></li>
        <li><a href="auto-position/index.html" title='Auto-positioning'>Auto-positioning</a></li>
        <li><a href="disable-interaction/index.html" title='Disable interaction'>Disable interaction with elements</a></li>
        <li><a href="RTL/index.html" title='RTL version'>RTL version</a></li>
        <li><a href="html-tooltip/index.html" title='HTML in tooltip'>HTML in tooltip</a></li>
        <li><a href="custom-class/index.html" title='Custom CSS Class'>Custom CSS Class</a></li>
        <li><a href="custom-scroll-el/index.html" title='Custom Scroll Element'>Custom Scroll Element</a></li>
        <li><a href="withoutElement/index.html" title='Introduction without focusing on elements'>Introduction without focusing on elements</a></li>
        <li><a href="bootstrap/v3/index.html" title='Using with Bootstrap v3.0'>Using with Bootstrap v3.0</a></li>
        <li><a href="svg/d3.htm" title='Using Introjs with SVG Element'>Using with SVG Elements (D3)</a></li>
        <li><a href="hint/index.html" title='Basic hints usage'>Basic hints usage</a></li>
        <li><a href="hint/withElement.html" title='Basic hints usage on an element'>Basic hints usage on an element</a></li>
        <li><a href="programmatic/hint.html" title='Programmatic defining hints using JSON'>Programmatic defining hints using JSON</a></li>
      </ul>
    </div>
  </body>
</html>