@extends('layouts.work')

@section('title', '成果分享 - 經濟部產業發展署工業安全網站')

@section('styles')
    <link href="{{ asset('css/achievements.css') }}" rel="stylesheet">
    <link href="{{ asset('css/sm_tables2.css') }}" rel="stylesheet">
    <style type="text/css">
        @media screen and (max-width: 992px) {
            .bg-bulletin {
                padding: 11px;
            }
        }
    </style> 
@endsection

@section('content')
<div class='container-fluid'>
    <hr size="8px" align="center" width="100%" color="black">
    <div class='row'>
        <nav aria-label="breadcrumb">
            <ol class="breadcrumb">
                <li class="breadcrumb-item"><a class="dynamic-link" href="/">首頁</a></li>
                <li class="breadcrumb-item active" aria-current="page">成果分享</li>
            </ol>
        </nav>
    </div>
    
    <a href="#C" class='sr-only-main' accesskey="C" name="C" title="主要內容區塊">:::</a>
       
    <div class='row'>
        <h2>
            <picture>
                <source srcset="{{ asset('img/sm/手機版banner_分享成果點陣化.svg') }}" media="(max-width: 992px)">
                <img src="{{ asset('img/分享成果/經濟部產業發展署元件_banner_分享成果.png') }}" alt="分享成果" title="分享成果" style="width:100%;">
            </picture>
        </h2>
    </div>

    <filter-board></filter-board>
    
    <noscript>
        <div class='text-center'>
            <p>此網頁需要支援 JavaScript 才能正確運行，請先至你的瀏覽器設定中開啟 JavaScript。</p>
        </div>
    </noscript>
</div>
@endsection