<div data-role='page' id='root'> <div data-role='header'> <h1>Website Title</h1> </div> <div data-role='content'> <p>Here is a paragraph that contains <a href='#page-2'>a link to page 2</a>. And content goes on here.</p> <p>Assuming we are now showing a sign-up button:</p> <a href='#sign-up' data-role='button'>Sign up</a> </div> </div> <div data-role='page' id='page-2'> <div data-role='header'> <h1>Page 2</h1> </div> <div data-role='content'> <p>Page 2 content goes here. And it may contain link that link back to the <a href='#root'>first page</a>.</p> </div> </div> <div data-role='page' id='sign-up'> <div data-role='header'> <h1>Sign up</h1> </div> <div data-role='content'> <p>Sign up form goes here.</p> <a href='#sign-up-completed' data-role='button'>Submit</a> <p><a href='#root'>Cancel and back</a></p> </div> </div> <div data-role='page' id='sign-up-completed'> <div data-role='header'> <h1>Thanks</h1> </div> <div data-role='content'> <p>Sign up completed.</p> <p><a href='#root'>Manage your account</a></p> </div> </div>