Lungo2.0.js/examples/test/app/resources/sections/features.html

<aside id="features" class="left">
    <header data-title="Features"></header>
    <article class="list scroll">
        <ul>
            <li>
                <a href="#art-1" data-target="article">
                    <strong>Art-1</strong>
                </a>
            </li>
            <li>
                <a href="#art-2" data-target="article">
                    <strong>Art-2</strong>
                </a>
            </li>
            <li>
                <a href="#art-3" data-target="article">
                    <strong>Art-3</strong>
                </a>
            </li>

            <!-- Basic Layout -->
            <li>
                <a href="#list" 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">
                    <div class="bubble right">8</div>
                    <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">8</div>
                    <strong>Icons</strong>
                    <small>Messages, skskks</small>
                </a>
            </li>


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

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