Structure

A page is an element with a page custom binding. They can be placed anywhere in your site and will work as pages that you can jump between. The ID of the page corresponds to the fragment identifier in the URL (the thingy after #!/).
All the main pages in this demo are placed inside a main container div.

<html>
<body>
<div class="container" style="padding-top: 30px;">

    <div data-bind="page: {id: 'start'}">
        <!-- the previous page -->
    </div>
    <div data-bind="page: {id: 'structure'}">
        <!-- this page -->
    </div>
</div>
</body>
</html>