PageSourceSearch

https://www.pelotas.rs.leg.br/acessibilidade

html pelotas.rs.leg.br collected 2026-10-09 05:14:04 UTC 38,975 bytes, 561 lines download raw bytes

1<!DOCTYPE html>
2<html lang="pt-br">
3<head>
4    <meta charset="UTF-8">
5    <meta name="viewport" content="width=device-width, initial-scale=1.0">
6    <meta http-equiv="X-UA-Compatible" content="ie=edge">
7    <meta name="description" content="">
8        <meta property="og:title" content="Acessibilidade - Câmara Municipal de Pelotas">
9    <meta property="og:description" content="">
10    <meta property="og:url" content="https://www.pelotas.rs.leg.br/acessibilidade">
11    <meta property="og:site_name" content="Câmara Municipal de Pelotas">
12    <meta property="og:image" content="" />
13    <meta property="og:type" content="website">
14    <meta name="twitter:site" content="https://pelotas.rs.leg.br">
15    <meta name="twitter:title" content="Acessibilidade - Câmara Municipal de Pelotas">
16    <meta name="twitter:description" content="">
17    <title>Acessibilidade - Câmara Municipal de Pelotas</title>
18
19    <!-- icon !-->
20            <link rel="icon" type="image/x-icon" sizes="48x48" href="https://cm-sites.cittatec.com.br/55/design/0As2Tvsqt1d3kjRY34NryE0b3SMr6LvqXXZPvimP.png">
21    
22    <meta name="theme-color" content="#ffffff">
23
24    <!--FONTS-->
25    <link rel="preconnect" href="https://fonts.googleapis.com">
26    <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
27    <link rel="prefetch" href="https://fonts.googleapis.com/css2?family=Inter:wght@100;200;300;400;500;600;700;800;900&family=Roboto:ital,wght@0,100;0,300;0,400;0,500;0,700;0,900;1,100;1,300;1,400;1,500;1,700;1,900&display=swap" crossorigin="anonymous">
28
29    <!--CSS-->
30        <style rel="stylesheet">
31        :root{
32            --color-primary: rgb(16, 94, 168);
33            --color-secondary: rgb(10, 57, 101);
34            --color-tertiary: rgb(3, 19, 34);
35            --color-menu: rgb(16, 94, 168);
36            --color-font-menu: rgb(245, 245, 245);
37            --color-font-destaque: rgb(245, 245, 245);
38            --color-font-acesso: rgb(3, 19, 34);
39            --color-font-topmenu: rgb(3, 19, 34);
40
41            --color-primary-texto: rgb(16, 94, 168);
42            --color-secondary-texto: rgb(10, 57, 101);
43            --color-tertiary-texto: rgb(3, 19, 34);
44            --color-menu-texto: rgb(16, 94, 168);
45            --color-font-acesso-texto: rgb(3, 19, 34);
46            --color-primary-fundo: rgb(16, 94, 168);
47            --color-secondary-fundo: rgb(10, 57, 101);
48            --color-tertiary-fundo: rgb(3, 19, 34);
49            --color-menu-fundo: rgb(16, 94, 168);
50            --color-font-destaque-primary: rgb(245, 245, 245);
51            --color-font-destaque-secondary: rgb(245, 245, 245);
52            --color-primary-sobre: #FFFFFF;
53            --color-secondary-sobre: #FFFFFF;
54            --color-tertiary-sobre: #FFFFFF;
55        }
56    </style>
57    <link href="https://www.pelotas.rs.leg.br/assets/bootstrap5.2/bootstrap.min.css" rel="stylesheet">
58    <link rel="stylesheet" href="https://cdn.datatables.net/1.10.21/css/dataTables.bootstrap4.min.css">
59    <link rel="stylesheet" href="https://www.pelotas.rs.leg.br/assets/dist/site.min.css?v=1790788387">
60
61
62    
62<script type="module">
63        import LazyLoad from "https://cdn.jsdelivr.net/npm/[email protected]/+esm";
64        var lazyLoadInstance = new LazyLoad({
65          elements_selector: ".lazy"
66        });
67    </script>
67
68    <!--SCRIPTS-->
69    
69<script src="https://code.jquery.com/jquery-3.5.1.min.js" integrity="sha256-9/aliU8dGd2tb6OSsuzixeV4y/faTqgFtohetphbbj0=" crossorigin="anonymous"></script>
69
70    
70<script src="https://cdn.jsdelivr.net/npm/@popperjs/[email protected]/dist/umd/popper.min.js" integrity="sha384-oBqDVmMz9ATKxIep9tiCxS/Z9fNfEXiDAYTujMAeBAsjFuCZSmKbSSUnQlmh/jp3" crossorigin="anonymous"></script>
70
71    
71<script src="https://www.pelotas.rs.leg.br/assets/bootstrap5.2/bootstrap.bundle.min.js"></script>
71
72    
72<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.mask/1.14.16/jquery.mask.min.js" type="text/javascript"></script>
72
73
74    
75    
76</head>
77<body>
78
79    
80    <a class="skip-link visually-hidden-focusable" href="#conteudo" accesskey="1">Ir para o conteúdo [1]</a>
81    <a class="skip-link visually-hidden-focusable" href="#menu" accesskey="2">Ir para o menu [2]</a>
82    <a class="skip-link visually-hidden-focusable" href="#rodape" accesskey="4">Ir para o rodapé [4]</a>
83    <noscript><p class="visually-hidden">Este site funciona sem JavaScript: menus, páginas e listagens continuam navegáveis. Apenas a rotação automática dos banners e os filtros das listagens dependem dele.</p></noscript>
84
85    <header>
86    <div id="header" style="background-image: url('')" class="">
87
88        <div class="container">
89            <div class="row align-items-center">
90                <div class=" col-4  ">
91                    <ul id="logos">
92                        <li>
93                            
94                                <a href="https://pelotas.rs.leg.br" class="d-flex align-items-center">
95                                    <div style="flex-shrink: 1;"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20600'%3E%3C/svg%3E" data-src="https://cm-sites.cittatec.com.br/55/design/0As2Tvsqt1d3kjRY34NryE0b3SMr6LvqXXZPvimP.png" alt="Câmara Municipal de Pelotas" class="logo img-fluid lazy" style="width: 100%;"></div>
96                                    <div style="flex-shrink: 1; margin-left: 10px"><img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20600'%3E%3C/svg%3E" data-src="https://cm-sites.cittatec.com.br/55/design/m5Y89bJXId94N5hXrez8GwATv0gpsVXPG7uebdFD.png" alt="Câmara Municipal de Pelotas" class="brasao img-fluid lazy" style="width: 100%;"></div>
97                                </a>
98
99                                                    </li>
100                    </ul>
101                </div>
102                <div class="col-8 d-flex d-lg-none">
103                    <ul id="header-menu-mobile" class="d-inline-flex   justify-content-end  menu-superior align-items-center" style="width: 100%">
104                                                <li><a class="img-contrast" href="https://www.pelotas.rs.leg.br/acessibilidade"><i class="lab la-accessible-icon" aria-hidden="true"></i><span class="visually-hidden">Acessibilidade</span></a></li>
105                        <li><button type="button" class="img-contrast btn-contraste" onclick="changeContrast()" aria-pressed="false"><i class="las la-adjust" aria-hidden="true"></i><span class="visually-hidden">Alto contraste</span></button></li>
106                        <li><a class="mapa" href="https://www.pelotas.rs.leg.br/mapa-do-site"><i class="las la-sitemap" aria-hidden="true"></i><span class="visually-hidden">Mapa do Site</span></a></li>
107
108                        
109                                                    <li><a href="javascript: openMenuMobile();"><img class="img-contrast" src="https://www.pelotas.rs.leg.br/assets/html/images/menu-open.png" alt="Abrir menu"></a></li>
110                                            </ul>
111                </div>
112                <div class=" col-8  d-none d-lg-flex  justify-content-end ">
113                                        <div id="header-menu-desktop">
114                        <ul class="d-flex menu-superior">
115                            <li class="d-flex align-items-center">
116                                <button type="button" id="zoom-in">+<span class="visually-hidden"> Aumentar o texto</span></button>
117                                <button type="button" id="zoom-out">-<span class="visually-hidden"> Diminuir o texto</span></button>
118                            </li>
119                            <li class="acessibilidade"><a href="https://www.pelotas.rs.leg.br/acessibilidade" class="text-contrast"><i class="lab la-accessible-icon" aria-hidden="true"></i> Acessibilidade</a></li>
120                            <li><button type="button" class="text-contrast btn-contraste" onclick="changeContrast()" aria-pressed="false"><i class="las la-adjust" aria-hidden="true"></i> Contraste</button></li>
121                            <li><a class="mapa" href="https://www.pelotas.rs.leg.br/mapa-do-site"><i class="las la-sitemap" aria-hidden="true"></i><span class="visually-hidden">Mapa do Site</span></a></li>
122                        </ul>
123                        <ul class="socials-container">
124                                                                                                                                                                                                                                            <li class="link-social"><a href="https://www.youtube.com/results?search_query=rede+camara+pelotas" target="_blank"><img src="https://www.pelotas.rs.leg.br/assets/html/images/menu-youtube.png" alt="Youtube"></a></li>
125                                                                                                                                                                                                                        <li class="link-social"><a href="https://www.facebook.com/camarapelotas" target="_blank"><img src="https://www.pelotas.rs.leg.br/assets/html/images/menu-facebook.png" alt="Facebook"></a></li>
126                                                                                                                                                                                                                        <li class="link-social"><a href="https://www.instagram.com/camarapelotas/" target="_blank"><img src="https://www.pelotas.rs.leg.br/assets/html/images/menu-instagram.png" alt="Instagram"></a></li>
127                                                                                                                                                                                                                                                                                                                                                                                                                                                </ul>
128
129                    </div>
130                </div>
131            </div>
132        </div>
133    </div>
134
135</header>
136    <nav id="menu" class="d-none d-lg-block" aria-label="Menu principal">
137        <div class="container">
138            <ul class="container-menu menu-bar">
139                                                        <li class="menu-option" data-root="0">
140                        <a class="menu-title menu-has-children"
141                           href="https://www.pelotas.rs.leg.br/menu/institucional/7bb691266da1cdecb69e95f39fc4f345"
142                                                                                  aria-expanded="false" aria-controls="menu-holder" >
143                            Institucional
144                            <span class="menu-caret" aria-hidden="true"></span>                        </a>
145                    </li>
146                                                        <li class="menu-option" data-root="1">
147                        <a class="menu-title menu-has-children"
148                           href="https://www.pelotas.rs.leg.br/menu/legislacao/63fb660797fdae009c568d65c317e685"
149                                                                                  aria-expanded="false" aria-controls="menu-holder" >
150                            Legislação
151                            <span class="menu-caret" aria-hidden="true"></span>                        </a>
152                    </li>
153                                                        <li class="menu-option" data-root="2">
154                        <a class="menu-title menu-has-children"
155                           href="https://www.pelotas.rs.leg.br/menu/processo-legislativo/413ca0f035a2281a73dc673da86d12b7"
156                                                                                  aria-expanded="false" aria-controls="menu-holder" >
157                            Processo Legislativo
158                            <span class="menu-caret" aria-hidden="true"></span>                        </a>
159                    </li>
160                                                        <li class="menu-option" data-root="3">
161                        <a class="menu-title"
162                           href="https://pelotas.rs.leg.br/pagina/portal-da-transparencia"
163                                                                                 >
164                            Portal da Transparência
165                                                    </a>
166                    </li>
167                                                        <li class="menu-option" data-root="4">
168                        <a class="menu-title"
169                           href="https://cmpelotas.cittaweb.com.br/citta/#/erp/dashboard"
170                            target="_blank" rel="noopener"                                                       >
171                            Portal do Servidor
172                                                    </a>
173                    </li>
174                                                        <li class="menu-option" data-root="5">
175                        <a class="menu-title"
176                           href="https://webmail.hosteg.net/"
177                            target="_blank" rel="noopener"                                                       >
178                            Webmail
179                                                    </a>
180                    </li>
181                                                        <li class="menu-option" data-root="6">
182                        <a class="menu-title"
183                           href="https://pelotas.rs.leg.br/pagina/contatos"
184                                                                                 >
185                            Contatos
186                                                    </a>
187                    </li>
188                
189                
190                <li class="menu-option menu-more" hidden>
191                    <button type="button" class="menu-title menu-more-btn" aria-expanded="false" aria-controls="menu-holder">
192                        Mais <span class="menu-more-count" aria-hidden="true"></span>
193                        <span class="menu-caret" aria-hidden="true"></span>
194                    </button>
195                </li>
196            </ul>
197        </div>
198
199        
200        <div id="menu-holder" class="menu-holder" hidden>
201            <div class="container">
202                <div class="menu-crumb">
203                    <div class="menu-crumb-path"></div>
204                    <span class="menu-crumb-level"></span>
205                </div>
206                <div class="menu-strip" tabindex="-1"></div>
207                <div class="menu-foot">
208                    <a class="menu-foot-open" href="#" hidden>Abrir</a>
209                    <a class="menu-foot-root" href="#" hidden>Ver tudo</a>
210                    <span class="menu-foot-hint" aria-hidden="true">&uarr; &darr; navegar &middot; &rarr; abrir &middot; &larr; voltar &middot; Esc fechar</span>
211                </div>
212            </div>
213        </div>
214    </nav>
215
216    
217    <div id="menu-source" hidden>
218                    <div data-root="0" data-name="Institucional">
219                                    <ul class="menu-level" data-level="2"><li><a class="menu-node" href="https://pelotas.rs.leg.br/pagina/acesso">Acesso</a></li><li><a class="menu-node" href="https://pelotas.rs.leg.br/noticias">Notícias</a></li><li><a class="menu-node" href="https://pelotas.rs.leg.br/pagina/funcao-e-definicao">Função e Definição</a></li><li><a class="menu-node" href="https://pelotas.rs.leg.br/pagina/rede-camara">Rede Câmara</a></li><li><a class="menu-node" href="https://www.pelotas.rs.leg.br/pagina/identidade-visual">Identidade Visual</a></li><li><a class="menu-node" href="https://www.youtube.com/@redecamarapel">Transmissões</a></li><li><a class="menu-node" href="https://www.pelotas.rs.leg.br/publicacoes-oficiais-subcategoria/transparencia/1144822392bf4d4e8dc7d14731ace37f">Concursos</a></li></ul>
220                            </div>
221                    <div data-root="1" data-name="Legislação">
222                                    <ul class="menu-level" data-level="2"><li><a class="menu-node" href="https://leisnaweb.com.br/pesquisa-de-atos/?host=pelotas">Legislação da Câmara</a></li><li><a class="menu-node" href="https://leismunicipais.com.br/prefeitura/rs/pelotas">Legislação na página da Prefeitura</a></li><li><a class="menu-node" href="https://pelotas.rs.leg.br/pagina/lei-organica-de-pelotas">Lei Orgânica de Pelotas</a></li><li><a class="menu-node" href="https://pelotas.rs.leg.br/pagina/regimento-interno">Regimento Interno</a></li></ul>
223                            </div>
224                    <div data-root="2" data-name="Processo Legislativo">
225                                    <ul class="menu-level" data-level="2"><li><a class="menu-node" href="https://pelotas.rs.leg.br/agendas">Agenda Legislativa</a></li><li><a class="menu-node" href="https://cmpelotas.cittatec.com.br/portal-legislativo/vereadores" target="_blank" rel="noopener">Parlamentares</a></li><li><a class="menu-node" href="https://cmpelotas.cittatec.com.br/portal-legislativo/proposicoes/consulta" target="_blank" rel="noopener">Proposições Legislativas</a></li><li><a class="menu-node" href="https://cmpelotas.cittatec.com.br/portal-legislativo/sessoes/plenarias" target="_blank" rel="noopener">Documentos das Sessões Plenárias</a></li><li><a class="menu-node" href="https://cmpelotas.cittatec.com.br/portal-legislativo/mesa" target="_blank" rel="noopener">Mesa Diretora</a></li><li><a class="menu-node" href="https://cmpelotas.cittatec.com.br/portal-legislativo/comissoes/2" target="_blank" rel="noopener">Comissões</a></li></ul>
226                            </div>
227                    <div data-root="3" data-name="Portal da Transparência">
228                            </div>
229                    <div data-root="4" data-name="Portal do Servidor">
230                            </div>
231                    <div data-root="5" data-name="Webmail">
232                            </div>
233                    <div data-root="6" data-name="Contatos">
234                            </div>
235            </div>
236
237    
238    <nav id="menu-mobile" aria-label="Menu principal">
239        <div id="menu-mobile-top">
240            <button type="button" id="menu-mobile-back" hidden>
241                <span class="mm-chev-l" aria-hidden="true"></span> Voltar
242            </button>
243            <span id="menu-mobile-title">Menu</span>
244            <button type="button" id="menu-mobile-close" onclick="javascript: closeMenuMobile();">
245                FECHAR <img src="https://www.pelotas.rs.leg.br/assets/html/images/menu-close-mobile.png" alt="Fechar" aria-hidden="true">
246            </button>
247        </div>
248
249        <div id="menu-mobile-stack">
250            <div class="menu-mobile-level">
251                                                        <a class="menu-mobile-item"
252                       data-root="0"
253                        data-has-children="1"                        href="https://www.pelotas.rs.leg.br/menu/institucional/7bb691266da1cdecb69e95f39fc4f345"
254                                              >
255                        <span>Institucional</span>
256                        <span class="mm-chev-r" aria-hidden="true"></span>                    </a>
257                                                        <a class="menu-mobile-item"
258                       data-root="1"
259                        data-has-children="1"                        href="https://www.pelotas.rs.leg.br/menu/legislacao/63fb660797fdae009c568d65c317e685"
260                                              >
261                        <span>Legislação</span>
262                        <span class="mm-chev-r" aria-hidden="true"></span>                    </a>
263                                                        <a class="menu-mobile-item"
264                       data-root="2"
265                        data-has-children="1"                        href="https://www.pelotas.rs.leg.br/menu/processo-legislativo/413ca0f035a2281a73dc673da86d12b7"
266                                              >
267                        <span>Processo Legislativo</span>
268                        <span class="mm-chev-r" aria-hidden="true"></span>                    </a>
269                                                        <a class="menu-mobile-item"
270                       data-root="3"
271                                              href="https://pelotas.rs.leg.br/pagina/portal-da-transparencia"
272                                              >
273                        <span>Portal da Transparência</span>
274                                            </a>
275                                                        <a class="menu-mobile-item"
276                       data-root="4"
277                                              href="https://cmpelotas.cittaweb.com.br/citta/#/erp/dashboard"
278                        target="_blank" rel="noopener"                        >
279                        <span>Portal do Servidor</span>
280                                            </a>
281                                                        <a class="menu-mobile-item"
282                       data-root="5"
283                                              href="https://webmail.hosteg.net/"
284                        target="_blank" rel="noopener"                        >
285                        <span>Webmail</span>
286                                            </a>
287                                                        <a class="menu-mobile-item"
288                       data-root="6"
289                                              href="https://pelotas.rs.leg.br/pagina/contatos"
290                                              >
291                        <span>Contatos</span>
292                                            </a>
293                
294                <div id="menu-mobile-extra">
295                                            <ul id="menu-mobile-social-media">
296                                                                                                                                                                <li><a href="https://www.youtube.com/results?search_query=rede+camara+pelotas" target="_blank" rel="noopener"><img src="https://www.pelotas.rs.leg.br/assets/html/images/menu-mobile-youtube.png" alt="Youtube"></a></li>
297                                                                                                                                                                <li><a href="https://www.facebook.com/camarapelotas" target="_blank" rel="noopener"><img src="https://www.pelotas.rs.leg.br/assets/html/images/menu-mobile-facebook.png" alt="Facebook"></a></li>
298                                                                                                                                                                <li><a href="https://www.instagram.com/camarapelotas/" target="_blank" rel="noopener"><img src="https://www.pelotas.rs.leg.br/assets/html/images/menu-mobile-instagram.png" alt="Instagram"></a></li>
299                                                                                                                                                                                                                                                                                </ul>
300                    
301                    <div id="menu-mobile-logo">
302                                                                            <img src="https://cm-sites.cittatec.com.br/55/design/0As2Tvsqt1d3kjRY34NryE0b3SMr6LvqXXZPvimP.png" alt="Câmara Municipal de Pelotas" class="logo img-fluid">
303                                            </div>
304                </div>
305            </div>
306        </div>
307    </nav>
308
309    <main id="conteudo" tabindex="-1">
310        
311<section id="custom-page">
312
313    <h1 class="visually-hidden">Acessibilidade</h1>
314    <div class="container breadcrumb-component" data-op="" data-menu="">
315    <nav id="breadcrumbs" aria-label="breadcrumb" style="--bs-breadcrumb-divider: '&#xf061;';">
316        <ol class="breadcrumb">
317          <li class="breadcrumb-item"><a href="https://www.pelotas.rs.leg.br">Home</a></li>
318                    <li class="breadcrumb-item active" aria-current="page">Acessibilidade</li>
319        </ol>
320      </nav>
321</div>    <div class="container">
322        <div class="row">
323            <div class="col-12">
324                <div id="custom-page-content">
325                    <h1 helvetica="" neue",="" arial,="" freesans,="" sans-serif;="" font-weight:="" bold;
325="" color:="" rgb(26,="" 58,="" 100);="" line-height:="" 1.5em;="" letter-spacing:="" -0.05em;="" border:="" none;"="" style="margin: 0.5em 0px 0px; font-size: 2.5em; padding: 0px;">Acessibilidade</h1><p><br></p><p>Nosso sistema foi projetado para ser responsivo e acessível. Todo o seu conteúdo pode ser visualizado através de vários dispositivos de diversos tamanhos de tela (responsivo). Apesar de possuir imagens e esquema de cores, elas não são necessárias à compreensão da informação. O redimensionamento do tamanho das fontes através do browser não desestrutura a formatação dos textos.</p><p>Na parte superior do sistema existe uma barra de acessibilidade onde se encontra o link para esta página e a opção para alterar o contraste. Essas ferramentas estão disponíveis em todas as páginas do sistema.</p><p><br></p><p>Os atalhos padrão do sistema são:</p><p>Ctrl + em qualquer página do sistema, as fontes serão aumentadas.</p><p>Ctrl - em qualquer página do sistema, as fontes serão diminuídas.</p><p>Ctrl + 0 em qualquer página do sistema, as fontes voltam para o tamanho padrão.</p><p><br></p><p>Também contamos com suporte ao usuário com deficiência auditiva ou visual como mostrado a seguir.</p><p>O sistema já conta com um serviço, chamado de VLibras, que permite que pessoas com deficiência auditiva possam ler todo o site utilizando de um avatar que lê todo o texto em Libras. Um pequeno ícone azul será mostrado no lado direito de todas as telas do sistema.</p><p>NVDA – NonVisual Desktop Access (NVDA) é uma ferramenta livre e de código aberto de leitura de tela. Possibilita que pessoas com problemas de visão ou completamente sem visão possam ouvir o conteúdo por meio de uma voz sintetizada. Você pode usar o NVDA para ouvir o conteúdo do sistema.&nbsp;<a href="https://www.nvaccess.org/" target="_blank">Baixe agora</a>.</p>                </div>
326            </div>
327        </div>
328    </div>
329
330</section>
vendor: 85 bytes, lines 330-331
330
331        <script src="https://www.google.com/recaptcha/api.js" async defer></script>
332<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/charts.css/dist/charts.min.css">
333<div class="satisfacao" id="satisfacao">
334	<div class="container">
335						<form action="/satisfacao" method="POST">
336			<input type="hidden" name="_token" value="LUtMLRkD3Ukx0yh3pNvMkhv0DOMQpuLJkRfzBdqO">
337			<h2>Qual o seu nível de satisfação com o atendimento da Câmara?</h2>
338			<fieldset class="escolhas">
339				<legend class="visually-hidden">Nível de satisfação</legend>
340				<label class="escolha m-insatisfeito" for="satisfacao-muito-insatisfeito">
341					<input name="satisfacao" type="radio" value="-2" id="satisfacao-muito-insatisfeito" />
342					<i class="las la-angry"></i>
343					<span>Muito insatisfeito</span>
344				</label>
345				<label class="escolha insatisfeito" for="satisfacao-insatisfeito">
346					<input name="satisfacao" type="radio" value="-1" id="satisfacao-insatisfeito" />
347					<i class="las la-frown"></i>
348					<span>Insatisfeito</span>
349				</label>
350				<label class="escolha neutro" for="satisfacao-neutro">
351					<input name="satisfacao" type="radio" value="0" id="satisfacao-neutro" />
352					<i class="las la-meh"></i>
353					<span>Neutro</span>
354				</label>
355				<label class="escolha satisfeito" for="satisfacao-satisfeito">
356					<input name="satisfacao" type="radio" value="1" id="satisfacao-satisfeito" />
357					<i class="las la-smile"></i>
358					<span>Satisfeito</span>
359				</label>
360				<label class="escolha m-satisfeito" for="satisfacao-muito-satisfeito">
361					<input name="satisfacao" type="radio" value="2" id="satisfacao-muito-satisfeito" />
362					<i class="las la-smile-beam"></i>
363					<span>Muito satisfeito</span>
364				</label>
365			</fieldset>
366			<div class="inputs">
367				<div class="formulario">
368					<div class="row">
369						<div class="col">
370							<div class="form-floating mb-3">
371								<input type="text" class="form-control" required name="nome" id="nome" placeholder="Seu nome">
372								<label for="nome">Nome</label>
373							</div>
374						</div>
375						<div class="col">
376							<div class="form-floating mb-3">
377								<input type="email" name="email" required class="form-control" id="email"
378									placeholder="[email protected]">
379								<label for="email">E-mail</label>
380							</div>
381						</div>
382                    </div>
383                    <div class="row">
384						<div class="col">
385							<div class="form-floating mb-3">
386								<textarea class="form-control" name="mensagem" placeholder="Sua mensagem" id="mensagem"></textarea>
387								<label for="mensagem">Mensagem</label>
388							</div>
389						</div>
390					</div>
391					<div class="row">
392						<div class="col">
393							<div class="g-recaptcha" data-sitekey="6LclxCoUAAAAAI2OXcXzmm8iGWyfFaPbq5WgTMAy"></div>
394						</div>
395						<div class="col text-end">
396							<button type="submit" class="btn-green d-inline-block">Enviar</button>
397						</div>
398					</div>
399				</div>
400				<div class="resultados">
401					<table class="charts-css bar show-data-on-hover data-end show-labels data-spacing-2">
402						<caption class="visually-hidden">Resultado da pesquisa de satisfação: quantidade de respostas por nível</caption>
403						<thead>
404							<tr>
405								<th scope="col"> Satisfação </th>
406								<th scope="col"> Quantia </th>
407							</tr>
408						</thead>
409						<tbody>
410							<tr>
411								<th scope="row"> Muito Insatisfeito </th>
412								<td style="--size: 0.7778; --color: var(--bs-red);"> <span class="data"> 7 </span> </td>
413							</tr>
414							<tr>
415								<th scope="row"> Insatisfeito </th>
416								<td style="--size: 0.005; --color: var(--bs-orange);"> <span class="data"> 0 </span> </td>
417							</tr>
418							<tr>
419								<th scope="row"> Neutro </th>
420								<td style="--size: 0.1111; --color: var(--bs-gray);"> <span class="data"> 1 </span> </td>
421							</tr>
422							<tr>
423								<th scope="row"> Satisfeito </th>
424								<td style="--size: 0.005; --color: var(--bs-teal);"> <span class="data"> 0 </span> </td>
425							</tr>
426							<tr>
427								<th scope="row"> Muito satisfeito </th>
428								<td style="--size: 0.1111; --color: var(--bs-green);"> <span class="data"> 1 </span> </td>
429							</tr>
430						</tbody>
431					</table>
432				</div>
433			</div>
434		</form>
435	</div>
436</div>
437    </main>
438
439    <link rel="stylesheet"
440    href="https://maxst.icons8.com/vue-static/landings/line-awesome/line-awesome/1.3.0/css/line-awesome.min.css">
441<footer id="rodape">
442    <div class="container text-center text-lg-start">
443        <div class="row align-items-end justify-content-start">
444            <div class="col-12 col-lg-3 mb-5 mb-lg-0">
445                                    <img src="data:image/svg+xml,%3Csvg%20xmlns='http://www.w3.org/2000/svg'%20viewBox='0%200%20800%20600'%3E%3C/svg%3E" data-src="https://cm-sites.cittatec.com.br/55/design/0As2Tvsqt1d3kjRY34NryE0b3SMr6LvqXXZPvimP.png" alt="Câmara Municipal de Pelotas" class="logo img-fluid lazy">
446                                                    <ul class="endereco">
447                        <li>RUA 15 DE NOVEMBRO, 207</li>
448                        <li>96015-000 - Pelotas, rs</li>
449                                                    <li>CNPJ: 87.696.217/0001-66 </li>
450                                            </ul>
451                            </div>
452            <div class="atendimento col-12 col-lg-6 mb-5 mb-lg-0">
453                                    <ul class="mt-3">
454                        <li>Atendimento:</li>
455                        <li>Segunda a sexta:</li>
456                        <li><strong>8h às 14h</strong></li>
457                    </ul>
458                
459                                            </div>
460            <div class="col-lg-3 text-lg-end redes-sociais">
461                                                        <div class="contatos mb-1">
462                                                                                                                                                        <div class="contato">
463                                                                                    <a href="https://www.youtube.com/results?search_query=rede+camara+pelotas" target="_blank" rel="noopener"><i
464                                                    class="lab la-youtube" aria-hidden="true"></i><span class="visually-hidden">YouTube</span></a>
465                                                                            </div>
466                                                                                                                                                                                                                    <div class="contato">
467                                                                                    <a href="https://www.facebook.com/camarapelotas" target="_blank" rel="noopener"><i
468                                                    class="lab la-facebook" aria-hidden="true"></i><span class="visually-hidden">Facebook</span></a>
469                                                                            </div>
470                                                                                                                                                                                                                    <div class="contato">
471                                                                                    <a href="https://www.instagram.com/camarapelotas/" target="_blank" rel="noopener"><i
472                                                    class="lab la-instagram" aria-hidden="true"></i><span class="visually-hidden">Instagram</span></a>
473                                                                            </div>
474                                                                                                                                                                                                                    <div class="contato">
475                                                                                    <a href="https://www.flickr.com/photos/camarapelotas/" target="_blank" rel="noopener"><i
476                                                    class="las la-external-link-alt" aria-hidden="true"></i><span class="visually-hidden">Site</span></a>
477                                                                            </div>
478                                                                                                                                    <div class="contato"><a href="tel:5330261001"><i class="las la-phone" aria-hidden="true"></i><span>(53) 3026-1001</span></a>
479                    </div>
480                            </div>
481                            <div class="contatos">
482                                    </div>
483                            <div class="contatos">
484                                    </div>
485                            <div class="contatos">
486                                    </div>
487                            <div class="contatos">
488                                    </div>
489                                        <div class="contatos">
490                    <div class="contato menor"><i class="las la-envelope" aria-hidden="true"></i><span>
490[email protected]</span>
491                    </div>
492                </div>
493                                                <span class="citta">2026 Città - Inteligência em Gestão Pública.</span>
494        </div>
495    </div>
496    </div>
497    <div class="bar-footer d-none">
498        <div class="container">
499            <a href="https://www.cittainformatica.com.br/" target="_blank" class="info">
500                <i class="icon"></i>
501                <span><i class="copy">&copy;</i>2023 Città - Inteligência em Gestão Pública.</span>
502            </a>
503            <div class="links">
504                <a href="https://instagram.com/cittatec" class="footer-instagram" target="_blank">
505                    <i class="lab la-instagram" aria-hidden="true"></i><span class="visually-hidden">Instagram da Città</span>
506                </a>
507                <a href="https://www.facebook.com/cittainteligencia" class="footer-facebook" target="_blank">
508                    <i class="lab la-facebook" aria-hidden="true"></i><span class="visually-hidden">Facebook da Città</span>
509                </a>
510                <a href="https://www.linkedin.com/company/cittainfo" class="footer-linkedin" target="_blank">
511                    <i class="lab la-linkedin" aria-hidden="true"></i><span class="visually-hidden">LinkedIn da Città</span>
512                </a>
513            </div>
514        </div>
515    </div>
516    </footer>
517    <div id="banner-cookie" class="d-none">
518    <p>Utilizamos cookies para oferecer uma melhor experiência em nosso site. Ao continuar a navegação entendemos que você concorda com nossa <a href="https://www.cittainformatica.com.br/privacidade/" target="_blank">política de privacidade e cookies.</a></p>
519    <button type="button" id="btn-cookie" class="btn-cookie-ok">ok</button>
520</div>
521<script type="text/javascript">
522    $(document).ready(function(){
523        const ipClient = localStorage.getItem('accept-cookies-ip');
524        if (!ipClient) {
525            $("#banner-cookie").removeClass("d-none");
526        }
527        $("#btn-cookie").on("click", function(){
528            localStorage.setItem('accept-cookies-ip', '10.0.2.251');
529            $("#banner-cookie").addClass("d-none");
530        })
531    })
532</script>
532
533
534<!-- Modal -->
535<div id="modal-page" class="modal fade" role="dialog" data-bs-backdrop="static" data-bs-keyboard="true" tabindex="-1" aria-label="Página aberta em janela" aria-hidden="true">
536    <div class="modal-dialog modal-dialog-centered modal-dialog-scrollable modal-xl">
537      <div class="modal-content">
538        <div class="modal-body">
539          <iframe title="Conteúdo da página aberta em janela"></iframe>
540        </div>
541        <div class="modal-footer">
542          <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button>
543        </div>
544      </div>
545    </div>
546</div>
547
548<div vw class="enabled">
549    <div vw-access-button class="active"></div>
550    <div vw-plugin-wrapper>
551      <div class="vw-plugin-top-wrapper"></div>
552    </div>
553  </div>
554  
554<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
554
555  
555<script>
556    new window.VLibras.Widget('https://vlibras.gov.br/app');
557</script>
557
558
559    
559<script src="https://www.pelotas.rs.leg.br/assets/dist/site.min.js?v=1790788387" type="text/javascript"></script>
559
560</body>
561</html>

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.