@extends('layouts.work')

@section('title', '網站導覽 - 經濟部產業發展署工業安全網站')

@section('styles')
<style type="text/css">
    .position-absolute {
        top:-15px;
        left: -15px;
    }
    .container .col-12 ol { counter-reset: item; }
    .container .col-12 li { 
        display: block;
        line-height: 2em; 
    }
    .container .col-12 li:before { content: counters(item, "-") ". "; counter-increment: item; }
</style>
@endsection

@section('content')
<div class='container position-relative'>
    <a href="#C" class='position-absolute' accesskey="C" name="C" title="主要內容區塊">:::</a>

    <div class='row mt-2'>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a href="/" class="dynamic-link">首頁</a></li>
                <li class="breadcrumb-item active" aria-current="page">網站導覽</li>
            </ol>
        </nav>
    </div>

    <div class='row'>
        <div class='col-12'>
            <p>
                本網站依無障礙網頁設計原則建置，網站的主要內容分為三大區塊：
                <ol>
                    <li>上方功能區塊</li>
                    <li>中央內容區塊</li>
                    <li>下方功能區塊</li>
                </ol>

                本網站的快速鍵﹝Accesskey﹞設定如下：
                <ol>
                    <li>Alt + U：右上方功能區塊</li>
                    <li>Alt + C：中央內容區塊，為本頁主要內容區</li>
                    <li>Alt + S：網站搜尋</li>
                    <li>Alt + L：側邊區塊</li>
                    <li>Alt + Z：下方功能區塊</li>
                    <li>如果您的瀏覽器是Firefox，快速鍵的使用方法是 Shift+Alt+(快速鍵字母)</li>
                </ol>

                <ol>
                    <li><a class="dynamic-link" href="/" title="首頁">首頁</a></li>
                    <li><a class="dynamic-link" href="/news" title="最新消息">最新消息</a></li>
                    <li><a class="dynamic-link" href="/programs" title="申請輔導">申請輔導</a>
                        <ol>
                            <li><a class="dynamic-link" href="/programs" title="計畫簡介">計畫簡介</a></li>
                            <li><a class="dynamic-link" href="/applies" title="輔導申請下載">輔導申請下載</a></li>
                        </ol>
                    </li>
                    <li><a class="dynamic-link" href="/activities" title="訊息分享">訊息分享</a>
                        <ol>
                            <li><a class="dynamic-link" href="/activities" title="活動招生">活動招生</a></li>
                            <li><a class="dynamic-link" href="/coursedownloads" title="講義下載">講義下載</a></li>
                            <li><a class="dynamic-link" href="/tools" title="技術工具">技術工具</a></li>
                            <li><a class="dynamic-link" href="/govinfo" title="政府資訊廣宣">政府資訊廣宣</a></li>
                        </ol>
                    </li>
                    <li><a href="https://law.moea.gov.tw/" title="另開新視窗，法規查詢" target="_blank">法規查詢 (另開新視窗)</a></li>
                    <li><a href="https://sdd.nat.gov.tw/sets/" title="另開新視窗，產業智慧防災專家平台" target="_blank">產業智慧防災專家平台 (另開新視窗)</a></li>
                    
                    <!--<li><a href="#" title="石化專區">石化專區</a>
                        <ol>
                            <li><a href="https://www.isafe.org.tw/" title="另開新視窗，石化督導資料庫" target="_blank" >石化督導資料庫</a></li>
                            <li><a href="https://sps.isafe.org.tw/" title="另開新視窗，石化產業智慧化媒合與應用服務平台" target="_blank">石化產業智慧化媒合與應用服務平台</a></li>
                        </ol>
                    </li>-->
                    <li><a class="dynamic-link" href="/links" title="相關連結">相關連結</a></li>
                </ol>
            </p>
        </div>
    </div>
</div>
@endsection

@section('script')
@endsection