Skip to content

Commit 5948f2c

Browse files
afshinmafshinm
committed
Update index.html
1 parent 84940cd commit 5948f2c

File tree

1 file changed

+14
-14
lines changed

1 file changed

+14
-14
lines changed

‎index.html

Lines changed: 14 additions & 14 deletions
Original file line numberDiff line numberDiff line change
@@ -64,11 +64,11 @@ <h6 class="docs-header">Why using Intro.js?</h6>
6464
Intro.js is developed to enable web and mobile developers to create a step-by-step introduction easily.
6565
</p>
6666
<p>Intro.js is open-source and free to use. Share the project with your friends.</p>
67-
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://usablica.github.com/intro.js/">Tweet</a>
67+
<a href="https://twitter.com/share" class="twitter-share-button" data-url="http://introjs.com/">Tweet</a>
6868
<script>!function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0];if(!d.getElementById(id)){js=d.createElement(s);js.id=id;js.src="//platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);}}(document,"script","twitter-wjs");</script>
6969

7070
<!-- Place this tag where you want the +1 button to render. -->
71-
<div class="g-plusone" data-size="medium" data-href="http://usablica.github.com/intro.js/"></div>
71+
<div class="g-plusone" data-size="medium" data-href="http://introjs.com/"></div>
7272

7373
<!-- Place this tag after the last +1 button tag. -->
7474
<script type="text/javascript">
@@ -94,7 +94,7 @@ <h6 class="example-header"><i class="fa fa-info-circle"></i>&nbsp;Hello world</h
9494
<p class="example-description">
9595
This is a basic usage of the library. You can define steps by adding <code>data-intro</code> attribute to the HTML elements. This is the easiest way to setup your step-by-step guide.
9696
</p>
97-
<a class="button" href="/intro.js/example/hello-world/index.html" target="_blank">Demo</a>
97+
<a class="button" href="/example/hello-world/index.html" target="_blank">Demo</a>
9898
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hello-world/index.html" target="_blank">Source</a>
9999
</div>
100100
</div>
@@ -104,7 +104,7 @@ <h6 class="example-header"><i class="fa fa-bars"></i>&nbsp;Progress bar</h6>
104104
<p class="example-description">
105105
Add progress-bar to your step-by-step introduction. It's as easy as adding <code>showProgress</code> option to your Intro.js instance (e.g. <code>introJs().setOption('showProgress', true).start();</code>)
106106
</p>
107-
<a class="button" href="/intro.js/example/hello-world/withProgress.html" target="_blank">Demo</a>
107+
<a class="button" href="/example/hello-world/withProgress.html" target="_blank">Demo</a>
108108
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hello-world/withProgress.html" target="_blank">Source</a>
109109
</div>
110110
</div>
@@ -117,7 +117,7 @@ <h6 class="example-header"><i class="fa fa-commenting-o"></i>&nbsp;Hint <span cl
117117
<p class="example-description">
118118
Hints are the new feature in Intro.js that enables you to add additional descriptions to any part of a web page. You can define hints by adding <code>data-hint</code> attribute to the HTML elements.
119119
</p>
120-
<a class="button" href="/intro.js/example/hint/index.html" target="_blank">Demo</a>
120+
<a class="button" href="/example/hint/index.html" target="_blank">Demo</a>
121121
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hint/index.html" target="_blank">Source</a>
122122
</div>
123123
</div>
@@ -127,7 +127,7 @@ <h6 class="example-header"><i class="fa fa-code"></i>&nbsp;Programmatic Hint <sp
127127
<p class="example-description">
128128
You can add/alter hints using JavaScript objects (or JSON). Also, you can optionally bind a function to hint events (e.g. hint click, hint close)
129129
</p>
130-
<a class="button" href="/intro.js/example/programmatic/hint.html" target="_blank">Demo</a>
130+
<a class="button" href="/example/programmatic/hint.html" target="_blank">Demo</a>
131131
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/programmatic/hint.html" target="_blank">Source</a>
132132
</div>
133133
</div>
@@ -140,7 +140,7 @@ <h6 class="example-header"><i class="fa fa-filter"></i>&nbsp;Enable/disable opti
140140
<p class="example-description">
141141
You can enable or disable options like buttons, progress-bar and bullets. It's really easy to enable or disable options, call the <code>option</code> function and pass option name (e.g. <code>setOption('showBullets', false)</code>)
142142
</p>
143-
<a class="button" href="/intro.js/example/hello-world/withoutBullets.html" target="_blank">Demo</a>
143+
<a class="button" href="/example/hello-world/withoutBullets.html" target="_blank">Demo</a>
144144
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/hello-world/withoutBullets.html" target="_blank">Source</a>
145145
</div>
146146
</div>
@@ -150,7 +150,7 @@ <h6 class="example-header"><i class="fa fa-code"></i>&nbsp;Programmatic</h6>
150150
<p class="example-description">
151151
Instead of adding <code>data-intro</code> attribute, you can define your guide using JSON. There is a <code>steps</code> option that accepts an array of steps.
152152
</p>
153-
<a class="button" href="/intro.js/example/programmatic/index.html" target="_blank">Demo</a>
153+
<a class="button" href="/example/programmatic/index.html" target="_blank">Demo</a>
154154
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/programmatic/index.html" target="_blank">Source</a>
155155
</div>
156156
</div>
@@ -163,7 +163,7 @@ <h6 class="example-header"><i class="fa fa-align-right"></i>&nbsp;Right to Left<
163163
<p class="example-description">
164164
If your website is right-to-left, you can use this example for your guides. This will change the direction of all introduction elements.
165165
</p>
166-
<a class="button" href="/intro.js/example/RTL/index.html" target="_blank">Demo</a>
166+
<a class="button" href="/example/RTL/index.html" target="_blank">Demo</a>
167167
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/RTL/index.html" target="_blank">Source</a>
168168
</div>
169169
</div>
@@ -173,7 +173,7 @@ <h6 class="example-header"><i class="fa fa-clone"></i>&nbsp;Multi-page guide</h6
173173
<p class="example-description">
174174
If your guide begins on a page and ends on another page, you can use multi-page option of Intro.js. This is a basic example of multi-page introductions.
175175
</p>
176-
<a class="button" href="/intro.js/example/multi-page/index.html" target="_blank">Demo</a>
176+
<a class="button" href="/example/multi-page/index.html" target="_blank">Demo</a>
177177
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/multi-page/index.html" target="_blank">Source</a>
178178
</div>
179179
</div>
@@ -186,7 +186,7 @@ <h6 class="example-header"><i class="fa fa-file-code-o"></i>&nbsp;HTML in toolti
186186
<p class="example-description">
187187
You can use all HTML tags for step's tooltip. For instance you can use <code>b</code> or <code>code</code> tags in tooltips.
188188
</p>
189-
<a class="button" href="/intro.js/example/html-tooltip/index.html" target="_blank">Demo</a>
189+
<a class="button" href="/example/html-tooltip/index.html" target="_blank">Demo</a>
190190
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/html-tooltip/index.html" target="_blank">Source</a>
191191
</div>
192192
</div>
@@ -196,7 +196,7 @@ <h6 class="example-header"><i class="fa fa-magic"></i>&nbsp;Auto-positioning</h6
196196
<p class="example-description">
197197
Another great feature of Intro.js is that you can define the position of tooltip box. Furthermore, you can set <code>tooltipPosition</code> to <code>auto</code> to align the tooltip boxes automatically.
198198
</p>
199-
<a class="button" href="/intro.js/example/auto-position/index.html" target="_blank">Demo</a>
199+
<a class="button" href="/example/auto-position/index.html" target="_blank">Demo</a>
200200
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/auto-position/index.html" target="_blank">Source</a>
201201
</div>
202202
</div>
@@ -209,7 +209,7 @@ <h6 class="example-header"><i class="fa fa-commenting"></i>&nbsp;Floating guide<
209209
<p class="example-description">
210210
Also you can define a guide that doesn't focus on a specific element. This type of introductions can be defined using programmatic way.
211211
</p>
212-
<a class="button" href="/intro.js/example/withoutElement/index.html" target="_blank">Demo</a>
212+
<a class="button" href="/example/withoutElement/index.html" target="_blank">Demo</a>
213213
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/withoutElement/index.html" target="_blank">Source</a>
214214
</div>
215215
</div>
@@ -219,7 +219,7 @@ <h6 class="example-header"><i class="fa fa-gears"></i>&nbsp;Customize it</h6>
219219
<p class="example-description">
220220
There are some options to customize your guide for your website. One of them is <code>data-tooltipClass</code> attribute that enables you to add custom CSS classes to your steps.
221221
</p>
222-
<a class="button" href="/intro.js/example/custom-class/index.html" target="_blank">Demo</a>
222+
<a class="button" href="/example/custom-class/index.html" target="_blank">Demo</a>
223223
<a class="button" href="https://github.com/usablica/intro.js/blob/master/example/custom-class/index.html" target="_blank">Source</a>
224224
</div>
225225
</div>

0 commit comments

Comments
 (0)