cht/sp_survey.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.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="submenu">
                    <h2>公務人力發展學院</h2>
                    <ul>
                        <li class="active"><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>
                </div>
                <div class="content">
                    <!-- breadcrumb路徑 -->
                    <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>
                    <!-- SP Start -->
                    <section class="sp">
                        <h3>公務人員應具備及應加強之能力調查</h3>
                        <p>註:<abbr class="necessary" title="為必填(選)欄位,不能為空白。">*</abbr>為必填(選)欄位, 不能為空白。</p>
                        <form action="" class="form_grid">
                            <h4 class="form_h">1.<abbr class="necessary" title="為必填(選)欄位,不能為空白。">*</abbr> 請問您認為一般公務人員應該具備哪些能力？</h4>
                            <div class="check_grp">
                                <label><input name="checkSample" type="checkbox" value="">規劃能力</label>
                                <label><input name="checkSample" type="checkbox" value="">執行能力</label>
                                <label><input name="checkSample" type="checkbox" value="">溝通能力</label>
                                <label><input name="checkSample" type="checkbox" value="">領導協調能力</label>
                                <label><input name="checkSample" type="checkbox" value="">風險危機管理能力</label>
                                <label><input name="checkSample" type="checkbox" value="">問題追蹤與解決能力</label>
                                <label><input name="checkSample" type="checkbox" value="">創新服務能力</label>
                                <label><input name="checkSample" type="checkbox" value="">知識管理能力</label>
                                <label><input name="checkSample" type="checkbox" value="">政策行銷能力</label>
                                <label><input name="checkSample" type="checkbox" value="">願景與策略性思維能力</label>
                                <label><input name="checkSample" type="checkbox" value="">其他 <input type="text" placeholder="請輸入文字"></label>
                            </div>
                            <h4 class="form_h">2.<abbr class="necessary" title="為必填(選)欄位,不能為空白。">*</abbr> 請問您認為一般公務人員比較欠缺而需加強的能力為何？</h4>
                            <div class="check_grp">
                                <label><input name="checkSample" type="checkbox" value="">規劃能力</label>
                                <label><input name="checkSample" type="checkbox" value="">執行能力</label>
                                <label><input name="checkSample" type="checkbox" value="">溝通能力</label>
                                <label><input name="checkSample" type="checkbox" value="">領導協調能力</label>
                                <label><input name="checkSample" type="checkbox" value="">風險危機管理能力</label>
                                <label><input name="checkSample" type="checkbox" value="">問題追蹤與解決能力</label>
                                <label><input name="checkSample" type="checkbox" value="">創新服務能力</label>
                                <label><input name="checkSample" type="checkbox" value="">知識管理能力</label>
                                <label><input name="checkSample" type="checkbox" value="">政策行銷能力</label>
                                <label><input name="checkSample" type="checkbox" value="">願景與策略性思維能力</label>
                            </div>
                            <h4 class="form_h">3.<abbr class="necessary" title="為必填(選)欄位,不能為空白。">*</abbr> 請問您性別為何？</h4>
                            <div class="radio_grp">
                                <label><input name="checkSample" type="radio" value="">男</label>
                                <label><input name="checkSample" type="radio" value="">女</label>
                            </div>
                            <h4 class="form_h">4.<abbr class="necessary" title="為必填(選)欄位,不能為空白。">*</abbr> 請問您年齡為何？</h4>
                            <div class="radio_grp">
                                <label><input name="checkSample" type="radio" value="">20歲以下</label>
                                <label><input name="checkSample" type="radio" value="">20-29歲</label>
                                <label><input name="checkSample" type="radio" value="">30-39歲</label>
                                <label><input name="checkSample" type="radio" value="">40-49歲</label>
                                <label><input name="checkSample" type="radio" value="">50-59歲</label>
                                <label><input name="checkSample" type="radio" value="">60歲以上</label>
                            </div>
                            <h4 class="form_h">5.其他建議：</h4>
                            <div class="form_grp">
                                <textarea id="textareaSample1" rows="10"></textarea>
                            </div>
                            <div class="btn_grp">
                                <input name="" type="reset" value="取消重填">
                                <input name="" type="submit" value="確定送出">
                            </div>
                        </form>
                        <div class="btn_grp">
                            <a href="#" class="btn btn-sm icon_back">回上一頁</a>
                        </div>
                    </section>
                    <!-- Sp End -->
                </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>