search.html

<div xmlns="http://www.w3.org/1999/xhtml" data-template="templates:surround" data-template-with="template.html" data-template-at="content">
    <div class="app:query col-md-12">
        <p>Found: <span id="hit-count" data-template="app:hit-count"/> hits.</p>
        <!-- pagination for small device -->
        <div class="hidden-md hidden-lg hidden-sm">
            <ul class="pagination" data-template="app:paginate" data-template-per-page="20" data-template-max-pages="5" data-template-min-hits="21"/>
        </div>
        <!-- pagination for larger device -->
        <div class="hidden-xs">
            <ul class="pagination" data-template="app:paginate" data-template-per-page="20" data-template-max-pages="9" data-template-min-hits="21"/>
        </div>
        <!-- query results -->
        <table id="results" class="col-md-12 table">
            <colgroup>
                <col class="previous"/>
                <col class="hi"/>
                <col class="next"/>
            </colgroup>
            <tbody data-template="app:show-hits" data-template-per-page="20"/>
        </table>
        <!-- bottom pagination for small device -->
        <div class="hidden-md hidden-lg hidden-sm">
            <ul class="pagination" data-template="app:paginate" data-template-per-page="20" data-template-max-pages="5" data-template-min-hits="21"/>
        </div>
        <!-- bottom pagination for larger device -->
        <div class="hidden-xs">
            <ul class="pagination" data-template="app:paginate" data-template-per-page="20" data-template-max-pages="9" data-template-min-hits="21"/>
        </div>
    </div>
</div>