<!-- 菜单块 -->

    <div class="on-light" id="menus">

        <?php foreach ($menus as $menu_key => $menu): ?>

        <?php

            // 排除校园名片

            if ($menu_key == 'card')

                break;

        ?>

        <section class="container" id="<?=$menu_key?>-menus">

            <header class="col-xs-12 text-center">

                <h2 class="bs-docs-featurette-title"><?=$menu['name']?></h2>

                <p class="lead"><?=$menu['description']?></p>

            </header>

            <div class="row bs-docs-featured-sites">

            <?php foreach( $menu['submenus'] as $key => $submenu ): ?>

                <?php $i = $key + 1; ?>

                <div class="col-xs-6 col-sm-3">

                    <a href="<?=site_url( $submenu['link'] )?>" class="menu menu<?=$i?>"><?=$submenu['name']?></a>

                </div> 

                <?php

                    // 如果存在下一个子菜单 && 取模等于0

                    $next_sm = next($menu['submenus']);

                ?>

                <?php if( isset($next_sm) && $i % 4 == 0 ): ?>

                </div>

                <div class="row bs-docs-featured-sites">

                <?php endif ?>

            <?php endforeach ?>

            </div>

        </section>

        <?php endforeach ?>

    <section class="container" id="cards-menus">

        <header class="col-xs-12 text-center">

            <h2 class="bs-docs-featurette-title">校园名片</h2>

            <p class="lead">校内朋友圈，你可能认识他们喔！？</p>

        </header>

        <!-- 杰出校友 -->

        <div class="row text-right">

            <div class="col-xs-12 text-right">

                <a href="" class="btn btn-primary">

                    更多校友

                    <i class="glyphicon glyphicon-chevron-right"></i>

                </a>

            </div>

        </div>

        <div class="row bs-docs-featured-sites">

            <div class="col-xs-6 col-sm-3">

                <a href="">

                    <img src="<?=__PUBLIC__?>images/test.jpg" alt="" class="img-responsive"/></a>

            </div>

            <div class="col-xs-6 col-sm-3">

                <a href="">

                    <img src="<?=__PUBLIC__?>images/test.jpg" alt="" class="img-responsive"/></a>

            </div>

            <div class="col-xs-6 col-sm-3">

                <a href="">

                    <img src="<?=__PUBLIC__?>images/test.jpg" alt="" class="img-responsive"/></a>

            </div>

            <div class="col-xs-6 col-sm-3">

                <a href="">

                    <img src="<?=__PUBLIC__?>images/test.jpg" alt="" class="img-responsive"/></a>

            </div>

        </div>

    </section>

</div>