Homer - Responsive Admin Theme

Special Admin Theme for small and medium webapp with very clean and aesthetic style and feel.

Tour

The easiest way to show people how to use your website.
Tour - how it works.

Start tour example!

Example text for tour purpose

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

Today

$230,00

Last week

$7 980,60

It is a long established fact that a reader will be distracted by the readable content of a page when looking at its layout. The point of using Lorem Ipsum is that it has a more-or-less normal distribution of letters, as opposed to using 'Content here, content here', making it look like readable English.

How to use it

Tour is very easy to use. All you have to do is to define main tour object var tour = new Tour. You can add backdrop: true, to add a gray background. Next you need to define a tour step with array:

Example:

// Instance the tour
var tour = new Tour({
  steps: [
  {
    element: ".my-element",
    title: "Title of my step",
    content: "Content of my step"
  },
  {
    element: ".my-other-element",
    title: "Title of my step",
    content: "Content of my step"
  }
]});

// Initialize the tour
tour.init();

// Start the tour
tour.start();

                        
Configuration

See full documentation of official tour plugin: http://bootstraptour.com/.