XXI Code 3

<section id="film" data-transition="slide">
        <header data-title="Movies Monitoring" data-back="chevron-left">
                    <nav class="on-right">
                        <a href="#"  ><abbr class="text tiny ">v1.0</abbr></a>
                    </nav>
        </header>

<nav data-control="groupbar">
    <a href="#" data-view-article="tNow" name="aNow" data-label="Now Playing" class="active" data-count="0"></a>
    <a href="#" data-view-article="tCom" name="aCom" data-label="Comming Soon" data-count="0"></a>
    <a href="#" data-view-article="tNews" name="aNews" data-label="News"></a>
</nav>

    <article id="tNow" class="list scroll indented">
        <ul id="data1">

        </ul>
    </article>

    <article id="tCom" class="list scroll indented">
         <ul id="data2">

        </ul>
    </article>

    <article id="tNews">
        <div class="empty">
            <span class="icon comments"></span>
            <strong>Under Construction</strong>
            <small>This module is under construction for a while.</small>
        </div>
    </article>
</section>