strolch/li.strolch.planningwebapp/src/main/webapp/parts/model.html

<div id="part-model" class="hidden">

    <!-- Nav tabs -->
    <ul class="nav nav-tabs" role="tablist">
        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#resources" role="tab">Resources</a></li>
        <li class="nav-item"><a class="nav-link" data-toggle="tab" href="#orders" role="tab">Orders</a></li>
    </ul>

    <!-- Tab panes -->
    <div class="tab-content">
        <div class="tab-pane active" id="resources" role="tabpanel">
            <table id="modelResourceTable" class="table table-striped table-bordered" cellspacing="0" width="100%">

                <caption>The resources for the current user's realm</caption>

            </table>

        </div>
        <div class="tab-pane" id="orders" role="tabpanel">
            <table id="modelOrderTable" class="table table-striped">

                <caption>The orders for the current user's realm</caption>

            </table>
        </div>
    </div>

</div>