<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <link rel="stylesheet" href=${ctxStatic}/modules/jmdxmh/zxzx/bootstrap.min.css" integrity="sha384-HSMxcRTRxnN+Bdg0JdbxYKrThecOKuH5zCYotlSAcp1+c8xmyTe9GYg1l9a69psu" crossorigin="anonymous">
    <title>办公信息</title>
    <style>
        a{
            color: #000;
        }
        a:hover{
            cursor: pointer;
        }
    </style>
</head>
<body>
    <div style="width: 100vw;height: 100vh;display: flex;justify-content: space-around;">
        <div style="width:100%;height: 100%;padding: 10px;">
            <div style="width: 100%;height: 100%;;padding-bottom: 6px;">
                <div style="width: 100%;height: 38px;border-bottom: 2px solid #ccc;margin-bottom: 30px;">
                    <h3 style="border-bottom: 2px solid rgb(38, 140, 199);width:120px;text-align: center;padding-bottom: 10px;margin-bottom: -2px;color: rgb(38, 140, 199);font-weight: bold;"><a style="color: rgb(38, 140, 199);text-decoration:none;">办公信息</a></h3>
                </div>
                <div style="width: 100%;height: 90%;display: flex;justify-content: space-between;">
                    <div style="width: 20%;">
                        <div class="list-group">
                            <a href="#" class="list-group-item active">学校文件</a>
                            <a href="#" class="list-group-item">通知公告</a>
                            <a href="#" class="list-group-item">校领导日程</a>
                            <a href="#" class="list-group-item">东校区项目进展</a>
                            <a href="#" class="list-group-item">关键事件进度</a>
                            <a href="#" class="list-group-item">规章制度</a>
                          </div>
                    </div>
                    <div style="width: 78%;height:90% ;border:1px solid #ccc;padding: 10px;border-radius: 4px;">
                        <div style="width: 100%;height: 90%;border: 1px solid #ccc;border-radius: 4px;">
                            <div class="list-group" style="height: 100%;">
                                <button type="button" class="list-group-item" style="height: 10%;">俄媒：美方2005年就筹划在乌设生物实验室</button>
                                <button type="button" class="list-group-item" style="height: 10%;">俄媒：美方2005年就筹划在乌设生物实验室</button>
                                <button type="button" class="list-group-item" style="height: 10%;">俄媒：美方2005年就筹划在乌设生物实验室</button>
                                <button type="button" class="list-group-item" style="height: 10%;">俄媒：美方2005年就筹划在乌设生物实验室</button>
                                <button type="button" class="list-group-item" style="height: 10%;">俄媒：美方2005年就筹划在乌设生物实验室</button>
                                <button type="button" class="list-group-item" style="height: 10%;">俄媒：美方2005年就筹划在乌设生物实验室</button>
                                <button type="button" class="list-group-item" style="height: 10%;">俄媒：美方2005年就筹划在乌设生物实验室</button>
                                <button type="button" class="list-group-item" style="height: 10%;">俄媒：美方2005年就筹划在乌设生物实验室</button>
                                <button type="button" class="list-group-item" style="height: 10%;">俄媒：美方2005年就筹划在乌设生物实验室</button>
                                <button type="button" class="list-group-item" style="height: 10%;">俄媒：美方2005年就筹划在乌设生物实验室</button>
                            </div>
                        </div>
                        <div style="width: 100%;text-align: center;">
                            <nav aria-label="Page navigation">
                                <ul class="pagination">
                                  <li >
                                    <a href="#" aria-label="Previous">
                                      <span aria-hidden="true">&laquo;</span>
                                    </a>
                                  </li>
                                  <li class="active"><a href="#">1</a></li>
                                  <li><a href="#">2</a></li>
                                  <li><a href="#">3</a></li>
                                  <li><a href="#">4</a></li>
                                  <li><a href="#">5</a></li>
                                  <li>
                                    <a href="#" aria-label="Next">
                                      <span aria-hidden="true">&raquo;</span>
                                    </a>
                                  </li>
                                </ul>
                              </nav>
                        </div>

                    </div>
                </div>

            </div>
        </div>
    </div>
</body>
<!-- jQuery (Bootstrap 的所有 JavaScript 插件都依赖 jQuery，所以必须放在前边) -->
<script src="https://cdn.jsdelivr.net/npm/jquery@1.12.4/dist/jquery.min.js" integrity="sha384-nvAa0+6Qg9clwYCGGPpDQLVpLNn0fRaROjHqs13t4Ggj3Ez50XnGQqc/r8MhnRDZ" crossorigin="anonymous"></script>
<!-- 加载 Bootstrap 的所有 JavaScript 插件。你也可以根据需要只加载单个插件。 -->
<script src="https://stackpath.bootstrapcdn.com/bootstrap/3.4.1/js/bootstrap.min.js" integrity="sha384-aJ21OjlMXNL5UyIl/XNwTMqvzeRMZH2w8c5cRVpzpU8Y5bApTppSuUkhZXN0VxHd" crossorigin="anonymous"></script>
<script>

</script>
</html>
