practice-klpda/src/html/notice_list.html

@@include("./include/meta.html", {"pageTitle" : "메인 페이지"})
@@include("./include/header.html")

<div class="section notice--visual ">
    <div class="container">

        <div class="summary">
            <h2>고객지원</h2>
            <div class="select-group">
                <img src="assets/images/notice_logo.png" alt="">
                <ul class="select-list">
                    <li class="sub-depth-1 item-list">
                        <a href="#" class="first-target">고객지원</a>
                        <ul class="sub-depth-2">
                            <li><a href="#">협회소개</a></li>
                            <li><a href="#">정보탑색사란</a></li>
                            <li><a href="#">시험공고</a></li>
                            <li><a href="#">원격강의</a></li>
                            <li><a href="#">자료실</a></li>
                            <li><a href="#">고객지원</a></li>
                        </ul>
                    </li>

                    <li class="sub-depth-1 item-list">
                        <a href="#" class="first-target">공지사항</a>
                        <ul class="sub-depth-2">
                            <li><a href="#">공지사항</a></li>
                            <li><a href="#">탐정관련 기고</a></li>
                            <li><a href="#">보도자료</a></li>
                            <li><a href="#">자주묻는질문</a></li>
                            <li><a href="#">시험관련문의</a></li>
                        </ul>
                </ul>
            </div>
        </div>
    </div>
</div>
<div class="section search-form">
    <div class="container">
        <div class="search-notice">
            <h2>공지사항</h2>
        </div>
        <form id="search" method="post">
            <input type="text" placeholder="검색어를 입력해주세요.">
            <a href="#" class="search_img">
                <img src="assets/images/search.png" alt="">
            </a>
        </form>

    </div>
</div>

<div class="section board">
    <div class="container">
        <table class="post_list">
            <colgroup>
                <col width="120px">
                <col width="800px">
                <col width="120px" span="2">
            </colgroup>
            <thead>
            <tr>
                <th>번호</th>
                <th>제목</th>
                <th>작성일</th>
                <th>조회수</th>
            </tr>
            </thead>

            <tbody class="tbody">
            <tr>
                <td>공</td>
                <td class="table-left">대탐험 전국영위원회 운영위원 초빙</td>
                <td>2019.03.05</td>
                <td>30</td>
            </tr>
            <tr>
                <td>공</td>
                <td class="table-left">2019년 탐정아카데미 신입</td>
                <td>020204</td>
                <td>30</td>
            </tr>
            <tr>
                <td>12</td>
                <td class="table-left">2019년 탐정아카데미 신입33</td>
                <td>2019.05.30</td>
                <td>30</td>
            </tr>
            <tr>
                <td>11</td>
                <td class="table-left">2019년 탐정아카데미 신입3333</td>
                <td>2019.06.30</td>
                <td>30</td>
            </tr>
            <tr>
                <td>10</td>
                <td class="table-left">2019년 탐정아카데미 신입4444</td>
                <td>2019.07.30</td>
                <td>30</td>
            </tr>
            <tr>
                <td>9</td>
                <td class="table-left">2019년 탐정아카데미 신입5555</td>
                <td>2019.08.30</td>
                <td>30</td>
            </tr>
            <tr>
                <td>8</td>
                <td class="table-left">2019년 탐정아카데미 신입6663</td>
                <td>2019.09.30</td>
                <td>30</td>
            </tr>
            <tr>
                <td>7</td>
                <td class="table-left">2019년 탐정아카데미 신입7777</td>
                <td>2019.10.30</td>
                <td>30</td>
            </tr>
            <tr>
                <td>6</td>
                <td class="table-left">2019년 탐정아카데미 신입8888</td>
                <td>2019.11.30</td>
                <td>30</td>
            </tr>
            <tr>
                <td>5</td>
                <td class="table-left">2019년 탐정아카데미 신입9999</td>
                <td>2019.12.30</td>
                <td>30</td>
            </tr>
            </tbody>
        </table>

    </div>
    <div class="noti-pagi-wrap">
        <div class="container">
            <ul class="notice--pagination">
                <li><a href="#"><img src="assets/images/left_pagination.png" alt=""></a></li>
                <li><a href="#"><img src="assets/images/left2_pagination.png" alt=""></a></li>
                <li><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="#"><img src="assets/images/right2_pagination.png" alt=""></a></li>
                <li><a href="#"><img src="assets/images/right_pagination.png" alt=""></a></li>

            </ul>

        </div>
    </div>


@@include("./include/footer.html")
@@include("./include/tail.html")