Skip to content

Instantly share code, notes, and snippets.

@stevenh77
Created October 26, 2014 08:21
<!DOCTYPE html>
<head>
<link href="bootstrap.min.css" rel="stylesheet">
<!-- Add IntroJs styles -->
<link href="bootstrap-responsive.min.css" rel="stylesheet">
<link href="introjs.css" rel="stylesheet">
<!-- end IntroJs styles -->
</head>
<body>
<h1 data-step="1" data-intro="Welcome to my demo, this is the title of my page">Demo for intro.js</h1>
<p data-step="2" data-intro="Here is some more text">This page shows how easy it is to add intro.js</p>
<p data-step="3" data-intro="I've also included an extra UX tip for devs">You can use cookies to detect if the user is new to your page</p>
<a class="btn btn-large btn-success" href="javascript:void(0);" onclick="javascript:introJs().start();">Start intro</a>
</body>
<script type="text/javascript" src="intro.js"></script>
</html>
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment