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">↑ ↓ navegar · → abrir · ← voltar · 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: '';"> 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. <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">©</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.