Lungo.js/example/app/sections/color.html

<section id="color" data-transition="slide">
    <header data-title="Colors">
        <nav class="box">
            <a href="#back" data-router="section" data-label="back"></a>
        </nav>
    </header>
    <article class="active scroll indented">
        <div>
            <h1>Sizes</h1>
            <p class="margin bottom">
                <a href="#" class="button small">small</a>
                <a href="#" class="button">default</a>
                <a href="#" class="button large">large</a>
            </p>
            <a href="#" class="button anchor margin bottom">anchor</a>
            <h1>Colors</h1>
            <p>
                <a href="#" class="button anchor margin bottom">default</a>
                <a href="#" class="button anchor secondary margin bottom">secondary</a>
                <a href="#" class="button anchor accept margin bottom">accept</a>
                <a href="#" class="button anchor cancel margin bottom">cancel</a>
                <a href="#" class="button anchor margin bottom" disabled=true>disabled</a>
            </p>
        </div>
    </article>
</section>