Lungo.js/examples/test/app/resources/sections/aside.html

<aside id="aside-controls" class="left">
    <header data-title="Lungo Controls"></header>
    <article id="article-controls" class="list scroll current">
        <ul>
            <!-- Basic Layout -->
            <li>
                <a href="#list" data-target="section">
                    <div class="bubble right">8</div>
                    <strong>Layout</strong>
                    <small>Indented, Scroll</small>
                </a>
            </li>

            <!-- Grid System -->
            <li>
                <a href="#list" data-target="section">
                    <div class="bubble right">8</div>
                    <strong>Grid System</strong>
                    <small>Indented, Scroll</small>
                </a>
            </li>

            <!-- Asides -->
            <li>
                <a href="#list" data-target="section">
                    <div class="bubble right">8</div>
                    <strong>Asides</strong>
                    <small>Indented, Scroll</small>
                </a>
            </li>
            <!-- Buttons -->
            <li>
                <a href="#list" data-target="section">
                    <div class="bubble right">8</div>
                    <strong>Icons</strong>
                    <small>Indented, Scroll</small>
                </a>
            </li>
            <!-- Forms -->
            <li>
                <a href="#list" data-target="section">
                    <div class="bubble right">8</div>
                    <strong>Form Elements</strong>
                    <small>Indented, Scroll</small>
                </a>
            </li>

            <!-- Pulls -->
            <li>
                <a href="#list" data-target="section">
                    <div class="bubble right">8</div>
                    <strong>Buttons</strong>
                    <small>Indented, Scroll</small>
                </a>
            </li>

            <!-- Notifications -->
            <li>
                <a href="#list" data-target="section">
                    <div class="bubble right">8</div>
                    <strong>Events</strong>
                    <small>Indented, Scroll</small>
                </a>
            </li>

            <!-- Notifications -->
            <li>
                <a href="#notification" data-target="section">
                    <div class="bubble right">8</div>
                    <strong>Notifications</strong>
                    <small>Messages, skskks</small>
                </a>
            </li>
        </ul>
    </article>
</aside>