Lungo2.0.js/example/app/asides/features.html

<aside id="features" class="left">
    <header data-title="Features">
        <nav class="right">
            <a href="#" class="buttons" data-icon="settings"></a>
        </nav>
    </header>

    <article class="list scroll active">
        <ul>
            <!-- Basic Layout -->
            <li class="active">
                <a href="#main-article" data-router="article" data-title="Lungo Framework">
                    <strong>Meet the framework</strong>
                </a>
            </li>

            <!-- Layout & Navigation -->
            <li>
                <a href="#layout" data-router="section" data-async="app/sections/layout.html">
                    <strong>Layout</strong>
                    <div class="tag right">5</div>
                </a>
            </li>

            <!-- List -->
            <li>
                <a href="#list" data-router="section" data-async="app/sections/list.html">
                    <strong>Lists</strong>
                    <div class="tag right">22</div>
                </a>
            </li>

            <!-- Forms -->
            <li>
                <a href="#form" data-router="section" data-async="app/sections/form.html">
                    <div class="tag right">8</div>
                    <strong>Form Elements</strong>
                </a>
            </li>

            <!-- Asides -->
            <li>
                <a href="#aside" data-router="section" data-async="app/sections/aside.html">
                    <div class="tag right">8</div>
                    <strong>Asides</strong>
                </a>
            </li>

            <!-- Data-Attributes -->
            <li>
                <a href="#data" data-router="section" data-async="app/sections/data-attribute.html">
                    <div class="tag right">9</div>
                    <strong>Data-attributes</strong>
                </a>
            </li>

            <!-- Icons -->
            <li>
                <a href="#icon" data-router="section" data-async="app/sections/icon.html">
                    <div class="tag right">109</div>
                    <strong>Icons</strong>
                </a>
            </li>

            <!-- Scrolls -->
            <li>
                <a href="#scroll" data-router="section" data-async="app/sections/scroll.html">
                    <div class="tag right">2</div>
                    <strong>Scrolls</strong>
                </a>
            </li>

            <!-- Touch Events -->
            <li>
                <a href="#touchevents" data-router="section">
                    <div class="tag right">19</div>
                    <strong>Touch Events</strong>
                </a>
            </li>

            <!-- Layout Events -->
            <!--
            <li>
                <a href="#layoutevents" data-router="section" data-async="app/sections/layoutevents.html">
                    <div class="tag right">2</div>
                    <strong>Layout Events</strong>
                </a>
            </li>
            -->

            <!-- Notifications -->
            <li>
                <a href="#notification" data-router="section">
                    <div class="tag right">8</div>
                    <strong>Notifications</strong>
                </a>
            </li>

            <!-- Pull & Refresh -->
            <li>
                <a href="#pull" data-router="section" >
                    <div class="tag right">1</div>
                    <strong>Pull & Refresh</strong>
                </a>
            </li>

            <!-- Carousel -->
            <li>
                <a href="#carousel" data-router="section" >
                    <div class="tag right">1</div>
                    <strong>Carousel</strong>
                </a>
            </li>

            <!-- Environment -->
            <li>
                <a href="#environment" data-router="article" data-title="Environment">
                    <div class="tag right">1</div>
                    <strong>Environment</strong>
                </a>
            </li>

            <!-- Buttons & Colours -->
            <li>
                <a href="#color" data-router="section" data-async="app/sections/color.html">
                    <div class="tag right">14</div>
                    <strong>Buttons & Colours</strong>
                </a>
            </li>

            <!-- Theme roller -->
            <li>
                <a href="#themeroller" data-router="section" data-async="app/sections/themeroller.html">
                    <div class="tag right">4</div>
                    <strong>Theme roller</strong>
                </a>
            </li>

            <!-- Grid System -->
            <li>
                <a href="#grid" data-router="section" data-async="app/sections/grid.html">
                    <strong>Grid System</strong>
                </a>
            </li>
        </ul>
    </article>
</aside>