@extends('layouts.dashboard')
@section('pg-body')
<section class="wf100 subheader">
    <div class="container">
        <h2>Acessibilidade</h2>
        <ul>
            <li> <a href="{{url('home')}}">Home</a> </li>
            <li> <a href="{{url('portal-transparencia')}}">Transparência</a> </li>
            <li>Acessibilidade</li>
        </ul>
    </div>
</section>

<div class="main-content">
    <!--Local Boards & Services Start-->
    <section class="wf100 p80 h2-local-brands depart-info">
        <div class="container">
            <div class="row">
                <div class="section-title">
                    <h2>Acessibilidade</h2>
                </div>

                <div class="col-md-2 col-sm-2">
                    <div class="deprt-icon-box">
                        <img src="{{asset('front/images/icon-transparencia/sitemap.png')}}" alt="">
                        <h6 class="h6"> <a target="_blank" href="{{url('mapa-site')}}">MAPA DO SITE</a> </h6>
                        <a target="_blank" class="rm" href="{{url('mapa-site')}}">Acessar</a> 
                    </div>
                </div>
                <div class="col-md-2 col-sm-2">
                    <div class="deprt-icon-box">
                        <img src="{{asset('front/images/icon-transparencia/atalho.png')}}" alt="">
                        <h6 class="h6"> <a target="_blank" href="{{url('teclas-atalho')}}">TECLA DE ATALHO</a> </h6>
                        <a target="_blank" class="rm" href="{{url('teclas-atalho')}}">Acessar</a> 
                    </div>
                </div>
                <div class="col-md-2 col-sm-2">
                    <div class="deprt-icon-box">
                        <!--<img src="{{asset('front/images/icon-transparencia/contraste.png')}}" alt="">-->
                        <label for="darkmodeToggle" class="badgee text-secondary  ml-2"><img src="{{asset('front/images/icon-transparencia/contraste.png')}}" alt=""></label>
                        <h6 class="h6"> <a>Contraste</a> </h6>
                        <label for="darkmodeToggle" class="badgee text-secondary  ml-2"><a class="rm">Alterar</a></label>
                        <!--<a target="_blank" class="rm" href="{{url('')}}">Acessar</a>--> 
                    </div>
                </div>
                <div class="col-md-2 col-sm-2">
                    <div class="deprt-icon-box">
                        <label onclick="$('#btnAumentar').trigger('click');" class="badgee text-secondary  ml-2"><img src="{{asset('front/images/icon-transparencia/font_plus.png')}}" alt=""></label>
                        <h6 class="h6"> <a>Aumentar Fonte</a> </h6>
                        <label onclick="$('#btnAumentar').trigger('click');" class="badgee text-secondary  ml-2"><a class="rm">Aumentar</a></label>

                    </div>
                </div>
                <div class="col-md-2 col-sm-2">
                    <div class="deprt-icon-box">
                        <label onclick="$('#btnDiminuir').trigger('click');" class="badgee text-secondary  ml-2"><img src="{{asset('front/images/icon-transparencia/font_minus.png')}}" alt=""></label>
                        <h6 class="h6"> <a>Diminuir Fonte</a> </h6>
                        <label onclick="$('#btnDiminuir').trigger('click');" class="badgee text-secondary  ml-2"><a class="rm">Diminuir</a></label>

                    </div>
                </div>
                <div class="col-md-2 col-sm-2">
                    <div class="deprt-icon-box">
                        <img src="{{asset('front/images/icon-transparencia/glossario.png')}}" alt="">
                        <h6 class="h6"> <a target="_blank" href="{{url('glossario')}}">GLOSSÁRIO</a> </h6>
                        <a target="_blank" class="rm" href="{{url('glossario')}}">Acessar</a> 
                    </div>
                </div>
            </div>
        </div>
    </section>
    <!--Local Boards & Services End--> 
</div>
@endsection