Tour

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
<!-- Css -->
<link rel="stylesheet" href="vendors/tour/css/tour.min.css" type="text/css">

<!-- Javascript -->
<script src="vendors/tour/js/tour.min.js"></script>
<a href="#" class="btn btn-primary tour">Start Tour</a>
$(document).on('click', 'a.tour', function(){
    Tour.run([
        {
            element: $('.header ul.navbar-nav li.nav-item:first'),
            content: 'This is the hamburger menu.',
            position: 'bottom'
        },
        {
            element: $('.header .search-form form'),
            content: 'This is the search form.',
            position: 'bottom'
        },
        {
            element: $('.page-header'),
            content: 'This page title',
            position: 'bottom'
        },
        {
            element: $('.main-content .card:first'),
            content: 'This page is content.',
            position: 'top'
        }
    ]);
});