browse.html

<div xmlns="http://www.w3.org/1999/xhtml" data-template="templates:surround" data-template-with="templates/page.html" data-template-at="content">
    <div class="row">
        <div class="col-md-8">
            <div class="page-header">
                <h1>Browse Plays</h1>
                <div class="input-group-btn pull-right">
                    <button type="button" class="btn btn-default dropdown-toggle" data-toggle="dropdown">Sort <span class="caret"/>
                    </button>
                    <ul class="dropdown-menu">
                        <li>
                            <a href="?sort=date">Date</a>
                        </li>
                        <li>
                            <a href="?sort=title">Title</a>
                        </li>
                        <li>
                            <a href="?sort=death">Mortality</a>
                        </li>
                    </ul>
                </div>
            </div>
            <div class="row">
                <div class="col-md-12">
                    <ul data-template="app:browse-list-items"/>
                </div>
            </div>
        </div>
    </div>
</div>