Untitled

<!DOCTYPE html>
<html>
    <head>
        <title>Demo</title>
        <meta charset="utf-8">
        <script src="//ajax.googleapis.com/ajax/libs/jquery/1.8.0/jquery.min.js"></script>
    <script src="js/jquery.steps.js"></script>
    <script>
        $(document).ready(function() {
            $("#wizard").steps({
                headerTag: "h1",
                bodyTag: "section",
                transitionEffect: "slideLeft",
                autoFocus: true
            });
          });
        </script>
  </head>
  <body>
<center>


        <div id="wizard">
    <h1>First Step</h1>
    <section>First Content</section>

    <h1>Second Step</h1>
    <section>Second Content</section>

        </div>


</center>


</body>
</html>