eng/mp_01.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_01_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">
            <a class="accesskey" href="#aC" id="aC" accesskey="C" title="主要內容區">:::</a>
            <!-- 主視覺區 -->
            <section class="main_image">
                <div class="character">
                    <ul class="wow fadeInLeft" data-wow-duration=".3s" data-wow-delay=".5s">
                        <li>
                            <a href="#">學員</a>
                            <ul>
                                <li><a href="#">1訓練需求及學習服務</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="#">2訓練需求及學習服務</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="#">3訓練需求及學習服務</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="#">4訓練需求及學習服務</a></li>
                                <li><a href="#">學員須知</a></li>
                                <li><a href="#">交通位置</a></li>
                                <li><a href="#">訓練班期資訊</a></li>
                            </ul>
                        </li>
                    </ul>
                </div>
            </section>
            <!-- 快捷服務 -->
            <section class="section service">
                <h2>快捷服務</h2>
                <div class="container">
                    <ul class="wow fadeInLeft" data-wow-duration=".3s" data-wow-delay="0s">
                        <li class="wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".1s">
                            <a href="#"><img src="images/service_01.png" alt="" />學院簡介</a>
                        </li>
                        <li class="wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".2s">
                            <a href="#"><img src="images/service_02.png" alt="" />年度訓練實施計畫</a>
                        </li>
                        <li class="wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".3s">
                            <a href="#"><img src="images/service_03.png" alt="" />訓練需求及學習服務</a>
                        </li>
                        <li class="wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".4s">
                            <a href="#"><img src="images/service_04.png" alt="" />e等公務園<sup>+</sup>學習平臺</a>
                        </li>
                        <li class="wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".5s">
                            <a href="#"><img src="images/service_05.png" alt="" />政府資訊公開</a>
                        </li>
                        <li class="wow fadeInUp" data-wow-duration=".5s" data-wow-delay=".6s">
                            <a href="#"><img src="images/service_06.png" alt="" />檔案下載</a>
                        </li>
                    </ul>
                </div>
            </section>
            <!-- 最新消息 -->
            <section class="section news">
                <h2>最新消息</h2>
                <div class="container">
                    <a href="#" class="rss">RSS<img src="images/icon_rss.png" alt="RSS訂閱" /></a>
                    <ul>
                        <li class="wow fadeInRight" data-wow-duration=".5s" data-wow-delay="0s">
                            <div class="tag" title="類別">焦點</div>
                            <h3><a href="#">福華國際文教會館辦理「福華會館藝文生活講座-口袋土司製作教學」，歡迎報名！</a></h3>
                            <time class="i_clock" title="發布時間">2018-12-01</time>
                            <p>會館為回饋公益，訂於108年3月23日（星期六）下午2時至4時在地下1樓交誼B廳舉辦「福華會館藝文生活講座-口袋土司製作教學....</p>
                        </li>
                        <li class="wow fadeInRight" data-wow-duration=".5s" data-wow-delay=".3s">
                            <div class="tag" title="類別">焦點</div>
                            <div class="img-container">
                                <a href="#">
                                    <img src="images/news_pic.jpg" alt="" class="contain" />
                                </a>
                            </div>
                            <h3><a href="#">2017年7月7日人力學院揭牌儀式暨院長就職典禮</a></h3>
                            <time class="i_clock" title="發布時間">2018-12-01</time>
                        </li>
                        <li class="wow fadeInRight" data-wow-duration=".5s" data-wow-delay=".6s">
                            <div class="tag" title="類別">焦點焦點焦點</div>
                            <h3><a href="#">本學院與Cheers快樂工作人雜誌合辦「趨勢講堂視野格局」，自106年本學院與Cheers快樂工</a></h3>
                            <time class="i_clock" title="發布時間">2018-12-01</time>
                            <p>
                                為擴展多元視野格局，訂於106年6月3日（星期六）下午2時至4時在地下1樓交誼B廳舉辦「趨勢講座(01)視野格局講座，為擴展多元視野格局，訂於106年6月3日（星期六）下午2時至4時在地下1樓交誼B廳舉辦「趨勢講座(01)視野格局講座為擴展多元視野格局，訂於106年6月3日（星期六）下午2時至4時在地下1樓交誼B廳舉辦「趨勢講座(01)視野格局講座為擴展多元視野格局，訂於106年6月3日（星期六）下午2時至4時在地下1樓交誼B廳舉辦「趨勢講座(01)視野格局講座為擴展多元視野格局，訂於106年6月3日（星期六）下午2時至4時在地下1樓交誼B廳舉辦「趨勢講座(01)視野格局講座
                            </p>
                        </li>
                    </ul>
                    <a href="#" class="more">更多消息</a>
                </div>
            </section>
            <!-- 大廣告輪播 -->
            <section class="section mp_slider">
                <div class="container">
                    <div class="img-container">
                        <a href="#" title="">
                            <span class="caption">圖說1</span>
                            <img src="https://assets.imgix.net/examples/mountain.jpg?w=1000&h=400&fit=crop&auto=format%2Cenhance&usm=20" alt="" class="cover" />
                        </a>
                    </div>
                    <div class="img-container">
                        <a href="#" title="">
                            <span class="caption">圖說2</span>
                            <img src="https://assets.imgix.net/unsplash/turntable.jpg?w=1000&h=400&fit=crop&auto=format%2Cenhance&usm=20" alt="" class="cover" />
                        </a>
                    </div>
                    <div class="img-container">
                        <a href="#" title="">
                            <span class="caption">圖說3</span>
                            <img src="https://assets.imgix.net/unsplash/citystreet.jpg?w=1000&h=400&fit=crop&auto=format%2Cenhance&usm=20" alt="" class="cover" />
                        </a>
                    </div>
                </div>
            </section>
            <!-- 活動剪影 -->
            <section class="section events">
                <h2>活動剪影</h2>
                <div class="container">
                    <a href="https://www.youtube.com/channel/UC5eRm-qhEp55RZB2ZokBLlg" class="youtube">人力學院<img src="images/youtube.jpg" alt="youtube" /></a>
                    <ul>
                        <li class="wow fadeInRight" data-wow-duration=".5s" data-wow-delay="0s">
                            <div class="img-container">
                                <a href="#">
                                    <img src="images/event_01.jpg" alt="" />
                                    <span>2017年12月11日人力學院教學觀摩會</span>
                                </a>
                            </div>
                        </li>
                        <li class="wow fadeInRight" data-wow-duration=".5s" data-wow-delay=".3s">
                            <div class="img-container">
                                <a href="#">
                                    <img src="images/event_02.jpg" alt="" />
                                    <span>2017年12月11日人力學院教學觀摩會</span>
                                </a>
                            </div>
                        </li>
                        <li class="wow fadeInRight" data-wow-duration=".5s" data-wow-delay=".6s">
                            <div class="img-container">
                                <a href="#" class="video">
                                    <img src="images/event_02.jpg" alt="" />
                                    <span>2017年12月11日人力學院教學觀摩會</span>
                                </a>
                                <!-- <iframe src="https://www.youtube.com/embed/hh9t_YcZRsw" frameborder="0" allow="accelerometer; autoplay; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe> -->
                            </div>
                        </li>
                    </ul>
                    <a href="#" class="more">更多活動剪影</a>
                </div>
            </section>
            <!-- 年度績效 -->
            <section class="section kpi">
                <div class="container">
                    <div class="kpi_block wow fadeInRight" data-wow-duration=".5s" data-wow-delay="0s">
                        <h2>107<span>年度成效</span></h2>
                        <ul>
                            <li><span>開班數：</span>839</li>
                            <li><span>訓練人天數：</span>78356.5</li>
                        </ul>
                    </div>
                    <div class="kpi_block wow fadeInRight" data-wow-duration=".5s" data-wow-delay=".3s">
                        <h3>領導力發展</h3>
                        <ul>
                            <li><span>開班數：</span>839</li>
                            <li><span>訓練人天數：</span>78356.5</li>
                        </ul>
                    </div>
                    <div class="kpi_block wow fadeInRight" data-wow-duration=".5s" data-wow-delay=".6s">
                        <h3>政策能力訓練</h3>
                        <ul>
                            <li><span>開班數：</span>839</li>
                            <li><span>訓練人天數：</span>78356.5</li>
                        </ul>
                    </div>
                    <div class="kpi_block wow fadeInRight" data-wow-duration=".5s" data-wow-delay=".9s">
                        <h3>部會業務知能訓練</h3>
                        <ul>
                            <li><span>開班數：</span>839</li>
                            <li><span>訓練人天數：</span>78356.5</li>
                        </ul>
                    </div>
                    <div class="kpi_block wow fadeInRight" data-wow-duration=".5s" data-wow-delay="1.2s">
                        <h3>自我成長及其他</h3>
                        <ul>
                            <li><span>開班數：</span>839</li>
                            <li><span>訓練人天數：</span>78356.5</li>
                        </ul>
                    </div>
                </div>
            </section>
            <!-- ad廣告輪播 -->
            <section class="section link_banner">
                <div class="container">
                    <div class="img-container">
                        <a href="#" title="">
                            <img src="images/ad_banner_01.jpg" alt="" class="contain" />
                        </a>
                    </div>
                    <div class="img-container">
                        <a href="#" title="">
                            <img src="images/ad_banner_02.jpg" alt="" class="contain" />
                        </a>
                    </div>
                    <div class="img-container">
                        <a href="#" title="">
                            <img src="images/ad_banner_03.jpg" alt="" class="contain" />
                        </a>
                    </div>
                    <div class="img-container">
                        <a href="#" title="">
                            <img src="images/ad_banner_04.jpg" alt="" class="contain" />
                        </a>
                    </div>
                    <div class="img-container">
                        <a href="#" title="">
                            <img src="images/ad_banner_05.jpg" alt="" class="contain" />
                        </a>
                    </div>
                    <div class="img-container">
                        <a href="#" title="">
                            <img src="images/ad_banner_05.jpg" alt="" class="contain" />
                        </a>
                    </div>
                </div>
                <a href="#" class="more">更多</a>
            </section>
        </div>
        <!-- fatfooter Start -->
        <section class="fatfooter">
            <div class="container">
                <button type="button" name="展開選單/OPEN" aria-label="導覽選單展開/收合" class="btn btn-fatfooter" role="button">收合</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>
    <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>