[[$pageTop]]

<section class="pageWrapper">
    <figure class="heroImage">
        [[*hero-image]]

        <figcaption class="heroCaption">About Us</figcaption>

    </figure>

    <div class="pageContent ourTeam">
        <header class="contentHeader">
            <hgroup>
                <h2 class="contentTitle">[[*pagetitle]]</h2>
                [[*longtitle:notempty=`
                    <h3 class="contentSubTitle">[[*longtitle]]</h3>
                `]]

            </hgroup>
            
        </header>

        [[-<nav class="subNav">
            <ul class="nav nav-pills">
                <li class="active"><a href="#executives" data-toggle="tab">Executives</a></li>
                <li><a href="#operations" data-toggle="tab">Operations</a></li>
                <li><a href="#member-services" data-toggle="tab">Member Services</a></li>
                <li><a href="#principals" data-toggle="tab">Principals</a></li>

            </ul>

        </nav>]]

        <div class="mainContent">
            [[*introtext:notempty=`
                <p class="lead">[[*introtext]]</p>
            `]]
            
            [[*content]]

            <div class="teamLists tab-content">
                <div id="executives" class="teamListWrapper tab-pane active">
                    <ul class="teamList">
                        [[getResources? &parents=`9` &limit=`0` &tpl=`list` &sortby=`{"id":"ASC"}` &includeTVs=`1`  &includeContent=`1`]]

                    </ul>

                </div>

                <div id="operations" class="teamListWrapper tab-pane">
                    <ul class="teamList">
                        [[getResources? &parents=`10` &limit=`0` &tpl=`list` &sortby=`{"id":"ASC"}` &includeTVs=`1`  &includeContent=`1`]]

                    </ul>

                </div>

                <div id="member-services" class="teamListWrapper tab-pane">
                    <ul class="teamList">
                        [[getResources? &parents=`11` &limit=`0` &tpl=`list` &sortby=`{"id":"ASC"}` &includeTVs=`1`  &includeContent=`1`]]

                    </ul>

                </div>

                <div id="principals" class="teamListWrapper tab-pane">
                    <ul class="teamList">
                        [[getResources? &parents=`8` &limit=`0` &tpl=`list` &sortby=`{"id":"ASC"}` &includeTVs=`1` &includeContent=`1`]]

                    </ul>

                </div>

            </div>

        </div>

    </div>

    [[$pageFooter]]

</section>

[[$pageBottom]]