Edit in JSFiddle

<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>