Tour

EnjoyHint is a web-tool that provides the simplest way to create interactive tutorials and hints for your site or web-application. Plugin page.

<!-- Css -->
<link rel="stylesheet" href="vendors/enjoyhint/enjoyhint.css" type="text/css">

<!-- Javascript -->
<script src="vendors/enjoyhint/enjoyhint.min.js"></script>
Basic Example

Lorem ipsum dolor sit amet, consectetur adipisicing elit. Earum facere illo, ipsam odit placeat quasi quidem! Architecto itaque quis ratione sint ullam? Amet culpa eum id maiores pariatur rerum, ut.

Start Tour 
<a href="#" class="btn btn-primary tour">Start Tour</a>
$(document).on('click', 'a.tour', function(){
    var enjoyhint_instance = new EnjoyHint({});

    enjoyhint_instance.set([
        {
            'next .header': 'Quick toolbar.',
        },
        {
            'next .navigation': 'Navigation to navigate the page.',
        }
    ]);
    enjoyhint_instance.run();

    return false;
});