Lungo.js/examples/test/app/resources/asides/features.html

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

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

            <!-- List -->
            <li>
                <a href="#list" data-target="section" data-count="17">
                    <strong>Lists</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>Indented, Scroll</small>
                </a>
            </li>

            <!-- Icons -->
            <li>
                <a href="#icon" data-target="section">
                    <div class="bubble right">109</div>
                    <strong>Icons</strong>
                    <small>Messages, skskks</small>
                </a>
            </li>


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

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

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

            <!-- Touch Events -->
            <li>
                <a href="#touchevents" data-target="section">
                    <div class="bubble right">19</div>
                    <strong>Touch Events</strong>
                    <small>Touch, Tap, Double-Tap, Swipe...</small>
                </a>
            </li>


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