eng/lp_table.htm

<!doctype html>
<html lang="zh-Hant" class="no-js">

<head>
    <meta charset="utf-8">
    <meta http-equiv="X-UA-Compatible" content="IE=edge">
    <meta name="viewport" content="width=device-width, initial-scale=1">
    <title>公務人力發展學院</title>
    <!--HTML5 Shim and Respond.js IE8 support of HTML5 elements and media queries [if lt IE 9]>
    <script src="js/html5shiv.js"></script>
    <script src="js/respond.min.js"></script>
    <![endif]-->
    <!-- slick css-->
    <link rel="stylesheet" type="text/css" href="vendor/slick/slick.css" />
    <link rel="stylesheet" type="text/css" href="vendor/slick/slick-theme.css" />
    <!-- animate.css -->
    <link rel="stylesheet" href="css/animate.css">
    <!-- hyUI css -->
    <link rel="stylesheet" href="css/hyui_eng.css">
    <link rel="icon" href="images/favicon.png" type="image/x-icon" />
</head>

<body>
    <!-- 直接跳主內容區 -->
    <a class="goCenter" href="#center" tabindex="1">按Enter到主內容區</a>
    <!-- wrapper Start -->
    <div class="wrapper">
        <!-- header Start -->
        <header class="header">
            <div class="container">
                <a class="accesskey" href="#aU" id="aU" accesskey="U" title="網站標題" tabindex="2">:::</a>
                <!-- navigation Start -->
                <nav class="navigation">
                    <ul>
                        <li><a href="#">回首頁</a></li>
                        <li><a href="#">網站導覽</a></li>
                        <li><a href="#">English</a></li>
                        <li><a href="#">常見問答</a></li>
                        <li><a href="#">意見信箱</a></li>
                    </ul>
                    <div class="font_size">
                        <span>字型大小：</span>
                        <ul>
                            <li><a href="#" class="small">小</a></li>
                            <li><a href="#" class="medium">中</a></li>
                            <li><a href="#" class="large">大</a></li>
                        </ul>
                    </div>
                </nav>
                <!-- navigation End -->
                <h1>
                    <a href="../index.htm"><img src="images/logo.png" alt="網站標題" /></a>
                </h1>
                <!-- Search Start -->
                <div class="search">
                    <div class="form_grp">
                        <label for="mustSameAsId">搜尋</label>
                        <input name="username" id="mustSameAsId" type="text" placeholder="請輸入文字" accesskey="S">
                        <input name="" type="submit" title="查詢" value="查詢" />
                    </div>
                    <div class="btn_grp">
                        <input name="" type="submit" value="進階搜尋" />
                    </div>
                    <div class="keywordHot">
                        <span>熱門關鍵字：</span>
                        <ul>
                            <li><a href="#">熱門熱門</a></li>
                            <li><a href="#">查詢</a></li>
                            <li><a href="#">字詞三</a></li>
                        </ul>
                    </div>
                </div>
                <!-- Search End -->
                <!-- noscript -->
                <noscript> 您的瀏覽器不支援JavaScript語法，JavaScript語法並不影響內容的陳述。您可使用按鍵盤上的Ctrl鍵+ (+)鍵放大/(-)鍵縮小來改變字型大小；回到上一頁可使用瀏覽器提供的 Alt+左方向鍵(←) 快速鍵功能；列印可使用瀏覽器提供的(Ctrl+P)功能。您的瀏覽器，不支援script語法，若您的瀏覽器無法支援請點選此超連結 <a href="#">網站導覽</a>
                </noscript>
                <!-- menu Start -->
                <nav class="menu">
                    <ul>
                        <li><a href="#">認識學院</a>
                            <ul>
                                <li><a href="#">學院簡介</a>
                                    <ul>
                                        <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><a href="#">使命與願景</a></li>
                                <li><a href="#">院長介紹</a></li>
                                <li><a href="#">交通位置</a></li>
                                <li><a href="#">業務聯繫表</a></li>
                            </ul>
                        </li>
                        <li><a href="#">訓練資訊</a>
                            <ul>
                                <li><a href="#">年度訓練實施計畫</a></li>
                                <li><a href="#">訓練班期資訊</a></li>
                                <li><a href="#">訓練行事曆</a></li>
                                <li><a href="#">服務園地</a></li>
                                <li><a href="#">e等公務園<sup>+</sup>學習平臺</a></li>
                                <li><a href="#">標竿論壇</a></li>
                                <li><a href="#">南投院區代訓收費標準</a></li>
                                <li><a href="#">圖書資訊服務</a></li>
                            </ul>
                        </li>
                        <li><a href="#">場地設施</a>
                            <ul>
                                <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><a href="#">資訊公開</a>
                            <ul>
                                <li><a href="#">政府資訊公開</a></li>
                                <li><a href="#">年度訓練成果</a></li>
                                <li><a href="#">檔案應用服務</a></li>
                            </ul>
                        </li>
                        <li><a href="#">檔案下載</a></li>
                    </ul>
                </nav>
                <!-- menu End -->
            </div>
        </header>
        <!-- header End -->
        <!-- main Start -->
        <div id="center" class="main innerpage">
            <!-- 內頁新增一個classname-->
            <a class="accesskey" href="#aC" id="aC" accesskey="C" title="主要內容區">:::</a>
            <div class="container">
                <div class="breadcrumb">
                    <ul>
                        <li><a href="#">首頁</a></li>
                        <li><a href="#">節點</a></li>
                        <li>節點</li>
                    </ul>
                </div>
                <!-- h2節點 -->
                <h2 class="title">節點標題</h2>
                <!-- function_panel -->
                <div class="function_panel">
                    <!-- function功能區塊 -->
                    <div class="function">
                        <ul>
                            <li class="back"><a href="javascript:history.back()">回上一頁</a></li>
                            <li class="print"><a href="#">友善列印</a></li>
                            <li class="forward"><a href="#">轉寄友人</a></li>
                        </ul>
                    </div>
                    <!-- 社群分享 -->
                    <div class="share">
                        <ul>
                            <li><a href="#"><img src="images/basic/icon_facebook.png" alt="facebook"></a></li>
                            <li><a href="#"><img src="images/basic/icon_twitter.png" alt="twitter"></a></li>
                            <li><a href="#"><img src="images/basic/icon_line.png" alt="line"></a></li>
                        </ul>
                    </div>
                </div>
                <!-- 進階查詢 -->
                <div class="advance_search">
                    <button><i class="i_search i_invert"></i>顯示條件查詢</button>
                </div>
                <div class="advance_block">
                    <form action="" class="form_grid">
                        <div class="form_grp">
                            <label for="" class="form_title">標題</label>
                            <div class="form_content">
                                <input type="text" id="" value="" placeholder="請輸入標題關鍵字"> </div>
                        </div>
                        <div class="form_grp">
                            <label for="" class="form_title">網址</label>
                            <div class="form_content">
                                <input type="text" id="" value="" placeholder="請輸入網址"> </div>
                        </div>
                        <div class="form_grp">
                            <label for="" class="form_title">關鍵字詞</label>
                            <div class="form_content">
                                <input type="text" id="" value="" placeholder="請輸入關鍵字詞"> </div>
                        </div>
                        <div class="form_grp">
                            <label for="address" class="form_title">活動名稱</label>
                            <div class="form_content">
                                <input name="password" type="password"> </div>
                        </div>
                        <div class="form_grp">
                            <label for="selectSample" class="form_title">單位</label>
                            <div class="form_content form_inline">
                                <select id="selectSample" name="">
                                    <option value="">單位1</option>
                                    <option value="">單位2</option>
                                    <option value="">單位3</option>
                                    <option value="">單位4</option>
                                    <option value="">單位5</option>
                                    <option value="">單位6</option>
                                    <option value="">單位7</option>
                                    <option value="">單位8</option>
                                </select>
                            </div>
                        </div>
                        <div class="form_grp">
                            <label for="address" class="form_title">內容簡介</label>
                            <div class="form_content">
                                <textarea name="" id="address" cols="30" rows="10"></textarea>
                            </div>
                        </div>
                        <div class="btn_grp">
                            <input name="Search" type="submit" value="查詢">
                            <input name="" type="reset" value="清除"> </div>
                    </form>
                </div>
                <section class="lp">
                    <!-- category -->
                    <div class="category">
                        <ul>
                            <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="#">標籤6</a></li>
                            <li><a href="#">標籤7</a></li>
                            <li><a href="#">標籤8</a></li>
                            <li><a href="#">標籤9</a></li>
                            <li><a href="#">標籤10</a></li>
                        </ul>
                    </div>
                    <div class="table_list">
                        <table summary="">
                            <thead>
                                <tr>
                                    <th>編號</th>
                                    <th>標題</th>
                                    <th>日期</th>
                                </tr>
                            </thead>
                            <tbody>
                                <tr>
                                    <td data-title="編號" class="num">01</td>
                                    <td data-title="標題"><a href="#">通勤搭車看預報 環保集點10倍送</a></td>
                                    <td data-title="日期" class="date">2018/01/01</td>
                                </tr>
                                <tr>
                                    <td data-title="編號" class="num">02</td>
                                    <td data-title="標題"><a href="#">春節不無聊上網學習環境教育</a></td>
                                    <td data-title="日期" class="date">2018/01/01</td>
                                </tr>
                                <tr>
                                    <td data-title="編號" class="num">03</td>
                                    <td data-title="標題"><a href="#">洗錢防制，國家向前</a></td>
                                    <td data-title="日期" class="date">2018/01/01</td>
                                </tr>
                                <tr>
                                    <td data-title="編號" class="num">04</td>
                                    <td data-title="標題"><a href="#">春節送禮認標章 環保減碳又健康</a></td>
                                    <td data-title="日期" class="date">2018/01/01</td>
                                </tr>
                                <tr>
                                    <td data-title="編號" class="num">05</td>
                                    <td data-title="標題"><a href="#">環保替代役歲末新春送溫暖</a></td>
                                    <td data-title="日期" class="date">2018/01/01</td>
                                </tr>
                                <tr>
                                    <td data-title="編號" class="num">06</td>
                                    <td data-title="標題"><a href="#">向非法化學物質說不 安全蛋品 吃得健康</a></td>
                                    <td data-title="日期" class="date">2018/01/01</td>
                                </tr>
                                <tr>
                                    <td data-title="編號" class="num">07</td>
                                    <td data-title="標題"><a href="#">春節期間廚餘回收真惜福 狗年來富又來福</a></td>
                                    <td data-title="日期" class="date">2018/01/01</td>
                                </tr>
                                <tr>
                                    <td data-title="編號" class="num">08</td>
                                    <td data-title="標題"><a href="#">春節長假看Chem Life，增長知識又可抽獎</a></td>
                                    <td data-title="日期" class="date">2018/01/01</td>
                                </tr>
                                <tr>
                                    <td data-title="編號" class="num">09</td>
                                    <td data-title="標題"><a href="#">金狗年春節旅遊好去處，環保署報你知</a></td>
                                    <td data-title="日期" class="date">2018/01/01</td>
                                </tr>
                                <tr>
                                    <td data-title="編號" class="num">10</td>
                                    <td data-title="標題"><a href="#">清新空氣保健康 神明歡喜過好年</a></td>
                                    <td data-title="日期" class="date">2018/01/01</td>
                                </tr>
                            </tbody>
                        </table>
                    </div>
                    <div class="btn_grp">
                        <a href="#" class="btn btn-sm icon_back">回上一頁</a>
                    </div>
                </section>
                <!-- LP End -->
                <!-- Pagination -->
                <div class="pagination">
                    <form action="" class="form_inline">
                        <div class="total"> 共<span>308</span>筆資料，第<span>1/18</span>頁，每頁顯示 <select name="" id="">
                                <option value="">10</option>
                                <option value="">20</option>
                                <option value="">30</option>
                                <option value="">40</option>
                            </select> 筆， <input type="button" class="btn" value="確定">
                        </div>
                    </form>
                    <ul class="page">
                        <li class="first">
                            <a href="#" title="第一頁">第一頁 </a></li>
                        <li class="prev">
                            <a href="#" title="回上一頁">回上一頁 </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="#">6</a></li>
                        <li><a href="#">7</a></li>
                        <li><a href="#">8</a></li>
                        <li><a href="#">9</a></li>
                        <li><a href="#">10</a></li>
                        <li class="next">
                            <a href="#" title="下一頁">下一頁 </a>
                        </li>
                        <li class="last">
                            <a href="#" title="最後一頁">最後一頁 </a>
                        </li>
                    </ul>
                </div>
            </div>
        </div>
        <!-- fatfooter Start -->
        <section class="fatfooter">
            <div class="container">
                <button type="button" name="收合" class="btn btn-fatfooter">收合</button>
                <nav>
                    <ul>
                        <li><a href="#">認識學院</a>
                            <ul>
                                <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><a href="#">訓練資訊</a>
                            <ul>
                                <li><a href="#">年度訓練實施計畫</a></li>
                                <li><a href="#">訓練班期資訊</a></li>
                                <li><a href="#">訓練行事曆</a></li>
                                <li><a href="#">服務園地</a></li>
                                <li><a href="#">e等公務園<sup>+</sup>學習平臺</a></li>
                                <li><a href="#">標竿論壇</a></li>
                                <li><a href="#">南投院區代訓收費標準</a></li>
                                <li><a href="#">圖書資訊服務</a></li>
                            </ul>
                        </li>
                        <li><a href="#">場地設施</a>
                            <ul>
                                <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><a href="#">資訊公開</a>
                            <ul>
                                <li><a href="#">政府資訊公開</a></li>
                                <li><a href="#">年度訓練成果</a></li>
                                <li><a href="#">檔案應用服務</a></li>
                            </ul>
                        </li>
                        <li><a href="#">檔案下載</a></li>
                    </ul>
                    <!-- 右側第二組 -->
                    <ul class="right_link">
                        <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>
                </nav>
            </div>
        </section>
        <!-- fatfooter End -->
        <!-- footer Start-->
        <footer>
            <div class="container">
                <a class="accesskey" href="#aZ" id="aZ" accesskey="Z" title="頁尾區">:::</a>
                <!--<div class="footer_logo">
                    <img src="images/logo.png" alt="" class="img-responsive">
                </div> -->
                <div class="footer_info">
                    <ul class="footer_link">
                        <li><a href="#">雙語詞彙對照表</a></li>
                        <li><a href="#">政府資訊公開</a></li>
                        <li><a href="#">隱私權及資訊安全政策</a></li>
                        <li><a href="#">網站著作權聲明</a></li>
                    </ul>
                    <p> 臺北院區地址：10660臺北市大安區新生南路3段30號 <a href="#">(交通路線圖)</a> 電話：(02)83691399 傳真：(02)83695616 <br />南投院區地址：540南投市光明路1號<a href="#">(交通路線圖)</a> 電話：(049)2332131 傳真：(049)2339030 </p>
                    <p class="Copyright">為提供更為穩定的瀏覽品質與使用體驗，建議更新瀏覽器至以下版本：IE10(含)以上、最新版本Chrome、最新版本Firefox</p>
                </div>
                <div class="footer_icon">
                    <a target="_blank" href="#" title="另開視窗">
                        <img src="images/basic/accessibility.jpg" alt="">
                    </a>
                    <a target="_blank" href="#" title="另開視窗">
                        <img src="images/basic/egov.jpg" alt="">
                    </a>
                    <span class="counter">累計瀏覽人次:<em>46476653</em></span>
                    <span class="counter">今日瀏覽人次:<em>46476653</em></span>
                    <span class="update">更新日期:<em>2018/01/01</em></span>
                </div>
            </div>
        </footer>
        <!-- footer End -->
    </div>
    <!-- 內頁分眾 -->
    <div class="fixed_bar">
        <ul>
            <li><a href="#"><img src="images/icon_charater_student.svg" alt="">學員</a></li>
            <li><a href="#"><img src="images/icon_charater_gov.svg" alt="">訓練承辦人</a></li>
            <li><a href="#"><img src="images/icon_charater_training.svg" alt="">民眾</a></li>
            <li><a href="#"><img src="images/icon_charater_pen.svg" alt="">講座</a></li>
        </ul>
    </div>
    <a href="javascript:;" class="scrollToTop">回頁首</a>
    <!-- JQ -->
    <script src="js/jquery-3.3.1.min.js"></script>
    <!-- plugin js -->
    <script src="vendor/jquery.easing.min.js"></script>
    <script src="vendor/slick/slick.min.js "></script>
    <script src="vendor/slick/slick-lightbox.js "></script>
    <script src="vendor/lazyload/lazyload.min.js"></script>
    <script src="vendor/scrolltable/jquery.scroltable.min.js"></script>
    <script src="js/wow.min.js"></script>
    <script>
    new WOW().init();
    </script>
    <!-- hyUI -->
    <script src="js/hyui.js"></script>
    <!-- 客製js -->
    <script src="js/customize.js"></script>
</body>

</html>