1<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.7.2/css/all.min.css"> 2 3 4<style> 5 @font-face { 6 font-family: "Rawline-900"; 7 src: url("../fonts/Rawline/rawline-900.ttf"); 8 } 9 10 .offcanvas-title { 11 font-family: "Rawline-900" !important; 12 } 13 14 .card-sec:hover { 15 background-color: #d4d4d7; 16 /* background-color: #eee; */ 17 border: 1px solid #d4d4d7 !important; 18 /* border: 2px solid #3458CE !important; */ 19 cursor: pointer; 20 } 21 22 .card-sec-selected { 23 background-color: #3458CE !important; 24 color: #fff; 25 border: 1px solid #fff !important; 26 } 27 28 p { 29 font-size: 11pt; 30 } 31 32 h5 { 33 font-family: none !important; 34 } 35 36 .info-box-inserted { 37 clear: both; 38 margin-top: 15px; 39 margin-bottom: 20px; 40 } 41 42 h5.sec-nome { 43 /* font-weight: 1800 !important; */ 44 /* font-family: 'Times New Roman', Times, serif; */ 45 /* font-style: bold; */ 46 font-size: 14pt; 47 font-family: "Rawline-900" !important; 48 /* src: url(../fonts/Rawline/rawline-800i.ttf); */ 49 } 50 51 .info { 52 /* background: url("https://pelotas.com.br/images/icones/box-secretaria.png"); */ 53 background-size: cover; 54 background-position: center; 55 border: 10px solid #d4d4d7 !important; 56 border-radius: 8px; 57 } 58 59 input::placeholder { 60 font-size: 8pt !important; 61 padding: 7px; 62 padding-bottom: 20px; 63 /* align-items: center; */ 64 } 65 66 input { 67 padding: 5px; 68 } 69 70 .offcanvas { 71 z-index: 9110 !important; 72 } 73 74 .modal-backdrop { 75 z-index: 100 !important; 76 } 77 78 .ml-desktop { 79 margin-left: 120px; 80 } 81 82 .ml-desktop-sm { 83 margin-left: 50px; 84 } 85 86 .ml-desktop-input { 87 margin-left: 130px; 88 } 89 90 .border-secretaria { 91 border-left: 1px solid #ddd; 92 } 93 94 .detach { 95 display: none; 96 } 97 98 .js-foto-secretario { 99 object-fit: contain !important; 100 max-height: 320px; 101 width: 100%; 102 border-radius: 8px; 103 transition: width 0.2s ease; 104 } 105 106 @media (min-width: 1440px) AND (max-width: 1920px) { 107 108 #secretarias { 109 margin-top: 30px 110 } 111 112 } 113 114 115 @media (min-width: 1120px) AND (max-width: 1440px) { 116 117 #secretarias { 118 margin-top: 100px 119 } 120 121 .breadcrumb { 122 margin-top: 60px 123 } 124 125 } 126 127 @media (min-width: 768px) and (max-width: 880px) { 128 129 .border-secretaria { 130 border-left: 0px solid #ddd; 131 } 132 133 .detach { 134 display: block; 135 height: 1px !important; 136 width: 97% !important; 137 margin: 40px 0px; 138 } 139 140 #search_sec { 141 z-index: -10 !important; 142 } 143 } 144 145 @media (max-width: 767px) { 146 147 .border-secretaria { 148 border-left: 0px solid #ddd; 149 } 150 151 .detach { 152 display: block; 153 height: 1px !important; 154 width: 90% !important; 155 margin: 24px auto; 156 margin-right: 25px !important; 157 } 158 159 #search_sec { 160 z-index: -10 !important; 161 } 162 } 163</style> 164 165 166<style> 167 .pagina-interna .section-content { 168 margin-top: 70px; 169 margin-left: 180px; 170 } 171 172 .pagina-interna .card-style { 173 padding-right: 10rem; 174 } 175 176 177 @media (min-width: 1120px) and (max-width: 1440px) { 178 .pagina-interna .section-content { 179 margin-top: 40px; 180 margin-left: 136px; 181 padding-top: 2.5rem; 182 } 183 184 .pagina-interna .card-style { 185 padding-right: 1rem !important; 186 } 187 } 188 189 @media (min-width: 1024px) and (max-width: 1120px) { 190 .pagina-interna .section-content { 191 margin-top: 40px; 192 margin-left: 30px; 193 padding-top: 2.5rem; 194 } 195 196 .pagina-interna .card-style { 197 padding-right: 1rem !important; 198 } 199 } 200 201 @media (min-width: 769px) and (max-width: 880px) { 202 .pagina-interna .section-content { 203 margin-top: 40px; 204 margin-left: 30px; 205 padding-top: 2.5rem; 206 } 207 208 .pagina-interna .card-style { 209 padding-right: 1rem !important; 210 } 211 } 212 213 @media (max-width: 768px) { 214 .pagina-interna .section-content { 215 margin-top: 0px; 216 margin-left: 10px; 217 padding-top: 20px; 218 } 219 220 .pagina-interna .card-style { 221 padding-right: 0.6rem; 222 } 223 } 224</style> 225 226<!doctype html> 227<html class="no-js" lang="pt-br"> 228 229<head> 230 <meta charset="utf-8"> 231 <meta http-equiv="x-ua-compatible" content="ie=edge"> 232 <title>Prefeitura Municipal de Pelotas</title> 233 <meta name="description" content=""> 234 <meta name="viewport" content="width=device-width, initial-scale=1.0"> 235 <meta name="csrf-token" content="OCPzxC5bO9jgTq4PGO56HVRRm9PyObl3Ke1cLiHA"> 236 237 <link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet" 238 integrity="sha384-EVSTQN3/azprG1Anm3QDgpJLIm9Nao0Yz1ztcQTwFspd3yD65VohhpuuCOmLASjC" crossorigin="anonymous"> 239
239<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js" 240 integrity="sha384-MrcW6ZMFYlzcLA8Nl+NtUVF0sA7MsXsP1UyJoMp4YLEuNSfAP+JcXn/tWtIaxVXM" crossorigin="anonymous"> 241 </script>
241 242 <link rel="stylesheet" href="/css/novo-layout.css"> 243 <!-- Links para css do CDN --> 244 <!-- CSS do CDN --> 245 <link rel="stylesheet" href="https://cdn.coinpel.com.br/css/header-cdn.css"> 246 <link rel="stylesheet" href="https://cdn.coinpel.com.br/css/footer-cdn.css"> 247 <link rel="stylesheet" href="https://cdn.coinpel.com.br/css/PUBLIC_style_base-cdn.css"> 248 <link rel="stylesheet" href="https://cdn.coinpel.com.br/css/PUBLIC_style-cdn.css"> 249 250 251 252 <!-- Place this tag in your head or just before your close body tag. --> 253
253<script src="https://apis.google.com/js/platform.js" async defer></script>
253 254 <style> 255 .skip-link { 256 position: absolute; 257 left: -999px; 258 top: 0; 259 padding: 8px 12px; 260 background: #fff; 261 color: #000; 262 border: 1px solid #000; 263 z-index: 2000; 264 } 265 266 .skip-link:focus { 267 left: 12px; 268 } 269 </style>
vendor: 69 bytes, lines 269-271
269 270 271 <script async src="https://www.googletagmanager.com/gtag/js?id=
271G-56NT7VYW77
vendor: 16 bytes, lines 271-272
271"></script> 272
272<script> 273
vendor: 151 bytes, lines 273-276
273window.dataLayer = window.dataLayer || []; 274 function gtag(){dataLayer.push(arguments);} 275 gtag('js', new Date()); 276 gtag('config', "
276G-56NT7VYW77
vendor: 8 bytes, lines 276-277
276"); 277
277</script>
277 278 </head> 279 280<body id="body-site"> 281 282<a class="skip-link" href="#conteudo-principal" accesskey="1" title="Atalho Alt+1"> 283 Pular para o conteúdo (Alt+1) 284</a> 285<a class="skip-link" href="#menu-principal" accesskey="2" title="Atalho Alt+2"> 286 Pular para o menu (Alt+2) 287</a> 288 289<header class="site-header"> 290 <style> 291 /* Combinei as media queries para cobrir todo o intervalo de tablet */ 292 @media (min-width: 768px) and (max-width: 1024px) { 293 .hidden-tablet { 294 display: none !important; 295 } 296 } 297 298 /* Estilos exclusivos para o Modal de Pesquisa */ 299 .modal_buscador .modal-content { 300 border: none; 301 border-radius: 20px; 302 box-shadow: 0 15px 40px rgba(0, 0, 0, 0.2); 303 background: #ffffff; 304 } 305 306 .modal_buscador .modal-header { 307 border-bottom: 1px solid #e0e0e0; 308 padding: 1.5rem; 309 } 310 311 /* Campo de Texto Estilizado */ 312 .search_field_custom { 313 border: 2px solid #e9ecef; 314 border-radius: 32px; 315 padding: 12px 20px; 316 font-size: 1.1rem; 317 transition: all 0.3s ease; 318 width: 100%; 319 outline: none; 320 } 321 322 .search_field_custom:focus { 323 border-color: #3458CE; 324 box-shadow: 0 0 0 4px rgba(52, 88, 206, 0.15); 325 background-color: #fff; 326 } 327 328 /* TÃtulo do filtro */ 329 .filter-title { 330 font-weight: 600; 331 color: #495057; 332 font-size: 0.95rem; 333 margin-bottom: 15px; 334 } 335 336 .btn-close-custom { 337 background-color: #f8f9fa; 338 border-radius: 50%; 339 padding: 10px; 340 opacity: 0.8; 341 } 342 343 /* Estilo base do botão de filtro */ 344 .filter_category { 345 border: 2px solid #e9ecef !important; 346 border-radius: 50px !important; 347 padding: 8px 25px !important; 348 color: #6c757d !important; 349 font-weight: 600 !important; 350 cursor: pointer; 351 transition: all 0.3s cubic-bezier(0.4, 0, 0.2, 1); 352 background: #fff; 353 padding-bottom: 25px !important; 354 } 355 356 .filter_category:hover { 357 border-color: #3458CE !important; 358 color: #3458ce !important; 359 } 360 361 .filter_category.active { 362 background-color: #3458ce !important; 363 border-color: #3458ce !important; 364 color: #ffffff !important; 365 box-shadow: 0 4px 15px rgba(52, 88, 206, 0.4); 366 transform: scale(1.05); 367 } 368</style> 369 370<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css" />
371<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
371 372<link rel="stylesheet" href="https://pelotas.com.br/css/modelo/buscador-noticias.css"> 373 374<div class="modal fade modal_buscador" id="modal_buscador" tabindex="-1" aria-labelledby="modalBuscadorLabel" 375 aria-hidden="true"> 376 <div class="modal-dialog modal-dialog-centered"> 377 <div class="modal-content"> 378 <form action="https://pelotas.com.br/listar-noticias" method="GET" id="form-buscador"> 379 <input type="hidden" name="_token" value="OCPzxC5bO9jgTq4PGO56HVRRm9PyObl3Ke1cLiHA" autocomplete="off"> <div class="modal-header d-flex align-items-center"> 380 <div class="position-relative w-100 me-3"> 381 <input type="text" id="search_field" class="search_field_custom" name="pesquisa" 382 placeholder="O que você deseja encontrar?" maxlength="30" required> 383 </div> 384 385 <button type="submit" class="btn btn-primary rounded-circle search-button me-2" 386 aria-label="Buscar" title="Buscar"> 387 <i class="fas fa-search"></i> 388 </button> 389 390 <button type="button" class="btn-close btn-close-custom" data-bs-dismiss="modal" 391 aria-label="Fechar"></button> 392 393 <input type="hidden" name="pagina" value="1"> 394 <input type="hidden" name="resultados" value="10"> 395 <input type="hidden" name="ordem" value="published_at"> 396 <input type="hidden" name="ordem_tipo" value="desc"> 397 <input type="hidden" name="tipo_filtro" id="tipo_filtro" value=""> 398 399 </div> 400 401 <div class="modal-body p-4 text-center"> 402 <p class="filter-title">Estou procurando por:</p> 403 <div class="d-flex justify-content-center gap-3"> 404 <div class="filter_category" data-type="servicos"> 405 <i class="fas fa-concierge-bell me-1"></i> Serviços 406 </div> 407 <div class="filter_category" data-type="noticias"> 408 <i class="fas fa-newspaper me-1"></i> NotÃcias 409 </div> 410 </div> 411 </div> 412 </form> 413 </div> 414 </div> 415</div> 416 417<div class="col-12 block-news" id="block-news"> 418 <div class="row m-0 h-100 align-items-center"> 419 420 <div class="col-12 col-md-6 me-auto d-flex text-white align-items-center p-0 m-0"> 421 422 <div class="icon-news col-md-1"> 423 <img class="icon-left hidden-tablet" src="https://pelotas.com.br/images/icon-left.png" alt=""> 424 <img class="icon-right hidden-tablet" src="https://pelotas.com.br/images/icon-right.png" alt=""> 425 </div> 426 427 428 <p class="text-news text-white flex-nowrap text-truncate d-inline-block m-0"> 429 <a class="top_news text-white text-decoration-none" target="_blank" 430 href="https://old.pelotas.com.br/noticia/magisterio-municipal" 431 title="Concurso Público para Magistério Municipal terá classificações finais divulgadas em 13 de maio"> 432 Concurso Público para Magistério Municipal terá classificações finais divulgadas em 13 de maio 433 </a> 434 </p> 435 </div> 436 437 <div class="col-md-6 ms-auto search-field-buscador d-none d-md-block text-white p-0"> 438 <div class="d-flex align-items-center justify-content-end"> 439 440 <button id="busca" class="btn field-search m-0 d-flex align-items-center text-white" type="button" 441 data-bs-toggle="modal" data-bs-target="#modal_buscador" style="background-color: #3458CE;"> 442 <span class="me-3">Pesquisar</span> 443 <span class="ms-4 d-flex align-items-center"> 444 <svg xmlns="http://www.w3.org/2000/svg" width="20" height="19" viewBox="0 0 20 19" 445 fill="none"> 446 <circle cx="8" cy="7.07107" r="5" transform="rotate(45 8 7.07107)" stroke="#F2F2F2" 447 stroke-width="2" /> 448 <path d="M11.5356 10.6067L15.7783 14.8493" stroke="#F2F2F2" stroke-width="2" 449 stroke-linecap="round" /> 450 </svg> 451 </span> 452 </button> 453 454 <div class="social-icons ms-4 d-flex align-items-center"> 455 <a class="network-link mx-1" href="https://www.facebook.com/prefeituradepelotas/" target="_blank" 456 aria-label="Facebook"> 457 <img class="network-img" src="https://pelotas.com.br/images/FACEBOOK.png" alt="Facebook"> 458 </a> 459 <a class="network-link mx-1" href="https://www.instagram.com/prefeituradepelotas/" target="_blank" 460 aria-label="Instagram"> 461 <img class="network-img" src="https://pelotas.com.br/images/INSTAGRAM.png" alt="Instagram"> 462 </a> 463 <a class="network-link mx-1" href="https://www.flickr.com/photos/prefpel" target="_blank" 464 aria-label="Flickr"> 465 <img class="network-img" src="https://pelotas.com.br/images/FLICKR.png" alt="Flickr"> 466 </a> 467 </div> 468 469 </div> 470 </div> 471 472 <input type="hidden" id="contagem_mais_noticias" value="
4720"> 473 474 </div> 475</div> 476
477<script> 478 document.querySelectorAll('.filter_category').forEach(button => { 479 button.addEventListener('click', function() { 480 481 // 1. Remove a classe 'active' de todos os botões de filtro 482 document.querySelectorAll('.filter_category').forEach(btn => btn.classList.remove( 483 'active')); 484 485 // 2. Adiciona a classe 'active' apenas no botão clicado 486 this.classList.add('active'); 487 488 // 3. (Opcional) Atualiza o valor do input hidden para o envio do form 489 const tipo = this.getAttribute('data-type'); 490 document.getElementById('tipo_filtro').value = tipo; 491 492 }); 493 }); 494 495 document.getElementById('form-buscador').addEventListener('submit', function(event) { 496 const tipo = document.getElementById('tipo_filtro').value; 497 const searchField = document.getElementById('search_field'); 498 if (tipo === 'servicos') { 499 this.setAttribute('action', 'https://projus.pelotas.rs.gov.br/public/'); 500 this.setAttribute('method', 'POST'); 501 searchField.setAttribute('name', 'form_pesquisa'); 502 } else { 503 this.setAttribute('action', 'https://pelotas.com.br/listar-noticias'); 504 this.setAttribute('method', 'GET'); 505 searchField.setAttribute('name', 'pesquisa'); 506 } 507 }); 508 509 const modalBuscador = document.getElementById('modal_buscador'); 510 const setDefaultFilter = () => { 511 const tipoInput = document.getElementById('tipo_filtro'); 512 if (tipoInput.value) { 513 return; 514 } 515 516 const defaultButton = document.querySelector('.filter_category[data-type="noticias"]'); 517 if (!defaultButton) { 518 return; 519 } 520 521 document.querySelectorAll('.filter_category').forEach(btn => btn.classList.remove('active')); 522 defaultButton.classList.add('active'); 523 tipoInput.value = 'noticias'; 524 }; 525 526 modalBuscador.addEventListener('shown.bs.modal', setDefaultFilter); 527 modalBuscador.addEventListener('keydown', function(event) { 528 if (event.key === 'Enter') { 529 event.preventDefault(); 530 document.getElementById('form-buscador').requestSubmit(); 531 } 532 }); 533</script>
533 534 <nav id="menu-principal"> 535 <link rel="stylesheet" href="https://pelotas.com.br/css/mobile/menu-interno.css"> 536<link href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css" rel="stylesheet"> 537<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"> 538 539<style> 540 .menu-home { 541 background-color: #F2F2F2 !important; 542 } 543 544 .menu-home a { 545 color: #3B3B45 !important; 546 } 547 548 @media (min-width: 1025px) AND (max-width:1120px) { 549 550 .menu-home { 551 padding: 5px 20px !important; 552 } 553 554 } 555 556 @media (min-width: 768px) AND (max-width:1024px) { 557 558 .menu-home { 559 padding: 5px 20px !important; 560 } 561 562 .padding-tablet { 563 padding-top: 14px !important; 564 } 565 566 } 567</style> 568 569<nav aria-label="Navegação principal" 570 class="menu-home menu-interno row mx-0 col-md-12 d-none d-md-block mt-2 text-nowrap shadow "> 571 572 <div class="px-2 py-1 row mx-0"> 573 574 <div class="py-1 px-0 row mx-0 d-flex"> 575 576 <div class="col-md-2 px-0 me-auto"> 577 <a href="/"> 578 <img class="logo" id="logo" style="border-radius:0px; " 579 src="https://cdn.coinpel.com.br/images/logo-prefeitura.svg" alt="Prefeitura Municipal de Pelotas"> 580 </a> 581 </div> 582 583 <div class="col-md-10 row mx-0 ms-auto justify-content-end text-end px-0"> 584 585 <ul class="col-10 px-0 padding-tablet d-flex flex-wrap gap-1 list-unstyled mb-0 justify-content-end" role="list"> 586 587 <li><a class="px-1 menu-link-interno" href="https://projus.pelotas.rs.gov.br/public/">Serviços</a></li> 588 589 <li><a class="px-1 menu-link-interno" href="https://pelotas.com.br/governo">Governo</a></li> 590 591 <li><a class="px-1 menu-link-interno" href=" https://pelotas.com.br/governo/lista-secretarias">Secretarias e Ãrgãos</a></li> 592 593 <li><a class="px-1 menu-link-interno" href="https://pelotas.com.br/oportunidades">Oportunidades</a></li> 594 595 596 597 <li><a class="px-1 menu-link-interno" href="https://pelotas.com.br/social">Social</a></li> 598 599 <li><a class="px-1 menu-link-interno" href="https://pelotas.com.br/cidade">Cidade</a></li> 600 601 602 603 <li><a class="px-1 menu-link-interno" href="https://pelotas.com.br/transparencia">Transparência</a></li> 604 605 </ul> 606 607 </div> 608 609 </div> 610 611 </div> 612 613</nav> 614 615<nav style="position:sticky; top: 0;" 616 class="navbar navbar-expand-lg navbar-light bg-light shadow menu-flutuante d-block d-md-none mt-5"> 617 618 <div class="container-fluid"> 619 620 <a class="navbar-brand" href="https://pelotas.com.br"> 621 <img class="offset-md-7" src="https://cdn.coinpel.com.br/images/logo-prefeitura.svg" alt="" width="150px;"> 622 </a> 623 624 <!-- Botão flutuante na parte supeiror da tela --> 625 <div class="search-floating d-block"> 626 627 <button id="btnBuscarInformes" class="btn bg-light shadow rounded-pill border-0 unfocus" 628 style="padding: 15px 20px; float: right; margin-bottom:10px" data-bs-toggle="modal" 629 data-bs-target="#modalBusca"> 630 <i style="font-size: 20px" class="bi bi-list"></i> 631 </button> 632 633 </div> 634 635 </div> 636</nav> 637 638<!-- Modal --> 639<div class="modal fade" id="modalBusca" tabindex="-1" aria-hidden="true"> 640 <div class="modal-dialog modal-bottom modal-dialog-slide-up modal
640-dialog-centered" 641 style="padding: 0px 20px 0px 20px; z-index:999;"> 642 <div class="modal-content shadow-lg" 643 style="transform: scale(0.9); transform-origin: top center; margin-top: 5rem;"> 644 <div class="modal-body p-4"> 645 646 <div id="carouselInforma" class="carousel slide" data-bs-ride="carousel"> 647 648 <div class="col-12 row"> 649 <h5 class="fw-bold col-9" style="font-size: 5vw;">Prefeitura Informa!</h5> 650 651 <div class="col-3 mx-0 carousel-indicators" style="position: relative"> 652 <button type="button" data-bs-target="#carouselInforma" 653 data-bs-slide-to="0" class="active" 654 style="border-bottom-left-radius: 1px; border-bottom-right-radius: 1px;"></button> 655 <button type="button" data-bs-target="#carouselInforma" 656 data-bs-slide-to="1" class="" 657 style="border-bottom-left-radius: 1px; border-bottom-right-radius: 1px;"></button> 658 <button type="button" data-bs-target="#carouselInforma" 659 data-bs-slide-to="2" class="" 660 style="border-bottom-left-radius: 1px; border-bottom-right-radius: 1px;"></button> 661 </div> 662 </div> 663 664 <div class="carousel-inner"> 665 666 <div class="carousel-item notice-main-title rounded-4 p-3 mb-4 active" 667 style="background-color: #D9D9D9;"> 668 <small class="text-muted">Magistério Municipal</small><br> 669 <strong class="truncate-2">Concurso Público para Magistério Municipal terá classificações finais divulgadas em 13 de maio</strong> 670 <div class="text-muted mt-2" style="font-size: 0.8rem;">Data de Publicação: 671 11/05/2026</div> 672 </div> 673 674 <div class="carousel-item notice-main-title rounded-4 p-3 mb-4 " 675 style="background-color: #D9D9D9;"> 676 <small class="text-muted">Ouvidoria</small><br> 677 <strong class="truncate-2">Queremos te ouvir! Presencialmente, no prédio da Prefeitura. Online, pelo site. Telefone: 156 </strong> 678 <div class="text-muted mt-2" style="font-size: 0.8rem;">Data de Publicação: 679 11/05/2026</div> 680 </div> 681 682 <div class="carousel-item notice-main-title rounded-4 p-3 mb-4 " 683 style="background-color: #D9D9D9;"> 684 <small class="text-muted">Castramóvel</small><br> 685 <strong class="truncate-2">Castramóvel inicia castrações de 200 animais no bairro Dunas</strong> 686 <div class="text-muted mt-2" style="font-size: 0.8rem;">Data de Publicação: 687 11/05/2026</div> 688 </div> 689 </div> 690 691 </div> 692 693 <hr class="mt-0"> 694 695 <!-- Lista --> 696 <ul class="list-unstyled" style="font-size: 25px"> 697 <li class="mb-2"><a class="text-decoration-none" href="https://pelotas.com.br/cidade"> Cidade</a></li> 698 <li class="mb-2"><a class="text-decoration-none" href="https://pelotas.com.br/social"> Social</a></li> 699 <li class="mb-2"><a class="text-decoration-none" href="https://pelotas.com.br/oportunidades"> 700 Oportunidades</a></li> 701 <li class="mb-2"><a class="text-decoration-none" href="https://pelotas.com.br/listar-noticias">NotÃcias</a> 702 </li> 703 <li class="mb-2"><a class="text-decoration-none" href="https://pelotas.com.br/transparencia"> 704 Transparência</a></li> 705 <li class="mb-2"><a class="text-decoration-none" href="https://projus.pelotas.rs.gov.br/public/"> 706 Serviços</a></li> 707 <li class="mb-2"><a class="text-decoration-none" href="https://pelotas.com.br/governo"> 708 Governo</a></li> 709 <li class="mb-3"><a class="text-decoration-none" href="https://pelotas.com.br/governo/lista-secretarias"> 710 Secretarias e Ãrgãos</a></li> 711 </ul> 712 713 <hr> 714 715 <!-- Ãcones sociais --> 716 <div class="d-flex justify-content-end gap-2"> 717 718 <a href="https://www.facebook.com/prefeituradepelotas/"> 719 <img src="https://pelotas.com.br/images/mobile/FACEBOOK.svg" alt="Facebook"> 720 </a> 721 <a href="https://www.instagram.com/prefeituradepelotas/"> 722 <img src="https://pelotas.com.br/images/mobile/INSTAGRAM.svg" alt="Instagram"> 723 </a> 724 <a href="https://www.flickr.com/photos/prefpel"> 725 <img src="https://pelotas.com.br/images/mobile/FLICKR.svg" alt="Flickr"> 726 </a> 727 728 </div> 729 730 </div> 731 </div> 732 </div> 733 734 <div class="search-floating-bar d-block"> 735 <form class="rounded-pill shadow bg-light d-flex align-items-center justify-content-between p-2 w-100" 736 style="font-size: 25px; float: right;" action="https://pelotas.com.br/listar-noticias" method="GET"> 737 <input class="border-0 bg-transparent unfocus p-0 w-100" id="search_field" type="text" 738 name="pesquisa" placeholder="Digite o que você procura" style="font-size: 14px;" required> 739 <button class="btn bg-transparent border-0 unfocus" type="submit"> 740 <i class="bi bi-search"></i> 741 </button> 742 </form> 743 </div> 744 745</div> 746 </nav> 747</header> 748 749<main id="conteudo-principal" class="pagina-interna"> 750 <div class="section-content" style="min-height:50vh;"> 751 <div class="col-12 row mx-0"> 752 753 <div class="col-12 col-md-4 tablet-width"> 754 755 <link rel="stylesheet" href="https://pelotas.com.br/css/modelo/breadcrumb.css"> 756 757 <nav class="breadcrumb text-contraste-dark " aria-label="Caminho de navegação"> 758 <a href="/">Home</a> 759
760 <span class="separator"></span> 761 762 <span aria-current="page">Secretarias e Ãrgãos</span> 763 </nav> 764 765 <h1 class="mb-5 pt-3" style="font-size: 30px;"> 766 Secretarias <br> e Orgãos 767 </h1> 768 769 <input type="text" id="search_sec" placeholder="Pesquise aqui pelo que procuras" class="" 770 style="border-radius: 20px; width:260px;" value=""> 771 772 <div class="mt-3"> 773 <p><img id="filtro-secretarias" class="pb-2" src="https://pelotas.com.br/images/icones/indice-branco.png" 774 alt=""> 775 <b style="font-weight: 900">Secretarias</b> 776 </p> 777 <p><img id="filtro-orgaos" class="pb-2" src="https://pelotas.com.br/images/icones/indice-branco.png" 778 alt=""> 779 <b style="font-weight: 900">Ãrgãos</b> 780 </p> 781 <p> 782 <a href="http://leis.org/1zjj6" class="text-contraste-dark text-dark text-decoration-none" target="_blank"> 783 <img class="pb-2" src="https://pelotas.com.br/images/icones/indice-branco.png" 784 alt=""> 785 <b style="font-weight: 900">Lei 7372/2025</b> 786 </a> 787 </p> 788 </div> 789 </div> 790 791 <hr class="detach" /> 792 793 <div class="col-12 col-md-8 row border-secretaria tablet-width" id=""> 794 <div class="row mx-0" id="secretarias"> 795 <h4 class="px-0 mb-2 mt-0"><img src="https://pelotas.com.br/images/icones/indice-azul.png" alt=""><b 796 style="font-weight: 900"> Secretarias</b></h4> 797 798 <div class="sec-grupos col-12 row g-2 my-3"> 799 <div class="col-lg-3 col-sm-6 col-md-6"> 800 <div class = "g-2 p-2 card-sec " data-secretaria="12" 801 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 802 <div class="col-12 text-start"> 803 804 <h5 style=" font-size:13pt ; font-family: 'Rawline-900'!important"> 805 <b>PROCURADORIA GERAL DO MUNICÃPIO</b> 806 </h5> 807 808 809 </div> 810 </div> 811 812 <div class="alterarpadd d-none col-12 p-5 info" id="info-12"> 813 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 814 style="min-height: 450px; border-radius:10px;"> 815 816 817 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 818 style="padding: 20px;"> 819 <div> 820 <h2 class="mb-4 text-center text-md-start"> 821 <b>PROCURADORIA GERAL DO MUNICÃPIO</b> 822 </h2> 823 </div> 824 825 <div class="flex-grow-1 d-flex align-items-center"> 826 <p class="p-1 text-center text-md-start">Coordenar e orientar as atividades da Procuradoria perante orgãos da administração direta e indireta, do poder Judiciário e do Legislativo; 827Distribuir processos por áreas de atuação; 828Analisar minutas de contratos e convênios.</p> 829 </div> 830 831 <div class="mt-3 text-center text-md-start text-break" 832 style="word-break: break-word; white-space: normal;"> 833 834 <p class="mb-1 fw-bold"> 835 <b>Telefone:</b> (53) 3310-1350 836 </p> 837 838 <p class="mb-0 fw-bold"> 839 <b>
839E-mail:</b> [email protected] 840 </p> 841 </div> 842 843 </div> 844 845 846 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 847 style="padding: 20px;"> 848 <img class="img-fluid mb-3 js-foto-secretario" 849 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3cfdd6626.jpeg" 850 alt="Foto do Secretário" 851 style=""> 852 853 <div class="w-100 text-center text-md-end"> 854 <h5 class="mb-1"> 855 <a href="#" class="text-decoration-none text-break" 856 data-bs-toggle="offcanvas" 857 data-bs-target="#curriculo-secretaria-12" 858 style="white-space: normal; color: #212529; word-break: break-word;"> 859 <b>Cristiane Grequi Cardoso <i 860 class="fa-solid fa-file-lines"></i></b> 861 </a> 862 </h5> 863 </div> 864 865 866 </div> 867 </div> 868 </div> 869 870 871 <!-- OFFCANVAS: Fora da estrutura de info --> 872 <div class="offcanvas offcanvas-end" tabindex="-1" 873 id="curriculo-secretaria-12" 874 aria-labelledby="curriculoLabel-12"> 875 <div class="offcanvas-header"> 876 <h5 class="offcanvas-title" id="curriculoLabel-12"> 877 CurrÃculo de Cristiane Grequi Cardoso 878 </h5> 879 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 880 aria-label="Fechar"></button> 881 </div> 882 <div class="offcanvas-body"> 883 Cristiane Grequi Cardoso, é pelotense, procuradora concursada da Prefeitura de Pelotas desde 2001. à graduada em Direito pela Universidade Federal de Pelotas (UFPel), formada em 1997; especialista em Sociologia, pela mesma Universidade, e em Direito Processual pela Universidade Católica de Pelotas (UCPel). Também é mestre e doutoranda pelo Programa de Pós-Graduação em Memória Social e Patrimônio Cultural da Universidade Federal de Pelotas.<br /> 884Desde que chegou à Prefeitura, teve diversas experiências â foi procuradora adjunta entre 2001 e 2003, integrou o Conselho Municipal do Plano Diretor (Conplad), o Conselho Deliberativo do Prevpel e a Comissão Municipal de Avaliação do Estágio Probatório.<br /> 885Paralelo à Procuradoria, foi professora substituta nas disciplinas de Direito Processual Civil e Responsabilidade Civil na Faculdade de Direito UFPel. Também foi instrutora de Processo Civil e Direito do Trabalho na Inteligência Educacional e Sistemas de Ensino (Iesde). Nos dois casos, utilizou a experiência como procuradora. 886 </div> 887 </div> 888 889 </div> 890 <div class="col-lg-3 col-sm-6 col-md-6"> 891 <div class = "g-2 p-2 card-sec " data-secretaria="57" 892 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 893 <div class="col-12 text-start"> 894 895 <p class="py-0 my-0">Secretaria 896 de</p> 897 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 898 <b>PLANEJAMENTO E GESTÃO</b> 899 </h5> 900 901 902 </div> 903 </div> 904 905 <div class="alterarpadd d-none col-12 p-5 info" id="info-57"> 906 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 907 style="min-height: 450px; border-radius:10px;"> 908 909 910 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 911 style="padding: 20px;"> 912 <div> 913 <h2 class="mb-4 text-center text-md-start"> 914 <b>SECRETARIA DE PLANEJAMENTO E GESTÃO</b> 915 </h2> 916 </div> 917 918 <div class="flex-grow-1 d-flex align-items-center"> 919 <p class="p-1 text-center text-md-start">Secretaria Municipal de Planejamento e Gestão, que tem por objetivos coordenar, no âmbito do Poder Executivo, a elaboração de projetos para a captação de recursos junto a instituições Nacionais e Internacionais, bem como estabelecer o planejamento estratég
919ico, no acompanhamento e na avaliação das ações de governo em todos os órgãos do Poder Executivo Municipal.</p> 920 </div> 921 922 <div class="mt-3 text-center text-md-start text-break" 923 style="word-break: break-word; white-space: normal;"> 924 925 <p class="mb-1 fw-bold"> 926 <b>Telefone:</b> (53) 3227-1513 927 </p> 928 929 <p class="mb-0 fw-bold"> 930 <b>E-mail:</b> [email protected] 931 </p> 932 </div> 933 934 </div> 935 936 937 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 938 style="padding: 20px;"> 939 <img class="img-fluid mb-3 js-foto-secretario" 940 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3ee331f6c." 941 alt="Foto do Secretário" 942 style=""> 943 944 <div class="w-100 text-center text-md-end"> 945 <h5 class="mb-1"> 946 <a href="#" class="text-decoration-none text-break" 947 data-bs-toggle="offcanvas" 948 data-bs-target="#curriculo-secretaria-57" 949 style="white-space: normal; color: #212529; word-break: break-word;"> 950 <b>Salvador Mandagará Martins <i 951 class="fa-solid fa-file-lines"></i></b> 952 </a> 953 </h5> 954 </div> 955 956 957 </div> 958 </div> 959 </div> 960 961 962 <!-- OFFCANVAS: Fora da estrutura de info --> 963 <div class="offcanvas offcanvas-end" tabindex="-1" 964 id="curriculo-secretaria-57" 965 aria-labelledby="curriculoLabel-57"> 966 <div class="offcanvas-header"> 967 <h5 class="offcanvas-title" id="curriculoLabel-57"> 968 CurrÃculo de Salvador Mandagará Martins 969 </h5> 970 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 971 aria-label="Fechar"></button> 972 </div> 973 <div class="offcanvas-body"> 974 Salvador Mandagará Martins é bacharel em Direito, formado em 1994 pela Universidade Federal de Pelotas (UFPel). Em 1995 concluiu a especialização em direito público pela Universidade Federal do Rio Grande do Sul (UFRGS); em 2019, o MBA Gestão empresarial pela Fundação Getúlio Vargas (FGV); em 2020, o MBA Administração, Finanças e Geração de Valor, pela PUC/RS; em 2021 o MBA em Mercado de capitais, pela FGV; em 2024, especialização em ESG Sustentabilidade Corporativa, pela FGV. <br />
975Foi assessor parlamentar da Câmara dos Deputados, de 1999 a 2001 e de 2007 a 2019; procurador geral do MunicÃpio, de 2001 a 2004; secretário de Governo da Prefeitura de Pelotas, de 2003 a 2004; assessor parlamentar da Assembleia Legislativa, de 2019 a 2023; chefe de gabinete do diretor-presidente da Empresa de Trens Urbanos de Porto Alegre (Trensurb), de 2023 a 2024.<br /> 976Nasceu em Três Passos, no noroeste do Estado, e vive em Pelotas desde 1984. 977 </div> 978 </div> 979 980 </div> 981 <div class="col-lg-3 col-sm-6 col-md-6"> 982 <div class = "g-2 p-2 card-sec " data-secretaria="60" 983 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 984 <div class="col-12 text-start"> 985 986 <p class="py-0 my-0">Secretaria 987 municipal</p> 988 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 989 <b>DA FAZENDA</b> 990 </h5> 991 992 993 </div> 994 </div> 995 996 <div class="alterarpadd d-none col-12 p-5 info" id="info-60"> 997 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 998 style="min-height: 450px; border-radius:10px;"> 999 1000 1001 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 1002 style="padding: 20px;"> 1003 <div> 1004 <h2 class="mb-4 text-center text-md-start"> 1005 <b>SECRETARIA MUNICIPAL DA FAZENDA</b> 1006 </h2> 1007 </div> 1008 1009 <div class="flex-grow-1 d-flex align-items-center"> 1010 <p class="p-1 text-center text-md-start">A Secretaria Municipal de Receita tem como objetivo principal a Arrecadação de Tributos, divididos em: ISSQN que é o Imposto sobre Serviço de Qualquer Natureza, que tem por finalidade manter os registros de empresas e profissionais autônomos prestadores de serviços do MunicÃpio, IPTU que é devido pela pessoa fÃsica ou jurÃdica, chamado de contribuinte, que possui imóvel na zona urbana do municÃpio, ITBI que é a transmissão inter-vivos,a qualquer tÃtulo, de propriedade ou domÃnio útil de bens imóveis, DÃVIDA ATIVA: abrange os créditos a favor do municÃpio, cuja certeza de liquidez foram apurados, por não terem, sido efetivamente arrecadados nos prazos estabelecidos.</p> 1011 </div> 1012 1013 <div class="mt-3 text-center text-md-start text-break" 1014 style="word-break: break-word; white-space: normal;"> 1015 1016 <p class="mb-1 fw-bold"> 1017 <b>Telefone:</b> (53) 2310-1500 1018 </p> 1019 1020 <p class="mb-0 fw-bold"> 1021 <b>E-mail:</b> [email protected] 1022 </p> 1023 </div> 1024 1025 </div> 1026 1027 1028 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 1029 style="padding: 20px;"> 1030 <img class="img-fluid mb-3 js-foto-secretario" 1031 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3d6863d37.jpeg" 1032 alt="Foto do Secretário" 1033 style=""> 1034 1035 <div class="w-100 text-center text-md-end"> 1036 <h5 class="mb-1"> 1037 <a href="#" class="text-decoration-none text-break" 1038 data-bs-toggle="offcanvas" 1039 data-bs-target="#curriculo-secretaria-60" 1040 style="white-space: normal;
1040 color: #212529; word-break: break-word;"> 1041 <b>Fabio de Souza Silva <i 1042 class="fa-solid fa-file-lines"></i></b> 1043 </a> 1044 </h5> 1045 </div> 1046 1047 1048 </div> 1049 </div> 1050 </div> 1051 1052 1053 <!-- OFFCANVAS: Fora da estrutura de info --> 1054 <div class="offcanvas offcanvas-end" tabindex="-1" 1055 id="curriculo-secretaria-60" 1056 aria-labelledby="curriculoLabel-60"> 1057 <div class="offcanvas-header"> 1058 <h5 class="offcanvas-title" id="curriculoLabel-60"> 1059 CurrÃculo de Fabio de Souza Silva 1060 </h5> 1061 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 1062 aria-label="Fechar"></button> 1063 </div> 1064 <div class="offcanvas-body"> 1065 Fabio de Souza Silva graduou-se em Ciências Contábeis em 2000, pela Universidade Federal do Rio Grande (Furg). Em 2012 concluiu a especialização em Direito Público â Administrativo, Constitucional e Tributário â pela Universidade Anhanguera â Uniderp. <br /> 1066Desde 2010 é auditor de tributos da Secretaria da Fazenda. Atuou na área de contabilidade, com ênfase em Contabilidade Pública, Tributária e Auditoria. Também trabalhou como professor da Uniasselvi, em 2009 e 2010; como contador da Prefeitura de Mostardas, de 2004 a 2010; como contador da Câmara de Vereadores de Rio Grande, entre 2002 e 2004.<br /> 1067à riograndino, e vive em Pelotas há 15 anos. 1068 </div> 1069 </div> 1070 1071 </div> 1072 <div class="col-lg-3 col-sm-6 col-md-6"> 1073 <div class = "g-2 p-2 card-sec " data-secretaria="62" 1074 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 1075 <div class="col-12 text-start"> 1076 1077 <p class="py-0 my-0">Secretaria 1078 municipal</p> 1079 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 1080 <b>DE ADMINISTRAÃÃO</b> 1081 </h5> 1082 1083 1084 </div> 1085 </div> 1086 1087 <div class="alterarpadd d-none col-12 p-5 info" id="info-62"> 1088 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 1089 style="min-height: 450px; border-radius:10px;"> 1090 1091 1092 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 1093 style="padding: 20px;"> 1094 <div> 1095 <h2 class="mb-4 text-center text-md-start"> 1096 <b>SECRETARIA MUNICIPAL DE ADMINISTRAÃÃO</b> 1097 </h2> 1098 </div> 1099 1100 <div class="flex-grow-1 d-flex align-items-center"> 1101 <p class="p-1 text-center text-md-start">A Secretaria Municipal de Administração tem como função promover a gestão de frotas, do almoxarifado, do patrimônio documental, mobiliário e imobiliário, planejar, coordenar e executar a aquisição de materiais, a contratação de serviços e obras, elaborar editais e contratos administrativos, supervisionar e orientar a gestão e fiscalização contratual dos órgãos da Administração Pública Municipal, bem como divulgar as informações em sistemas governamentais e perante os órgãos e controle externo.</p> 1102 </div> 1103 1104 <div class="mt-3 text-center text-md-start text-break" 1105 style="word-break: break-word; white-space: normal;"> 1106 1107 1108 <p class="mb-0 fw-bold"> 1109 <b>
1109E-mail:</b> [email protected] 1110 </p> 1111 </div> 1112 1113 </div> 1114 1115 1116 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 1117 style="padding: 20px;"> 1118 <img class="img-fluid mb-3 js-foto-secretario" 1119 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3e4a7b776.jpeg" 1120 alt="Foto do Secretário" 1121 style=""> 1122 1123 <div class="w-100 text-center text-md-end"> 1124 <h5 class="mb-1"> 1125 <a href="#" class="text-decoration-none text-break" 1126 data-bs-toggle="offcanvas" 1127 data-bs-target="#curriculo-secretaria-62" 1128 style="white-space: normal; color: #212529; word-break: break-word;"> 1129 <b>Michele Velleda dos Santos Reinhardt <i 1130 class="fa-solid fa-file-lines"></i></b> 1131 </a> 1132 </h5> 1133 </div> 1134 1135 1136 </div> 1137 </div> 1138 </div> 1139 1140 1141 <!-- OFFCANVAS: Fora da estrutura de info --> 1142 <div class="offcanvas offcanvas-end" tabindex="-1" 1143 id="curriculo-secretaria-62" 1144 aria-labelledby="curriculoLabel-62"> 1145 <div class="offcanvas-header"> 1146 <h5 class="offcanvas-title" id="curriculoLabel-62"> 1147 CurrÃculo de Michele Velleda dos Santos Reinhardt 1148 </h5> 1149 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 1150 aria-label="Fechar"></button> 1151 </div> 1152 <div class="offcanvas-body"> 1153 - 1154 </div> 1155 </div> 1156 1157 </div> 1158 <div class="col-lg-3 col-sm-6 col-md-6"> 1159 <div class = "g-2 p-2 card-sec " data-secretaria="44" 1160 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 1161 <div class="col-12 text-start"> 1162 1163 <p class="py-0 my-0">Secretaria 1164 municipal</p> 1165 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 1166 <b>DE ASSISTÃNCIA SOCIAL</b> 1167 </h5> 1168 1169 1170 </div> 1171 </div> 1172 1173 <div class="alterarpadd d-none col-12 p-5 info" id="info-44"> 1174 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 1175 style="min-height: 450px; border-radius:10px;"> 1176 1177 1178 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 1179 style="padding: 20px;"> 1180 <div> 1181 <h2 class="mb-4 text-center text-md-start"> 1182 <b>SECRETARIA MUNICIPAL DE ASSISTÃNCIA SOCIAL</b> 1183 </h2> 1184 </div> 1185 1186 <div class="flex-grow-1 d-flex align-items-center"> 1187 <p class="p-1 text-center text-md-start">Assistência Social Ãrgão gestor das PolÃticas Públicas de Assistência Social. Entre as ações estão os Programas Inclusivos na área da Promoção Social; Proteção Social Básica; Proteção Especial de Média Complexidade; Proteção Especial de Alta Complexidade e Projetos Especiais de Inclusão Social.</p> 1188 </div> 1189 1190 <div class="mt-3 text-center text-md-start text-break" 1191 style="word-break: break-word; white-space: normal;"> 1192 1193 1194 <p class="mb-0 fw-bold"> 1195 <b>
1195E-mail:</b> [email protected] 1196 </p> 1197 </div> 1198 1199 </div> 1200 1201 1202 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 1203 style="padding: 20px;"> 1204 <img class="img-fluid mb-3 js-foto-secretario" 1205 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_69c3cc68a22e2.jpeg" 1206 alt="Foto do Secretário" 1207 style=""> 1208 1209 <div class="w-100 text-center text-md-end"> 1210 <h5 class="mb-1"> 1211 <a href="#" class="text-decoration-none text-break" 1212 data-bs-toggle="offcanvas" 1213 data-bs-target="#curriculo-secretaria-44" 1214 style="white-space: normal; color: #212529; word-break: break-word;"> 1215 <b>Roberta Borges Mello <i 1216 class="fa-solid fa-file-lines"></i></b> 1217 </a> 1218 </h5> 1219 </div> 1220 1221 1222 </div> 1223 </div> 1224 </div> 1225 1226 1227 <!-- OFFCANVAS: Fora da estrutura de info --> 1228 <div class="offcanvas offcanvas-end" tabindex="-1" 1229 id="curriculo-secretaria-44" 1230 aria-labelledby="curriculoLabel-44"> 1231 <div class="offcanvas-header"> 1232 <h5 class="offcanvas-title" id="curriculoLabel-44"> 1233 CurrÃculo de Roberta Borges Mello 1234 </h5> 1235 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 1236 aria-label="Fechar"></button> 1237 </div> 1238 <div class="offcanvas-body"> 1239 Roberta é formada em Serviço Social pela Universidade Católica de Pelotas (UCPel), e mestre em Sociologia pela Universidade Federal de Pelotas (UFPel). à assistente social do INSS há 16 anos, e trabalhou em diversas cidades do Rio Grande do Sul, inclusive na gestão, no primeiro perÃodo no Instituto. <br /> 1240<br /> 1241Para assumir o novo cargo, ela pediu licença do cargo federal, em que atuava na orientação de direitos e socialização de informações, em avaliações sociais para os benefÃcios previdenciários, e no acesso dos usuários à PolÃtica de Previdência Social.<br /> 1242<br /> 1243Durante a graduação, ela trabalhou com conselhos gestores de polÃticas sociais e, no mestrado, estudou a história de mulheres na PolÃtica de Assistência Social. Também foi presidente do Conselho Municipal dos Direitos das Mulheres, e educadora popular no Emancipa [movimento social de educação popular]. 1244 </div> 1245 </div> 1246 1247 </div> 1248 <div class="col-lg-3 col-sm-6 col-md-6"> 1249 <div class = "g-2 p-2 card-sec " data-secretaria="14" 1250 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 1251 <div class="col-12 text-start"> 1252 1253 <p class="py-0 my-0">Secretaria 1254 municipal</p> 1255 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 1256 <b>DE COMUNICAÃÃO</b> 1257 </h5> 1258 1259 1260 </div> 1261 </div> 1262 1263 <div class="alterarpadd d-none col-12 p-5 info" id="info-14"> 1264 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 1265 style="min-height: 450px; border-radius:10px;"> 1266 1267 1268 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 1269 style="padding: 20px;"> 1270 <div> 1271 <h2 class="mb-4 text-center text-md-start"> 1272 <b>SECRETARIA MUNICIPAL DE COMUNICAÃÃO</b> 1273 </h2> 1274 </div> 1275 1276 <div class="flex-grow-1 d-flex align-items-center"> 1277 <p class="p-1 text-center text-md-start">Secretaria Municipal de Comunicação tem como função a de organizar as ações de publicidade institucional do Poder Executivo Municipal, em conjunto com as secretarias municipais, sendo responsável pelas campanhas de utilidade pública.</p> 1278 </div> 1279 1280 <div class="mt-3 text-center text-md-start text-break" 1281 style="word-break: break-word; white-space: normal;"> 1282 1283 1284 <p class="mb-0 fw-bold"> 1285 <b>
1285E-mail:</b> [email protected] 1286 </p> 1287 </div> 1288 1289 </div> 1290 1291 1292 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 1293 style="padding: 20px;"> 1294 <img class="img-fluid mb-3 js-foto-secretario" 1295 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_69a196139fdbc.png" 1296 alt="Foto do Secretário" 1297 style=""> 1298 1299 <div class="w-100 text-center text-md-end"> 1300 <h5 class="mb-1"> 1301 <a href="#" class="text-decoration-none text-break" 1302 data-bs-toggle="offcanvas" 1303 data-bs-target="#curriculo-secretaria-14" 1304 style="white-space: normal; color: #212529; word-break: break-word;"> 1305 <b>Tony Sechi <i 1306 class="fa-solid fa-file-lines"></i></b> 1307 </a> 1308 </h5> 1309 </div> 1310 1311 1312 </div> 1313 </div> 1314 </div> 1315 1316 1317 <!-- OFFCANVAS: Fora da estrutura de info --> 1318 <div class="offcanvas offcanvas-end" tabindex="-1" 1319 id="curriculo-secretaria-14" 1320 aria-labelledby="curriculoLabel-14"> 1321 <div class="offcanvas-header"> 1322 <h5 class="offcanvas-title" id="curriculoLabel-14"> 1323 CurrÃculo de Tony Sechi 1324 </h5> 1325 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 1326 aria-label="Fechar"></button> 1327 </div> 1328 <div class="offcanvas-body"> 1329 Formado em Gestão Pública pela UFPel, com duas pós-graduações pela Uninter (Comércio Exterior e marketing internacional e Governança e planejamento estratégico), atualmente Sechi é mestrando em Geografia pela UFPel e ostenta sólida atuação polÃtica, com mais de 12 anos de experiência em relações governamentais em BrasÃlia, onde atuou na elaboração, captação e execução de diversos projetos, no papel de assessor parlamentar na Câmara Federal, como secretário nacional da Juventude do PSB e membro da Comissão Nacional de PolÃticas Educacionais para as Juventudes do Ministério da Educação (MEC). Também trabalhou com o ex-governador de Pernambuco, Eduardo Campos (1965-2014), e com o atual prefeito do Recife, João Campos.<br /> 1330<br /> 1331Foi presidente do Diretório Central dos Estudantes (DCE) da UFPel, membro da direção da União Nacional dos Estudantes (UNE) e conselheiro universitário da UFPel, onde também ocupou funções no Conselho Coordenador de Ensino e Pesquisa (Cocepe) e na Comissão Própria de Avaliação da Universidade. 1332 </div> 1333 </div> 1334 1335 </div> 1336 <div class="col-lg-3 col-sm-6 col-md-6"> 1337 <div class = "g-2 p-2 card-sec " data-secretaria="5" 1338 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 1339 <div class="col-12 text-start"> 1340 1341 <p class="py-0 my-0">Secretaria 1342 municipal</p> 1343 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 1344 <b>DE CULTURA</b> 1345 </h5> 1346 1347 1348 </div> 1349 </div> 1350 1351 <div class="alterarpadd d-none col-12 p-5 info" id="info-5"> 1352 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 1353 style="min-height: 450px; border-radius:10px;"> 1354 1355 1356 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 1357 style="padding: 20px;"> 1358 <div> 1359 <h2 class="mb-4 text-center text-md-start"> 1360 <b>SECRETARIA MUNICIPAL DE CULTURA</b> 1361 </h2> 1362 </div> 1363 1364 <div class="flex-grow-1 d-flex align-items-center"> 1365 <p class="p-1 text-center text-md-start">A secretaria tem a missão de formular, promover e executar polÃticas públicas voltadas à identificação, preservação, difusão, ao acesso e incentivo da cultura em toda a sua diversidade. Dia do Patrimônio, Sete ao Entardecer, o ProCultura, Feira do Livro, Semana de Pelotas, Mercado das Pulgas e Programação de Verão são algumas das ações desenvolvidas pela Secult.</p> 1366 </div> 1367 1368 <div class="mt-3 text-center text-md-start text-break" 1369 style="word-break: break-word; white-space: normal;"> 1370 1371 <p class="mb-1 fw-bold"> 1372 <b>Telefone:</b> (53) 3040-0007 1373 </p> 1374 1375 <p class="mb-0 fw-bold"> 1376 <b>
1376E-mail:</b> [email protected] 1377 </p> 1378 </div> 1379 1380 </div> 1381 1382 1383 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 1384 style="padding: 20px;"> 1385 <img class="img-fluid mb-3 js-foto-secretario" 1386 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3ce0d7435.jpeg" 1387 alt="Foto do Secretário" 1388 style=""> 1389 1390 <div class="w-100 text-center text-md-end"> 1391 <h5 class="mb-1"> 1392 <a href="#" class="text-decoration-none text-break" 1393 data-bs-toggle="offcanvas" 1394 data-bs-target="#curriculo-secretaria-5" 1395 style="white-space: normal; color: #212529; word-break: break-word;"> 1396 <b>Carmen Vera Roig <i 1397 class="fa-solid fa-file-lines"></i></b> 1398 </a> 1399 </h5> 1400 </div> 1401 1402 1403 </div> 1404 </div> 1405 </div> 1406 1407 1408 <!-- OFFCANVAS: Fora da estrutura de info --> 1409 <div class="offcanvas offcanvas-end" tabindex="-1" 1410 id="curriculo-secretaria-5" 1411 aria-labelledby="curriculoLabel-5"> 1412 <div class="offcanvas-header"> 1413 <h5 class="offcanvas-title" id="curriculoLabel-5"> 1414 CurrÃculo de Carmen Vera Roig 1415 </h5> 1416 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 1417 aria-label="Fechar"></button> 1418 </div> 1419 <div class="offcanvas-body"> 1420 Carmem Vera Roig é pelotense, formou-se em Arquitetura e Urbanismo, em 1985; em Letras, em 1987; e especialista em Patrimônio Cultural, desde 1996, pela Universidade Federal de Pelotas (UFPel). <br /> 1421à servidora municipal desde 1989. Fez parte da equipe que criou a primeira Secretaria de Cultura de Pelotas, em 2001, e no mesmo ano foi coordenadora da Unidade de Execução de Projetos do Monumenta, programa do Ministério da Cultura que visava a preservação do patrimônio cultural e urbano, com financiamento do Banco Interamericano de Desenvolvimento (BID). Com os recursos do Monumenta, Pelotas restaurou prédios históricos tombados pelo Governo Federal, e vários outros edifÃcios que compõem o patrimônio cultural de Pelotas. 1422 </div> 1423 </div> 1424 1425 </div> 1426 <div class="col-lg-3 col-sm-6 col-md-6"> 1427 <div class = "g-2 p-2 card-sec " data-secretaria="64" 1428 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 1429 <div class="col-12 text-start"> 1430 1431 <p class="py-0 my-0">Secretaria 1432 municipal</p> 1433 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 1434 <b>DE DESENVOLVIMENTO, EMPREENDEDORISMO E INOVAÃÃO</b> 1435 </h5> 1436 1437 1438 </div> 1439 </div> 1440 1441 <div class="alterarpadd d-none col-12 p-5 info" id="info-64"> 1442 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 1443 style="min-height: 450px; border-radius:10px;"> 1444 1445 1446 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 1447 style="padding: 20px;"> 1448 <div> 1449 <h2 class="mb-4 text-center text-md-start"> 1450 <b>SECRETARIA MUNICIPAL DE DESENVOLVIMENTO, EMPREENDEDORISMO E INOVAÃÃO</b> 1451 </h2> 1452 </div> 1453 1454 <div class="flex-grow-1 d-flex align-items-center"> 1455 <p class="p-1 text-center text-md-start">Secretaria de Empreendedorismo, Desenvolvimento Econômico e Inovação é responsável por formular e implementar polÃticas públicas voltadas ao crescimento econômico sustentável, promovendo a geração de emprego e renda, mediante a criação de estratég
1455ias para atrair investimentos, apoiando o empreendedorismo local, com foco em micro, pequenas e médias empresas, incentivando a economia criativa e a diversificação da matriz econômica, sempre considerando os princÃpios da eficiência administrativa e da inclusão social.</p> 1456 </div> 1457 1458 <div class="mt-3 text-center text-md-start text-break" 1459 style="word-break: break-word; white-space: normal;"> 1460 1461 1462 <p class="mb-0 fw-bold"> 1463 <b>E-mail:</b> [email protected] 1464 </p> 1465 </div> 1466 1467 </div> 1468 1469 1470 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 1471 style="padding: 20px;"> 1472 <img class="img-fluid mb-3 js-foto-secretario" 1473 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_69c3cb8cbf446.png" 1474 alt="Foto do Secretário" 1475 style=""> 1476 1477 <div class="w-100 text-center text-md-end"> 1478 <h5 class="mb-1"> 1479 <a href="#" class="text-decoration-none text-break" 1480 data-bs-toggle="offcanvas" 1481 data-bs-target="#curriculo-secretaria-64" 1482 style="white-space: normal; color: #212529; word-break: break-word;"> 1483 <b>Jeferson Sigales <i 1484 class="fa-solid fa-file-lines"></i></b> 1485 </a> 1486 </h5> 1487 </div> 1488 1489 1490 </div> 1491 </div> 1492 </div> 1493 1494 1495 <!-- OFFCANVAS: Fora da estrutura de info --> 1496 <div class="offcanvas offcanvas-end" tabindex="-1" 1497 id="curriculo-secretaria-64" 1498 aria-labelledby="curriculoLabel-64"> 1499 <div class="offcanvas-header"> 1500 <h5 class="offcanvas-title" id="curriculoLabel-64"> 1501 CurrÃculo de Jeferson Sigales 1502 </h5> 1503 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 1504 aria-label="Fechar"></button> 1505 </div> 1506 <div class="offcanvas-body"> 1507 - 1508 </div> 1509 </div> 1510 1511 </div> 1512 <div class="col-lg-3 col-sm-6 col-md-6"> 1513 <div class = "g-2 p-2 card-sec " data-secretaria="17" 1514 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 1515 <div class="col-12 text-start"> 1516 1517 <p class="py-0 my-0">Secretaria 1518 municipal</p> 1519 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 1520 <b>DE DESENVOLVIMENTO RURAL</b> 1521 </h5> 1522 1523 1524 </div> 1525 </div> 1526 1527 <div class="alterarpadd d-none col-12 p-5 info" id="info-17"> 1528 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 1529 style="min-height: 450px; border-radius:10px;"> 1530 1531 1532 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 1533 style="padding: 20px;"> 1534 <div> 1535 <h2 class="mb-4 text-center text-md-start"> 1536 <b>SECRETARIA MUNICIPAL DE DESENVOLVIMENTO RURAL</b> 1537 </h2> 1538 </div> 1539 1540 <div class="flex-grow-1 d-flex align-items-center"> 1541 <p class="p-1 text-center text-md-start">Realizar cadastros de imóveis rurais e fornecer certidões de CCIR, através do posto do INCRA situado no prédio da Secretaria, elaborar projetos e fornecer assistência técnica à s atividades agropecuárias, fiscalizar os serviços higiênico-sanitários nos abatedouros e fábricas de embutidos, realizar o registro de marcas de animais, construir e conservar as estradas, pontes e pontilhões, bem como executar projetos, expandir e fazer manutenções n
1541a área de eletrificação rural, executar obras e ações em geral para a infra-estrutura rural</p> 1542 </div> 1543 1544 <div class="mt-3 text-center text-md-start text-break" 1545 style="word-break: break-word; white-space: normal;"> 1546 1547 1548 <p class="mb-0 fw-bold"> 1549 <b>E-mail:</b> [email protected] 1550 </p> 1551 </div> 1552 1553 </div> 1554 1555 1556 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 1557 style="padding: 20px;"> 1558 <img class="img-fluid mb-3 js-foto-secretario" 1559 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_69aab5680b844.png" 1560 alt="Foto do Secretário" 1561 style=""> 1562 1563 <div class="w-100 text-center text-md-end"> 1564 <h5 class="mb-1"> 1565 <a href="#" class="text-decoration-none text-break" 1566 data-bs-toggle="offcanvas" 1567 data-bs-target="#curriculo-secretaria-17" 1568 style="white-space: normal; color: #212529; word-break: break-word;"> 1569 <b>Antonio Leonel <i 1570 class="fa-solid fa-file-lines"></i></b> 1571 </a> 1572 </h5> 1573 </div> 1574 1575 1576 </div> 1577 </div> 1578 </div> 1579 1580 1581 <!-- OFFCANVAS: Fora da estrutura de info --> 1582 <div class="offcanvas offcanvas-end" tabindex="-1" 1583 id="curriculo-secretaria-17" 1584 aria-labelledby="curriculoLabel-17"> 1585 <div class="offcanvas-header"> 1586 <h5 class="offcanvas-title" id="curriculoLabel-17"> 1587 CurrÃculo de Antonio Leonel 1588 </h5> 1589 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 1590 aria-label="Fechar"></button> 1591 </div> 1592 <div class="offcanvas-body"> 1593 - 1594 </div> 1595 </div> 1596 1597 </div> 1598 <div class="col-lg-3 col-sm-6 col-md-6"> 1599 <div class = "g-2 p-2 card-sec " data-secretaria="11" 1600 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 1601 <div class="col-12 text-start"> 1602 1603 <p class="py-0 my-0">Secretaria 1604 municipal</p> 1605 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 1606 <b>DE EDUCAÃÃO</b> 1607 </h5> 1608 1609 1610 </div> 1611 </div> 1612 1613 <div class="alterarpadd d-none col-12 p-5 info" id="info-11"> 1614 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 1615 style="min-height: 450px; border-radius:10px;"> 1616 1617 1618 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 1619 style="padding: 20px;"> 1620 <div> 1621 <h2 class="mb-4 text-center text-md-start"> 1622 <b>SECRETARIA MUNICIPAL DE EDUCAÃÃO</b> 1623 </h2> 1624 </div> 1625 1626 <div class="flex-grow-1 d-flex align-items-center"> 1627 <p class="p-1 text-center text-md-start">Secretaria Municipal da educação tem como objetivo gerenciar e administrar a rede municipal de ensino, elaborar as polÃticas, planos, programas, projetos e convênios afinados com açôes na área de educação.</p> 1628 </div> 1629 1630 <div class="mt-3 text-center text-md-start text-break" 1631 style="word-break: break-word; white-space: normal;"> 1632 1633 <p class="mb-1 fw-bold"> 1634 <b>Telefone:</b> (53) 3199-0514 1635 </p> 1636 1637 <p class="mb-0 fw-bold"> 1638 <b>
1638E-mail:</b> [email protected] 1639 </p> 1640 </div> 1641 1642 </div> 1643 1644 1645 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 1646 style="padding: 20px;"> 1647 <img class="img-fluid mb-3 js-foto-secretario" 1648 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_69aab5380993a.png" 1649 alt="Foto do Secretário" 1650 style=""> 1651 1652 <div class="w-100 text-center text-md-end"> 1653 <h5 class="mb-1"> 1654 <a href="#" class="text-decoration-none text-break" 1655 data-bs-toggle="offcanvas" 1656 data-bs-target="#curriculo-secretaria-11" 1657 style="white-space: normal; color: #212529; word-break: break-word;"> 1658 <b>Vitoria Feldens <i 1659 class="fa-solid fa-file-lines"></i></b> 1660 </a> 1661 </h5> 1662 </div> 1663 1664 1665 </div> 1666 </div> 1667 </div> 1668 1669 1670 <!-- OFFCANVAS: Fora da estrutura de info --> 1671 <div class="offcanvas offcanvas-end" tabindex="-1" 1672 id="curriculo-secretaria-11" 1673 aria-labelledby="curriculoLabel-11"> 1674 <div class="offcanvas-header"> 1675 <h5 class="offcanvas-title" id="curriculoLabel-11"> 1676 CurrÃculo de Vitoria Feldens 1677 </h5> 1678 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 1679 aria-label="Fechar"></button> 1680 </div> 1681 <div class="offcanvas-body"> 1682 - 1683 </div> 1684 </div> 1685 1686 </div> 1687 <div class="col-lg-3 col-sm-6 col-md-6"> 1688 <div class = "g-2 p-2 card-sec " data-secretaria="23" 1689 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 1690 <div class="col-12 text-start"> 1691 1692 <p class="py-0 my-0">Secretaria 1693 municipal</p> 1694 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 1695 <b>DE ESPORTE, LAZER E JUVENTUDE</b> 1696 </h5> 1697 1698 1699 </div> 1700 </div> 1701 1702 <div class="alterarpadd d-none col-12 p-5 info" id="info-23"> 1703 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 1704 style="min-height: 450px; border-radius:10px;"> 1705 1706 1707 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 1708 style="padding: 20px;"> 1709 <div> 1710 <h2 class="mb-4 text-center text-md-start"> 1711 <b>SECRETARIA MUNICIPAL DE ESPORTE, LAZER E JUVENTUDE</b> 1712 </h2> 1713 </div> 1714 1715 <div class="flex-grow-1 d-flex align-items-center"> 1716 <p class="p-1 text-center text-md-start">Secretaria Municipal de Esporte, Lazer e Juventude tem como função planejar, coordenar, supervisionar e avaliar planos e programas de incentivo aos esportes e ações de democratização da prática esportiva e inclusão social por meio dos esportes, bem como desenvolver e implementar polÃticas públicas relacionadas ao esporte no municÃpio.</p> 1717 </div> 1718 1719 <div class="mt-3 text-center text-md-start text-break" 1720 style="word-break: break-word; white-space: normal;"> 1721 1722 1723 <p class="mb-0 fw-bold"> 1724 <b>
1724E-mail:</b> [email protected] 1725 </p> 1726 </div> 1727 1728 </div> 1729 1730 1731 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 1732 style="padding: 20px;"> 1733 <img class="img-fluid mb-3 js-foto-secretario" 1734 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_69aab51f4fe0a.png" 1735 alt="Foto do Secretário" 1736 style=""> 1737 1738 <div class="w-100 text-center text-md-end"> 1739 <h5 class="mb-1"> 1740 <a href="#" class="text-decoration-none text-break" 1741 data-bs-toggle="offcanvas" 1742 data-bs-target="#curriculo-secretaria-23" 1743 style="white-space: normal; color: #212529; word-break: break-word;"> 1744 <b>Paulo Lobo (Interino) <i 1745 class="fa-solid fa-file-lines"></i></b> 1746 </a> 1747 </h5> 1748 </div> 1749 1750 1751 </div> 1752 </div> 1753 </div> 1754 1755 1756 <!-- OFFCANVAS: Fora da estrutura de info --> 1757 <div class="offcanvas offcanvas-end" tabindex="-1" 1758 id="curriculo-secretaria-23" 1759 aria-labelledby="curriculoLabel-23"> 1760 <div class="offcanvas-header"> 1761 <h5 class="offcanvas-title" id="curriculoLabel-23"> 1762 CurrÃculo de Paulo Lobo (Interino) 1763 </h5> 1764 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 1765 aria-label="Fechar"></button> 1766 </div> 1767 <div class="offcanvas-body"> 1768 - 1769 </div> 1770 </div> 1771 1772 </div> 1773 <div class="col-lg-3 col-sm-6 col-md-6"> 1774 <div class = "g-2 p-2 card-sec " data-secretaria="61" 1775 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 1776 <div class="col-12 text-start"> 1777 1778 <p class="py-0 my-0">Secretaria 1779 municipal</p> 1780 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 1781 <b>DE GOVERNO</b> 1782 </h5> 1783 1784 1785 </div> 1786 </div> 1787 1788 <div class="alterarpadd d-none col-12 p-5 info" id="info-61"> 1789 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 1790 style="min-height: 450px; border-radius:10px;"> 1791 1792 1793 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 1794 style="padding: 20px;"> 1795 <div> 1796 <h2 class="mb-4 text-center text-md-start"> 1797 <b>
1797SECRETARIA MUNICIPAL DE GOVERNO</b> 1798 </h2> 1799 </div> 1800 1801 <div class="flex-grow-1 d-flex align-items-center"> 1802 <p class="p-1 text-center text-md-start">Secretaria Municipal de Governo, que é responsável pelas relações institucionais, e a coordenação da representação polÃtica, bem como pela assistência ao Prefeito em suas relações com os órgãos da administração municipal.</p> 1803 </div> 1804 1805 <div class="mt-3 text-center text-md-start text-break" 1806 style="word-break: break-word; white-space: normal;"> 1807 1808 1809 <p class="mb-0 fw-bold"> 1810 <b>E-mail:</b> [email protected] 1811 </p> 1812 </div> 1813 1814 </div> 1815 1816 1817 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 1818 style="padding: 20px;"> 1819 <img class="img-fluid mb-3 js-foto-secretario" 1820 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_69d9214192109.png" 1821 alt="Foto do Secretário" 1822 style=""> 1823 1824 <div class="w-100 text-center text-md-end"> 1825 <h5 class="mb-1"> 1826 <a href="#" class="text-decoration-none text-break" 1827 data-bs-toggle="offcanvas" 1828 data-bs-target="#curriculo-secretaria-61" 1829 style="white-space: normal; color: #212529; word-break: break-word;"> 1830 <b>Pedro Jaime Bittencourt Junior <i 1831 class="fa-solid fa-file-lines"></i></b> 1832 </a> 1833 </h5> 1834 </div> 1835 1836 1837 </div> 1838 </div> 1839 </div> 1840 1841 1842 <!-- OFFCANVAS: Fora da estrutura de info --> 1843 <div class="offcanvas offcanvas-end" tabindex="-1" 1844 id="curriculo-secretaria-61" 1845 aria-labelledby="curriculoLabel-61"> 1846 <div class="offcanvas-header"> 1847 <h5 class="offcanvas-title" id="curriculoLabel-61"> 1848 CurrÃculo de Pedro Jaime Bittencourt Junior 1849 </h5> 1850 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 1851 aria-label="Fechar"></button> 1852 </div> 1853 <div class="offcanvas-body"> 1854 Pedro Jaime Bittencourt Junior é bacharel em Direito, com graduação pela Universidade Federal de Pelotas (UFPel). Advogado com mais de 40 anos de registro na Ordem dos Advogados do Brasil, coordenou a Ãrea de DomÃnio Público e foi procurador-geral do MunicÃpio de Pelotas na primeira gestão do prefeito Fernando Marroni. Bittencourt Jr atuou, ainda, junto à Assessoria JurÃdica da Câmara de Vereadores de Pelotas por cerca de 10 anos, foi assessor jurÃdico de Gabinete e de Bancada na Assembleia Legislativa, e integrou o Departamento JurÃdico da Empresa de Trens Urbanos de Porto Alegre (TRENSURB) nos anos de 2023 e 2024. Desde janeiro de 2025, o advogado atua como diretor executivo da Secretaria Municipal de Governo (SMG). 1855 </div> 1856 </div> 1857 1858 </div> 1859 <div class="col-lg-3 col-sm-6 col-md-6"> 1860 <div class = "g-2 p-2 card-sec " data-secretaria="43" 1861 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 1862 <div class="col-12 text-start"> 1863 1864 <p class="py-0 my-0">Secretaria 1865 municipal</p> 1866 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 1867 <b>
1867DE HABITAÃÃO E REGULARIZAÃÃO FUNDIÃRIA</b> 1868 </h5> 1869 1870 1871 </div> 1872 </div> 1873 1874 <div class="alterarpadd d-none col-12 p-5 info" id="info-43"> 1875 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 1876 style="min-height: 450px; border-radius:10px;"> 1877 1878 1879 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 1880 style="padding: 20px;"> 1881 <div> 1882 <h2 class="mb-4 text-center text-md-start"> 1883 <b>SECRETARIA MUNICIPAL DE HABITAÃÃO E REGULARIZAÃÃO FUNDIÃRIA</b> 1884 </h2> 1885 </div> 1886 1887 <div class="flex-grow-1 d-flex align-items-center"> 1888 <p class="p-1 text-center text-md-start">A Secretaria de Habitação e Regularização Fundiária (SHRF) é a responsável pelas questões habitacionais de Pelotas. Está sob a sua responsabilidade a regularização fundiária das áreas de posse do MunicÃpio; por programas como o Banco de Materiais, que arrecada sobras de construções e reformas para redistribuir a famÃlias em situação de vulnerabilidade; e pelas inscrições, pré-seleção e acompanhamento dos beneficiários dos programas do Governo Federal Minha Casa Minha Vida e Cartão Reforma.</p> 1889 </div> 1890 1891 <div class="mt-3 text-center text-md-start text-break" 1892 style="word-break: break-word; white-space: normal;"> 1893 1894 1895 <p class="mb-0 fw-bold"> 1896 <b>E-mail:</b> [email protected] 1897 </p> 1898 </div> 1899 1900 </div> 1901 1902 1903 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 1904 style="padding: 20px;"> 1905 <img class="img-fluid mb-3 js-foto-secretario" 1906 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_69c3cbb70753f.png" 1907 alt="Foto do Secretário" 1908 style=""> 1909 1910 <div class="w-100 text-center text-md-end"> 1911 <h5 class="mb-1"> 1912 <a href="#" class="text-decoration-none text-break" 1913 data-bs-toggle="offcanvas" 1914 data-bs-target="#curriculo-secretaria-43" 1915 style="white-space: normal; color: #212529; word-break: break-word;"> 1916 <b>Cassius Baumgarten (interino) <i 1917 class="fa-solid fa-file-lines"></i></b> 1918 </a> 1919 </h5> 1920 </div> 1921 1922 1923 </div> 1924 </div> 1925 </div> 1926 1927 1928 <!-- OFFCANVAS: Fora da estrutura de info --> 1929 <div class="offcanvas offcanvas-end" tabindex="-1" 1930 id="curriculo-secretaria-43" 1931 aria-labelledby="curriculoLabel-43"> 1932 <div class="offcanvas-header"> 1933 <h5 class="offcanvas-title" id="curriculoLabel-43"> 1934 CurrÃculo de Cassius Baumgarten (interino) 1935 </h5> 1936 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 1937 aria-label="Fechar"></button> 1938 </div> 1939 <div class="offcanvas-body"> 1940 - 1941 </div> 1942 </div> 1943 1944 </div> 1945 <div class="col-lg-3 col-sm-6 col-md-6"> 1946 <div class = "g-2 p-2 card-sec " data-secretaria="21" 1947 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 1948 <div class="col-12 text-start"> 1949 1950 <p class="py-0 my-0">Secretaria 1951 municipal</p> 1952 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 1953 <b>DE IGUALDADE RACIAL</b> 1954 </h5> 1955 1956 1957 </div> 1958 </div> 1959 1960 <div class="alterarpadd d-none col-12 p-5 info" id="info-21"> 1961 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 1962 style="min-height: 450px; border-radius:10px;"> 1963 1964 1965 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 1966 style="padding: 20px;"> 1967 <div> 1968 <h2 class="mb-4 text-center text-md-start"> 1969 <b>SECRETARIA MUNICIPAL DE IGUALDADE RACIAL</b> 1970 </h2> 1971 </div> 1972 1973 <div class="flex-grow-1 d-flex align-items-center"> 1974 <p class="p-1 text-center text-md-start">Secretaria Municipal de Igualdade Racial tem como função planejar, coordenar e executar polÃticas públicas para promover a igualdade racial e combater o racismo.</p> 1975 </div> 1976 1977 <div class="mt-3 text-center text-md-start text-break" 1978 style="word-break: break-word; white-space: normal;"> 1979 1980 1981 <p class="mb-0 fw-bold"> 1982 <b>
1982E-mail:</b> [email protected] 1983 </p> 1984 </div> 1985 1986 </div> 1987 1988 1989 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 1990 style="padding: 20px;"> 1991 <img class="img-fluid mb-3 js-foto-secretario" 1992 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3dbce3997.jpeg" 1993 alt="Foto do Secretário" 1994 style=""> 1995 1996 <div class="w-100 text-center text-md-end"> 1997 <h5 class="mb-1"> 1998 <a href="#" class="text-decoration-none text-break" 1999 data-bs-toggle="offcanvas" 2000 data-bs-target="#curriculo-secretaria-21" 2001 style="white-space: normal; color: #212529; word-break: break-word;"> 2002 <b>Julio Domingues <i 2003 class="fa-solid fa-file-lines"></i></b> 2004 </a> 2005 </h5> 2006 </div> 2007 2008 2009 </div> 2010 </div> 2011 </div> 2012 2013 2014 <!-- OFFCANVAS: Fora da estrutura de info --> 2015 <div class="offcanvas offcanvas-end" tabindex="-1" 2016 id="curriculo-secretaria-21" 2017 aria-labelledby="curriculoLabel-21"> 2018 <div class="offcanvas-header"> 2019 <h5 class="offcanvas-title" id="curriculoLabel-21"> 2020 CurrÃculo de Julio Domingues 2021 </h5> 2022 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 2023 aria-label="Fechar"></button> 2024 </div> 2025 <div class="offcanvas-body"> 2026 Julio Domingues é pelotense, formou-se em Ciências Sociais, pela Universidade Federal de Pelotas (UFPel), em 2010, é professor de sociologia e sociólogo. Em 2011 deu aulas para estudantes do ensino médio; trabalhou no Censo 2010, e em pesquisas sobre o Mercado de Trabalho entre 2012 e 2014. Além disso, foi assessor parlamentar na Assembleia Legislativa em 2015 e 2016, e na Câmara de Vereadores de Pelotas entre 2017 e 2024. Atua no movimento social de educação popular, Emancipa, e em movimentos de negros e negras. 2027 </div> 2028 </div> 2029 2030 </div> 2031 <div class="col-lg-3 col-sm-6 col-md-6"> 2032 <div class = "g-2 p-2 card-sec " data-secretaria="22" 2033 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 2034 <div class="col-12 text-start"> 2035 2036 <p class="py-0 my-0">Secretaria 2037 municipal</p> 2038 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 2039 <b>DE OBRAS E PAVIMENTAÃÃO</b> 2040 </h5> 2041 2042 2043 </div> 2044 </div> 2045 2046 <div class="alterarpadd d-none col-12 p-5 info" id="info-22"> 2047 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 2048 style="min-height: 450px; border-radius:10px;"> 2049 2050 2051 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 2052 style="padding: 20px;"> 2053 <div> 2054 <h2 class="mb-4 text-center text-md-start"> 2055 <b>SECRETARIA MUNICIPAL DE OBRAS E PAVIMENTAÃÃO</b> 2056 </h2> 2057 </div> 2058 2059 <div class="flex-grow-1 d-flex align-items-center"> 2060 <p class="p-1 text-center text-md-start">Executa serviços de reparo, manutenção e implantação de pavimentação nas vias públicas localizadas no meio urbano do municÃpio de Pelotas.</p> 2061 </div> 2062 2063 <div class="mt-3 text-center text-md-start text-break" 2064 style="word-break: break-word; white-space: normal;"> 2065 2066 2067 <p class="mb-0 fw-bold"> 2068 <b>
2068E-mail:</b> [email protected] 2069 </p> 2070 </div> 2071 2072 </div> 2073 2074 2075 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 2076 style="padding: 20px;"> 2077 <img class="img-fluid mb-3 js-foto-secretario" 2078 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3ed4342d5.jpeg" 2079 alt="Foto do Secretário" 2080 style=""> 2081 2082 <div class="w-100 text-center text-md-end"> 2083 <h5 class="mb-1"> 2084 <a href="#" class="text-decoration-none text-break" 2085 data-bs-toggle="offcanvas" 2086 data-bs-target="#curriculo-secretaria-22" 2087 style="white-space: normal; color: #212529; word-break: break-word;"> 2088 <b>Rogério Araújo de Salazar <i 2089 class="fa-solid fa-file-lines"></i></b> 2090 </a> 2091 </h5> 2092 </div> 2093 2094 2095 </div> 2096 </div> 2097 </div> 2098 2099 2100 <!-- OFFCANVAS: Fora da estrutura de info --> 2101 <div class="offcanvas offcanvas-end" tabindex="-1" 2102 id="curriculo-secretaria-22" 2103 aria-labelledby="curriculoLabel-22"> 2104 <div class="offcanvas-header"> 2105 <h5 class="offcanvas-title" id="curriculoLabel-22"> 2106 CurrÃculo de Rogério Araújo de Salazar 2107 </h5> 2108 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 2109 aria-label="Fechar"></button> 2110 </div> 2111 <div class="offcanvas-body"> 2112 Rogério Araújo de Salazar é pelotense, formado em direito pela Universidade Federal de Pelotas (UFPel), em 1997.<br /> 2113Entre 1997 e 1999, foi assessor jurÃdico na Câmara de Vereadores de Pelotas; entre 2001 e 2004, diretor administrativo e financeiro da Companhia de Informática de Pelotas (Coinpel). De 2011 a 2012, e de 2022 a 2023, foi assessor da Assembleia Legislativa; e de 2012 a 2018, assessor parlamentar da Câmara dos Deputados. Foi secretário de Obras Saneamento e Habitação do Governo do Estado, de 2018 a 2019; atuou na Subchefia parlamentar da Casa Civil do Governo do Estado, de 2019 até 2022, e de 2023 a 2024. Ainda em 2024, foi subsecretário de Infraestrutura e Patrimônio Público da Secretaria Estadual de Obras Públicas. 2114 </div> 2115 </div> 2116 2117 </div> 2118 <div class="col-lg-3 col-sm-6 col-md-6"> 2119 <div class = "g-2 p-2 card-sec " data-secretaria="65" 2120 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 2121 <div class="col-12 text-start"> 2122 2123 <p class="py-0 my-0">Secretaria 2124 municipal</p> 2125 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 2126 <b>DE POLÃTICAS PARA AS MULHERES</b> 2127 </h5> 2128 2129 2130 </div> 2131 </div> 2132 2133 <div class="alterarpadd d-none col-12 p-5 info" id="info-65"> 2134 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 2135 style="min-height: 450px; border-radius:10px;"> 2136 2137 2138 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 2139 style="padding: 20px;"> 2140 <div> 2141 <h2 class="mb-4 text-center text-md-start"> 2142 <b>SECRETARIA MUNICIPAL DE POLÃTICAS PARA AS MULHERES</b> 2143 </h2> 2144 </div> 2145 2146 <div class="flex-grow-1 d-flex align-items-center"> 2147 <p class="p-1 text-center text-md-start">Secretaria Municipal da Mulher é responsável pela formulação, coordenaçâo, execução e acompanhamento de polÃticas e diretrizes de garantia dos direitos das mulheres, bem como a elaboração de campanhas educativas e antidiscriminatórias e da implementação de legislação sobre ações afirmativas de igualdade de gênero e de combate à discriminação.</p> 2148 </div> 2149 2150 <div class="mt-3 text-center text-md-start text-break" 2151 style="word-break: break-word; white-space: normal;"> 2152 2153 <p class="mb-1 fw-bold"> 2154 <b>Telefone:</b> (53) 3199-0672 2155 </p> 2156 2157 <p class="mb-0 fw-bold"> 2158 <b>
2158E-mail:</b> [email protected] 2159 </p> 2160 </div> 2161 2162 </div> 2163 2164 2165 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 2166 style="padding: 20px;"> 2167 <img class="img-fluid mb-3 js-foto-secretario" 2168 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3e10dc1a6.jpeg" 2169 alt="Foto do Secretário" 2170 style=""> 2171 2172 <div class="w-100 text-center text-md-end"> 2173 <h5 class="mb-1"> 2174 <a href="#" class="text-decoration-none text-break" 2175 data-bs-toggle="offcanvas" 2176 data-bs-target="#curriculo-secretaria-65" 2177 style="white-space: normal; color: #212529; word-break: break-word;"> 2178 <b>Marielda Barcellos Medeiros <i 2179 class="fa-solid fa-file-lines"></i></b> 2180 </a> 2181 </h5> 2182 </div> 2183 2184 2185 </div> 2186 </div> 2187 </div> 2188 2189 2190 <!-- OFFCANVAS: Fora da estrutura de info --> 2191 <div class="offcanvas offcanvas-end" tabindex="-1" 2192 id="curriculo-secretaria-65" 2193 aria-labelledby="curriculoLabel-65"> 2194 <div class="offcanvas-header"> 2195 <h5 class="offcanvas-title" id="curriculoLabel-65"> 2196 CurrÃculo de Marielda Barcellos Medeiros 2197 </h5> 2198 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 2199 aria-label="Fechar"></button> 2200 </div> 2201 <div class="offcanvas-body"> 2202 Marielda Barcellos Medeiros é pelotense, pedagoga, especialista e mestre em Educação, e doutora em Antropologia Social e Cultural. <br /> 2203Trabalhou no Colégio Municipal Pelotense de 1988 a 2011, onde foi professora da Educação Infantil e Anos Iniciais, do Magistério, e coordenadora. Também foi supervisora da Coordenadoria de PolÃticas Educacionais da Secretaria de Educação (SME); responsável pela área da Diversidade na 5ª Coordenadoria Regional da Educação (CRE); e pela da Educação das Relações Ãtnico-Raciais, na Secretaria Estadual da Educação. Atuou em duas escolas para pessoas com deficiência, Louis Braille e Alfredo Dub.<br /> 2204à coordenadora e fundadora do Centro Cultural Marrabenta/Pelotas-Maputo; ativista social e cultural do Movimento Negro Unificado; integrou o Conselho Estadual de Desenvolvimento e Participação da Comunidade Negra/RS, como conselheira representante da Região Sul, e como vice-presidente. 2205 </div> 2206 </div> 2207 2208 </div> 2209 <div class="col-lg-3 col-sm-6 col-md-6"> 2210 <div class = "g-2 p-2 card-sec " data-secretaria="30" 2211 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 2212 <div class="col-12 text-start"> 2213 2214 <p class="py-0 my-0">Secretaria 2215 municipal</p> 2216 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 2217 <b>DE PROTEÃÃO E DEFESA CIVIL</b> 2218 </h5> 2219 2220 2221 </div> 2222 </div> 2223 2224 <div class="alterarpadd d-none col-12 p-5 info" id="info-30"> 2225 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 2226 style="min-height: 450px; border-radius:10px;"> 2227 2228 2229 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 2230 style="padding: 20px;"> 2231 <div> 2232 <h2 class="mb-4 text-center text-md-start"> 2233 <b>SECRETARIA MUNICIPAL DE PROTEÃÃO E DEFESA CIVIL</b> 2234 </h2> 2235 </div> 2236 2237 <div class="flex-grow-1 d-flex align-items-center"> 2238 <p class="p-1 text-center text-md-start">
2238Tem como objetivo desenvolver protocolos e açôes preventivas de socorro, assistenciais e reconstrutivas destinadas a evitar ou minimizar os desastres naturais e os incidentes tecnológicos, bem como monitorar dados e definições de estado de criticidade ambiental.</p> 2239 </div> 2240 2241 <div class="mt-3 text-center text-md-start text-break" 2242 style="word-break: break-word; white-space: normal;"> 2243 2244 2245 <p class="mb-0 fw-bold"> 2246 <b>E-mail:</b> [email protected] 2247 </p> 2248 </div> 2249 2250 </div> 2251 2252 2253 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 2254 style="padding: 20px;"> 2255 <img class="img-fluid mb-3 js-foto-secretario" 2256 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3e60d47dd." 2257 alt="Foto do Secretário" 2258 style=""> 2259 2260 <div class="w-100 text-center text-md-end"> 2261 <h5 class="mb-1"> 2262 <a href="#" class="text-decoration-none text-break" 2263 data-bs-toggle="offcanvas" 2264 data-bs-target="#curriculo-secretaria-30" 2265 style="white-space: normal; color: #212529; word-break: break-word;"> 2266 <b>Milton Rodrigues Martins <i 2267 class="fa-solid fa-file-lines"></i></b> 2268 </a> 2269 </h5> 2270 </div> 2271 2272 2273 </div> 2274 </div> 2275 </div> 2276 2277 2278 <!-- OFFCANVAS: Fora da estrutura de info --> 2279 <div class="offcanvas offcanvas-end" tabindex="-1" 2280 id="curriculo-secretaria-30" 2281 aria-labelledby="curriculoLabel-30"> 2282 <div class="offcanvas-header"> 2283 <h5 class="offcanvas-title" id="curriculoLabel-30"> 2284 CurrÃculo de Milton Rodrigues Martins 2285 </h5> 2286 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 2287 aria-label="Fechar"></button> 2288 </div> 2289 <div class="offcanvas-body"> 2290 Milton Martins foi vereador por seis mandatos. De 2001 a 2004 foi secretário de Serviços Urbanos. Entre 2013 e 2014, foi coordenador Regional de Saúde, em Pelotas. Também foi assessor parlamentar da Assembleia Legislativa por oito anos; e assessor da Presidência da Empresa de Trens Urbanos de Porto Alegre (Trensurb) de 2023 a 2024. No inÃcio de 2025, assumiu interinamente a Secretaria de Habitação e Regularização Fundiária (SHRF).<br /> 2291Nasceu em Canguçu, e vive em Pelotas há 65 anos. 2292 </div> 2293 </div> 2294 2295 </div> 2296 <div class="col-lg-3 col-sm-6 col-md-6"> 2297 <div class = "g-2 p-2 card-sec " data-secretaria="25" 2298 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 2299 <div class="col-12 text-start"> 2300 2301 <p class="py-0 my-0">Secretaria 2302 municipal</p> 2303 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 2304 <b>DE QUALIDADE AMBIENTAL</b> 2305 </h5> 2306 2307 2308 </div> 2309 </div> 2310 2311 <div class="alterarpadd d-none col-12 p-5 info" id="info-25"> 2312 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 2313 style="min-height: 450px; border-radius:10px;"> 2314 2315 2316 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 2317 style="padding: 20px;"> 2318 <div> 2319 <h2 class="mb-4 text-center text-md-start"> 2320 <b>SECRETARIA MUNICIPAL DE QUALIDADE AMBIENTAL</b> 2321 </h2> 2322 </div> 2323 2324 <div class="flex-grow-1 d-flex align-items-center"> 2325 <p class="p-1 text-center text-md-start">
2325A Secretaria de Qualidade Ambiental (SQA) atua no âmbito das polÃticas ambientais como a responsável pela emissão de licenciamentos, fiscalização de infrações e educação ambiental. Coordena também a arborização do MunicÃpio, desde o planejamento até a execução do plantio de novas mudas, manutenção e supressão de árvores. Recebe também as solicitações da população para podas.</p> 2326 </div> 2327 2328 <div class="mt-3 text-center text-md-start text-break" 2329 style="word-break: break-word; white-space: normal;"> 2330 2331 2332 <p class="mb-0 fw-bold"> 2333 <b>E-mail:</b> [email protected] 2334 </p> 2335 </div> 2336 2337 </div> 2338 2339 2340 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 2341 style="padding: 20px;"> 2342 <img class="img-fluid mb-3 js-foto-secretario" 2343 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3decba329.jpeg" 2344 alt="Foto do Secretário" 2345 style=""> 2346 2347 <div class="w-100 text-center text-md-end"> 2348 <h5 class="mb-1"> 2349 <a href="#" class="text-decoration-none text-break" 2350 data-bs-toggle="offcanvas" 2351 data-bs-target="#curriculo-secretaria-25" 2352 style="white-space: normal; color: #212529; word-break: break-word;"> 2353 <b>Márcio Souza da Silva <i 2354 class="fa-solid fa-file-lines"></i></b> 2355 </a> 2356 </h5> 2357 </div> 2358 2359 2360 </div> 2361 </div> 2362 </div> 2363 2364 2365 <!-- OFFCANVAS: Fora da estrutura de info --> 2366 <div class="offcanvas offcanvas-end" tabindex="-1" 2367 id="curriculo-secretaria-25" 2368 aria-labelledby="curriculoLabel-25"> 2369 <div class="offcanvas-header"> 2370 <h5 class="offcanvas-title" id="curriculoLabel-25"> 2371 CurrÃculo de Márcio Souza da Silva 2372 </h5> 2373 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 2374 aria-label="Fechar"></button> 2375 </div> 2376 <div class="offcanvas-body"> 2377 Márcio Souza formou-se em Gestão Ambiental em 2012, e fez especialização em perÃcia e auditoria ambiental, em 2014. <br /> 2378Foi chefe de gabinete do Conselho de Desenvolvimento Econômico, em 2002; assessor do Ministério da Educação em 2004; e gerente executivo de Assuntos Parlamentares e Federativos, em 2024. Entre 1996 e 2001 foi secretário de quatro áreas na Prefeitura de GravataÃ: de Assuntos de Segurança, de Desenvolvimento Econômico, de Educação e de Governo. Também foi vereador entre 2005 e 2012.<br />
2379à natural de Porto Alegre. Mora em Pelotas desde o inÃcio de 2025. 2380 </div> 2381 </div> 2382 2383 </div> 2384 <div class="col-lg-3 col-sm-6 col-md-6"> 2385 <div class = "g-2 p-2 card-sec " data-secretaria="63" 2386 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 2387 <div class="col-12 text-start"> 2388 2389 <p class="py-0 my-0">Secretaria 2390 municipal</p> 2391 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 2392 <b>DE RECURSOS HUMANOS</b> 2393 </h5> 2394 2395 2396 </div> 2397 </div> 2398 2399 <div class="alterarpadd d-none col-12 p-5 info" id="info-63"> 2400 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 2401 style="min-height: 450px; border-radius:10px;"> 2402 2403 2404 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 2405 style="padding: 20px;"> 2406 <div> 2407 <h2 class="mb-4 text-center text-md-start"> 2408 <b>SECRETARIA MUNICIPAL DE RECURSOS HUMANOS</b> 2409 </h2> 2410 </div> 2411 2412 <div class="flex-grow-1 d-flex align-items-center"> 2413 <p class="p-1 text-center text-md-start">A Secretaria Municipal de Recursos humanos tem como objetivo promover a gestão das informações funcionais e polÃticas de recursos humanos, sendo responsável pela administração e valorização da saúde e segurança do trabalho, bem como exercendo a gestão de frotas, do patrimônio documental, mobiliário e imobiliário dos órgãos públicos municipais da Administração Direta.</p> 2414 </div> 2415 2416 <div class="mt-3 text-center text-md-start text-break" 2417 style="word-break: break-word; white-space: normal;"> 2418 2419 2420 <p class="mb-0 fw-bold"> 2421 <b>E-mail:</b> [email protected] 2422 </p> 2423 </div> 2424 2425 </div> 2426 2427 2428 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 2429 style="padding: 20px;"> 2430 <img class="img-fluid mb-3 js-foto-secretario" 2431 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3cd33b634.jpeg" 2432 alt="Foto do Secretário" 2433 style=""> 2434 2435 <div class="w-100 text-center text-md-end"> 2436 <h5 class="mb-1"> 2437 <a href="#" class="text-decoration-none text-break" 2438 data-bs-toggle="offcanvas" 2439 data-bs-target="#curriculo-secretaria-63" 2440 style="white-space: normal;
2440 color: #212529; word-break: break-word;"> 2441 <b>Carla da Silva Cassais <i 2442 class="fa-solid fa-file-lines"></i></b> 2443 </a> 2444 </h5> 2445 </div> 2446 2447 2448 </div> 2449 </div> 2450 </div> 2451 2452 2453 <!-- OFFCANVAS: Fora da estrutura de info --> 2454 <div class="offcanvas offcanvas-end" tabindex="-1" 2455 id="curriculo-secretaria-63" 2456 aria-labelledby="curriculoLabel-63"> 2457 <div class="offcanvas-header"> 2458 <h5 class="offcanvas-title" id="curriculoLabel-63"> 2459 CurrÃculo de Carla da Silva Cassais 2460 </h5> 2461 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 2462 aria-label="Fechar"></button> 2463 </div> 2464 <div class="offcanvas-body"> 2465 Carla da Silva Cassais é pelotense, professora da rede estadual desde 1998. Licenciada em Matemática pela Universidade Católica de Pelotas (UCPel), com especialização em Ciências e Tecnologias da Educação pelo Instituto Federal Sul-rio-grandense (IFSul). Foi vereadora entre 2022 e 2024. Integrou a direção do Centro dos Professores do Estado do Rio Grande do Sul (Cpers) Sindicato, por 18 anos. Desde 2022 é conselheira Estadual dos Direitos das Mulheres. 2466 </div> 2467 </div> 2468 2469 </div> 2470 <div class="col-lg-3 col-sm-6 col-md-6"> 2471 <div class = "g-2 p-2 card-sec " data-secretaria="26" 2472 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 2473 <div class="col-12 text-start"> 2474 2475 <p class="py-0 my-0">Secretaria 2476 municipal</p> 2477 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 2478 <b>DE SAÃDE</b> 2479 </h5> 2480 2481 2482 </div> 2483 </div> 2484 2485 <div class="alterarpadd d-none col-12 p-5 info" id="info-26"> 2486 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 2487 style="min-height: 450px; border-radius:10px;"> 2488 2489 2490 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 2491 style="padding: 20px;"> 2492 <div> 2493 <h2 class="mb-4 text-center text-md-start"> 2494 <b>SECRETARIA MUNICIPAL DE SAÃDE</b> 2495 </h2> 2496 </div> 2497 2498 <div class="flex-grow-1 d-flex align-items-center"> 2499 <p class="p-1 text-center text-md-start">Secretaria de Saúde: A SMS é responsável pela gestão do Sistema Ãnico de Saúde no municÃpio e de todas as polÃticas públicas voltadas à saúde pública.</p> 2500 </div> 2501 2502 <div class="mt-3 text-center text-md-start text-break" 2503 style="word-break: break-word; white-space: normal;"> 2504 2505 2506 <p class="mb-0 fw-bold"> 2507 <b>
2507E-mail:</b> [email protected] 2508 </p> 2509 </div> 2510 2511 </div> 2512 2513 2514 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 2515 style="padding: 20px;"> 2516 <img class="img-fluid mb-3 js-foto-secretario" 2517 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3cc0323a3.jpeg" 2518 alt="Foto do Secretário" 2519 style=""> 2520 2521 <div class="w-100 text-center text-md-end"> 2522 <h5 class="mb-1"> 2523 <a href="#" class="text-decoration-none text-break" 2524 data-bs-toggle="offcanvas" 2525 data-bs-target="#curriculo-secretaria-26" 2526 style="white-space: normal; color: #212529; word-break: break-word;"> 2527 <b>Ãngela Moreira Vitória <i 2528 class="fa-solid fa-file-lines"></i></b> 2529 </a> 2530 </h5> 2531 </div> 2532 2533 2534 </div> 2535 </div> 2536 </div> 2537 2538 2539 <!-- OFFCANVAS: Fora da estrutura de info --> 2540 <div class="offcanvas offcanvas-end" tabindex="-1" 2541 id="curriculo-secretaria-26" 2542 aria-labelledby="curriculoLabel-26"> 2543 <div class="offcanvas-header"> 2544 <h5 class="offcanvas-title" id="curriculoLabel-26"> 2545 CurrÃculo de Ãngela Moreira Vitória 2546 </h5> 2547 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 2548 aria-label="Fechar"></button> 2549 </div> 2550 <div class="offcanvas-body"> 2551 Angela Moreira Vitória formou-se em medicina em 1997, pela Universidade Federal de Pelotas (UFPel). Especialista em Medicina de FamÃlia e Comunidade; e em Gestão de Sistemas e Serviços de Saúde, também é mestre em Epidemiologia pela Universidade Federal do Rio Grande do Sul (Ufrgs), e doutora em Saúde Coletiva pela Universidade Estadual de Campinas, (Unicamp).<br /> 2552Professora titular da UFPel, tem experiência na área de Saúde Coletiva. Atuou na atenção primária à saúde, Sistema Ãnico de Saúde (SUS) e gestão em saúde. 2553 </div> 2554 </div> 2555 2556 </div> 2557 <div class="col-lg-3 col-sm-6 col-md-6"> 2558 <div class = "g-2 p-2 card-sec " data-secretaria="56" 2559 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 2560 <div class="col-12 text-start"> 2561 2562 <p class="py-0 my-0">Secretaria 2563 municipal</p> 2564 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 2565 <b>DE SEGURANCA PÃBLICA</b> 2566 </h5> 2567 2568 2569 </div> 2570 </div> 2571 2572 <div class="alterarpadd d-none col-12 p-5 info" id="info-56"> 2573 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 2574 style="min-height: 450px; border-radius:10px;"> 2575 2576 2577 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 2578 style="padding: 20px;"> 2579 <div> 2580 <h2 class="mb-4 text-center text-md-start"> 2581 <b>SECRETARIA MUNICIPAL DE SEGURANCA PÃBLICA</b> 2582 </h2> 2583 </div> 2584 2585 <div class="flex-grow-1 d-flex align-items-center"> 2586 <p class="p-1 text-center text-md-start">Criada em 2017, a Secretaria Municipal de Segurança Pública (SMSP) gerencia as ações e polÃticas públicas para a proteção da sociedade e do patrimônio público municipal. Coordena ainda as ações estratég
2586icas da Guarda Municipal, através da ROMU, ROCAM, Patrulha Escolar, Patrulha Rural e Guarda Patrimonial. Administra o Gabinete de Gestão Integrada (GGI-M), acompanha as imagens do municÃpio através do Centro Integrado de Operações Municipal (CIOM) onde também está localizado o telefone de emergência da GM (153), além de desenvolver projetos de prevenção.</p> 2587 </div> 2588 2589 <div class="mt-3 text-center text-md-start text-break" 2590 style="word-break: break-word; white-space: normal;"> 2591 2592 <p class="mb-1 fw-bold"> 2593 <b>Telefone:</b> (53) 3221-328 2594 </p> 2595 2596 <p class="mb-0 fw-bold"> 2597 <b>E-mail:</b> [email protected] 2598 </p> 2599 </div> 2600 2601 </div> 2602 2603 2604 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 2605 style="padding: 20px;"> 2606 <img class="img-fluid mb-3 js-foto-secretario" 2607 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3dde10d71.jpeg" 2608 alt="Foto do Secretário" 2609 style=""> 2610 2611 <div class="w-100 text-center text-md-end"> 2612 <h5 class="mb-1"> 2613 <a href="#" class="text-decoration-none text-break" 2614 data-bs-toggle="offcanvas" 2615 data-bs-target="#curriculo-secretaria-56" 2616 style="white-space: normal; color: #212529; word-break: break-word;"> 2617 <b>Major Márcio Medeiros <i 2618 class="fa-solid fa-file-lines"></i></b> 2619 </a> 2620 </h5> 2621 </div> 2622 2623 2624 </div> 2625 </div> 2626 </div> 2627 2628 2629 <!-- OFFCANVAS: Fora da estrutura de info --> 2630 <div class="offcanvas offcanvas-end" tabindex="-1" 2631 id="curriculo-secretaria-56" 2632 aria-labelledby="curriculoLabel-56"> 2633 <div class="offcanvas-header"> 2634 <h5 class="offcanvas-title" id="curriculoLabel-56"> 2635 CurrÃculo de Major Márcio Medeiros 2636 </h5> 2637 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 2638 aria-label="Fechar"></button> 2639 </div> 2640 <div class="offcanvas-body"> 2641 Major da Brigada Militar, Márcio dos Santos Medeiros é natural de Pelotas. à bacharel em Direito pela Universidade Católica de Pelotas (UCPel); licenciado em Pedagogia pela Faculdade Ãnica de Ipatinga, de Minas Gerais; e fez o curso superior de PolÃcia Militar (Ciências Militares, Ãrea de Defesa Social â Academia de PolÃcia Militar do Rio Grande do Sul). Fez Escola Superior da Magistratura (Ajuris); e cinco cursos pela Brigada Militar: de Análise Criminal, de Multiplicadores da Patrulha Maria da Penha, de Administração Policial Militar, de Instrutor de Saúde FÃsica, e de Habilitação para Instrutor da Matéria Aspectos Policiais em Defesa da Igualdade Racial. Além disso, tem pós-graduação em Gestão Pública pela Verbo Educacional.<br /> 2642<br /> 2643Começou a carreira, em 2009, como advogado, e atuou na área até 2014, quando ingressou na Brigada Militar. 2644 </div> 2645 </div> 2646 2647 </div> 2648 <div class="col-lg-3 col-sm-6 col-md-6"> 2649 <div class = "g-2 p-2 card-sec " data-secretaria="27" 2650 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 2651 <div class="col-12 text-start"> 2652 2653 <p class="py-0 my-0">Secretaria 2654 municipal</p> 2655 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 2656 <b>DE SERVIÃOS URBANOS E INFRAESTRUTURA</b> 2657 </h5> 2658 2659 2660 </div> 2661 </div> 2662 2663 <div class="alterarpadd d-none col-12 p-5 info" id="info-27"> 2664 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 2665 style="min-height: 450px; border-radius:10px;"> 2666 2667 2668 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 2669 style="padding: 20px;"> 2670 <div> 2671 <h2 class="mb-4 text-center text-md-start"> 2672 <b>SECRETARIA MUNICIPAL DE SERVIÃOS URBANOS E INFRAESTRUTURA</b> 2673 </h2> 2674 </div> 2675 2676 <div class="flex-grow-1 d-flex align-items-center"> 2677 <p class="p-1 text-center text-md-start">A SSUI é responsável pela Limpeza Urbana, Microdrenagem urbana de vias não pavimentadas, Limpeza da orla da Laguna dos Patos, Manutenção da rede de iluminação pública, Manutenção de vias não pavimentadas (patrolamento e ensaibramento), Cemitério Municipal da Boa Vista, Banheiros Públicos e pela Fábrica de Brinquedos (confecção e implantação de brinquedos nas praças públicas).</p> 2678 </div> 2679 2680 <div class="mt-3 text-center text-md-start text-break" 2681 style="word-break: break-word; white-space: normal;"> 2682 2683 2684 </div> 2685 2686 </div> 2687 2688 2689 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 2690 style="padding: 20px;"> 2691 <img class="img-fluid mb-3 js-foto-secretario" 2692 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3e343ab07." 2693 alt="Foto do Secretário" 2694 style=""> 2695 2696 <div class="w-100 text-center text-md-end"> 2697 <h5 class="mb-1"> 2698 <a href="#" class="text-decoration-none text-break" 2699 data-bs-toggle="offcanvas" 2700 data-bs-target="#curriculo-secretaria-27" 2701 style="white-space: normal;
2701 color: #212529; word-break: break-word;"> 2702 <b>Mateus Consen <i 2703 class="fa-solid fa-file-lines"></i></b> 2704 </a> 2705 </h5> 2706 </div> 2707 2708 2709 </div> 2710 </div> 2711 </div> 2712 2713 2714 <!-- OFFCANVAS: Fora da estrutura de info --> 2715 <div class="offcanvas offcanvas-end" tabindex="-1" 2716 id="curriculo-secretaria-27" 2717 aria-labelledby="curriculoLabel-27"> 2718 <div class="offcanvas-header"> 2719 <h5 class="offcanvas-title" id="curriculoLabel-27"> 2720 CurrÃculo de Mateus Consen 2721 </h5> 2722 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 2723 aria-label="Fechar"></button> 2724 </div> 2725 <div class="offcanvas-body"> 2726 Mateus Consen é pelotense, professor de história e integra o movimento social de educação popular, Emancipa.<br /> 2727Foi assessor parlamentar da Assembleia Legislativa de 2017 a 202; e da Câmara de Vereadores de Pelotas, de 2021 a 2024. Durante esse tempo, fez o mapeamento de demandas sociais e trabalhou na captação de recursos parlamentares para cidades da Região Sul. 2728 </div> 2729 </div> 2730 2731 </div> 2732 <div class="col-lg-3 col-sm-6 col-md-6"> 2733 <div class = "g-2 p-2 card-sec " data-secretaria="28" 2734 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 2735 <div class="col-12 text-start"> 2736 2737 <p class="py-0 my-0">Secretaria 2738 municipal</p> 2739 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 2740 <b>DE TRANSPORTE E TRÃNSITO</b> 2741 </h5> 2742 2743 2744 </div> 2745 </div> 2746 2747 <div class="alterarpadd d-none col-12 p-5 info" id="info-28"> 2748 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 2749 style="min-height: 450px; border-radius:10px;"> 2750 2751 2752 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 2753 style="padding: 20px;"> 2754 <div> 2755 <h2 class="mb-4 text-center text-md-start"> 2756 <b>SECRETARIA MUNICIPAL DE TRANSPORTE E TRÃNSITO</b> 2757 </h2> 2758 </div> 2759 2760 <div class="flex-grow-1 d-flex align-items-center"> 2761 <p class="p-1 text-center text-md-start">A Secretaria de Transporte e Trânsito é responsável pela fiscalização, notificação e sinalização do trânsito no MunicÃpio de Pelotas. Funciona 24 horas por dia nos sete dias da semana, com equipes de Agentes de Trânsito atuando em plantões nos três turnos. Fiscaliza também o Transporte Coletivo, serviço de taxis e mototáxis, estacionamento rotativo na área central e o sistema semafórico em toda a cidade.</p> 2762 </div> 2763 2764 <div class="mt-3 text-center text-md-start text-break" 2765 style="word-break: break-word; white-space: normal;"> 2766 2767 <p class="mb-1 fw-bold"> 2768 <b>Telefone:</b> (53) 3199-8384 2769 </p> 2770 2771 <p class="mb-0 fw-bold"> 2772 <b>
2772E-mail:</b> [email protected] 2773 </p> 2774 </div> 2775 2776 </div> 2777 2778 2779 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 2780 style="padding: 20px;"> 2781 <img class="img-fluid mb-3 js-foto-secretario" 2782 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3cee07c87.jpeg" 2783 alt="Foto do Secretário" 2784 style=""> 2785 2786 <div class="w-100 text-center text-md-end"> 2787 <h5 class="mb-1"> 2788 <a href="#" class="text-decoration-none text-break" 2789 data-bs-toggle="offcanvas" 2790 data-bs-target="#curriculo-secretaria-28" 2791 style="white-space: normal; color: #212529; word-break: break-word;"> 2792 <b>Cláudio FabrÃcio Montanelli <i 2793 class="fa-solid fa-file-lines"></i></b> 2794 </a> 2795 </h5> 2796 </div> 2797 2798 2799 </div> 2800 </div> 2801 </div> 2802 2803 2804 <!-- OFFCANVAS: Fora da estrutura de info --> 2805 <div class="offcanvas offcanvas-end" tabindex="-1" 2806 id="curriculo-secretaria-28" 2807 aria-labelledby="curriculoLabel-28"> 2808 <div class="offcanvas-header"> 2809 <h5 class="offcanvas-title" id="curriculoLabel-28"> 2810 CurrÃculo de Cláudio FabrÃcio Montanelli 2811 </h5> 2812 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 2813 aria-label="Fechar"></button> 2814 </div> 2815 <div class="offcanvas-body"> 2816 .- 2817 </div> 2818 </div> 2819 2820 </div> 2821 <div class="col-lg-3 col-sm-6 col-md-6"> 2822 <div class = "g-2 p-2 card-sec " data-secretaria="16" 2823 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 2824 <div class="col-12 text-start"> 2825 2826 <p class="py-0 my-0">Secretaria 2827 municipal</p> 2828 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 2829 <b>DE TURISMO</b> 2830 </h5> 2831 2832 2833 </div> 2834 </div> 2835 2836 <div class="alterarpadd d-none col-12 p-5 info" id="info-16"> 2837 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 2838 style="min-height: 450px; border-radius:10px;"> 2839 2840 2841 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 2842 style="padding: 20px;"> 2843 <div> 2844 <h2 class="mb-4 text-center text-md-start"> 2845 <b>SECRETARIA MUNICIPAL DE TURISMO</b> 2846 </h2> 2847 </div> 2848 2849 <div class="flex-grow-1 d-flex align-items-center"> 2850 <p class="p-1 text-center text-md-start">A Secretaria Municipal de Turismo tem como função o planejamento, a fomentação, a regulamentação e c
2850oordenação e a fiscalização da atividade turÃstica, bem como a promoção e divulgação do turismo municipal.</p> 2851 </div> 2852 2853 <div class="mt-3 text-center text-md-start text-break" 2854 style="word-break: break-word; white-space: normal;"> 2855 2856 2857 <p class="mb-0 fw-bold"> 2858 <b>E-mail:</b> [email protected] 2859 </p> 2860 </div> 2861 2862 </div> 2863 2864 2865 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 2866 style="padding: 20px;"> 2867 <img class="img-fluid mb-3 js-foto-secretario" 2868 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_69d9216013cc0.png" 2869 alt="Foto do Secretário" 2870 style=""> 2871 2872 <div class="w-100 text-center text-md-end"> 2873 <h5 class="mb-1"> 2874 <a href="#" class="text-decoration-none text-break" 2875 data-bs-toggle="offcanvas" 2876 data-bs-target="#curriculo-secretaria-16" 2877 style="white-space: normal; color: #212529; word-break: break-word;"> 2878 <b>Jader Prestes <i 2879 class="fa-solid fa-file-lines"></i></b> 2880 </a> 2881 </h5> 2882 </div> 2883 2884 2885 </div> 2886 </div> 2887 </div> 2888 2889 2890 <!-- OFFCANVAS: Fora da estrutura de info --> 2891 <div class="offcanvas offcanvas-end" tabindex="-1" 2892 id="curriculo-secretaria-16" 2893 aria-labelledby="curriculoLabel-16"> 2894 <div class="offcanvas-header"> 2895 <h5 class="offcanvas-title" id="curriculoLabel-16"> 2896 CurrÃculo de Jader Prestes 2897 </h5> 2898 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 2899 aria-label="Fechar"></button> 2900 </div> 2901 <div class="offcanvas-body"> 2902 - 2903 </div> 2904 </div> 2905 2906 </div> 2907 <div class="col-lg-3 col-sm-6 col-md-6"> 2908 <div class = "g-2 p-2 card-sec " data-secretaria="20" 2909 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 2910 <div class="col-12 text-start"> 2911 2912 <p class="py-0 my-0">Secretaria 2913 municipal</p> 2914 <h5 style=" font-size:13pt ;font-family: 'Rawline-900'!important"> 2915 <b>DE URBANISMO</b> 2916 </h5> 2917 2918 2919 </div> 2920 </div> 2921 2922 <div class="alterarpadd d-none col-12 p-5 info" id="info-20"> 2923 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 2924 style="min-height: 450px; border-radius:10px;"> 2925 2926 2927 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" 2928 style="padding: 20px;"> 2929 <div> 2930 <h2 class="mb-4 text-center text-md-start"> 2931 <b>SECRETARIA MUNICIPAL DE URBANISMO</b> 2932 </h2> 2933 </div> 2934 2935 <div class="flex-grow-1 d-flex align-items-center"> 2936 <p class="p-1 text-center text-md-start">Secretaria Municipal de Urbanismo tem como objetivo cuidar do planejamento estrutural da cidade e da execução de suas ações, realizar o controle e fiscalização do uso e ocupação do solo, supervisionando obras e posturas, bem como planeja a organização do sistema viário da cidade em toda a sua extensão.</p> 2937 </div> 2938 2939 <div class="mt-3 text-center text-md-start text-break" 2940 style="word-break: break-word; white-space: normal;"> 2941 2942 2943 <p class="mb-0 fw-bold"> 2944 <b>
2944E-mail:</b> [email protected] 2945 </p> 2946 </div> 2947 2948 </div> 2949 2950 2951 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" 2952 style="padding: 20px;"> 2953 <img class="img-fluid mb-3 js-foto-secretario" 2954 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3e9c62a79." 2955 alt="Foto do Secretário" 2956 style=""> 2957 2958 <div class="w-100 text-center text-md-end"> 2959 <h5 class="mb-1"> 2960 <a href="#" class="text-decoration-none text-break" 2961 data-bs-toggle="offcanvas" 2962 data-bs-target="#curriculo-secretaria-20" 2963 style="white-space: normal; color: #212529; word-break: break-word;"> 2964 <b>Otávio Martins Peres <i 2965 class="fa-solid fa-file-lines"></i></b> 2966 </a> 2967 </h5> 2968 </div> 2969 2970 2971 </div> 2972 </div> 2973 </div> 2974 2975 2976 <!-- OFFCANVAS: Fora da estrutura de info --> 2977 <div class="offcanvas offcanvas-end" tabindex="-1" 2978 id="curriculo-secretaria-20" 2979 aria-labelledby="curriculoLabel-20"> 2980 <div class="offcanvas-header"> 2981 <h5 class="offcanvas-title" id="curriculoLabel-20"> 2982 CurrÃculo de Otávio Martins Peres 2983 </h5> 2984 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 2985 aria-label="Fechar"></button> 2986 </div> 2987 <div class="offcanvas-body"> 2988 Otávio Martins Peres é pelotense, arquiteto e urbanista, formado pela Universidade Federal do Rio Grande do Sul (UFRGS) em 2007; especialista em Gestão Regional de Recursos HÃdricos, em 2009; e mestre em Arquitetura e Urbanismo, em 2010, pela Universidade Federal de Pelotas (UFPel). Atualmente é doutorando em arquitetura e urbanismo, pela Universidade Federal de Santa Catarina (UFSC). <br /> 2989à professor adjunto da Faculdade de Arquitetura e Urbanismo da UFPel desde 2013. Foi pró-reitor de Planejamento da UFPel entre 2016 e 2020; e professor da Universidade Católica de Pelotas (UCPel).<br /> 2990Desenvolve atividades de ensino, pesquisa e extensão junto ao Laboratório de Urbanismo da UFPel, estuda processos de crescimento urbano e suas relações com o ambiente natural e a estrutura socioespacial. Atua em projetos sociais relacionados a polÃtica de planejamento urbano, com os movimentos sociais, na luta pela reforma urbana, pelas melhorias de condição de vida na cidade, e preservação ambiental. 2991 </div> 2992 </div> 2993 2994 </div> 2995 </div> 2996 </div> 2997 2998 <div class="row mx-0 pb-4" id="orgaos"> 2999 <h4 class="px-0 my-2 pt-3"> 3000 <img id="filtro-orgaos" src="https://pelotas.com.br/images/icones/indice-amarelo.png" alt=""> 3001 <b style="font-weight: 900">Ãrgãos</b> 3002 </h4> 3003 3004 <div class="org-grupos col-12 row g-2"> 3005 <div class="col-lg-3 col-sm-6 col-md-6"> 3006 <div class="p-2 card-sec" data-secretaria="13" 3007 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 3008 <div class="col-12 text-start"> 3009 <h5 style="font-family: 'Rawline-900'!important"> 3010 <b>COMPANHIA DE INFORMÃTICA DE PELOTAS </b> 3011 </h5> 3012 </div> 3013 </div> 3014 3015 <div class="alterarpadd d-none col-12 p-5 info" id="info-13"> 3016 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 3017 style="min-height: 450px; border-radius:10px;"> 3018 3019 3020 <div 3021 class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1"> 3022 <div> 3023 <h2 class="mb-4 text-center text-md-start"> 3024 <b>COMPANHIA DE INFORMÃTICA DE PELOTAS </b> 3025 </h2> 3026 </div> 3027 3028 <div class="flex-grow-1 d-flex align-items-center"> 3029 <p class="p-1 text-center text-md-start">A COINPEL é a Empresa de Informática Municipal que tem como objetivo prestar serviços na área da Tecnologia da Informação e Telecomunicações à Administração Pública direta e indireta, atuando n
3029a gestão dos processos e recursos destas tecnologias, compreendendo desenvolvimento de sistemas, aplicativos e equipamentos.</p> 3030 </div> 3031 3032 <div class="mt-3 text-center text-md-start text-break" 3033 style="word-break: break-word; white-space: normal;"> 3034 <p class="mb-1 fw-bold"> 3035 <b>Endereço:</b> Domingos José De Almeida , 1785, 3036 Areal 3037 </p> 3038 3039 <p class="mb-1 fw-bold"> 3040 <b>Telefone:</b> (53) 3199-0466 3041 </p> 3042 3043 <p class="mb-0 fw-bold"> 3044 <b>E-mail:</b> [email protected] 3045 </p> 3046 </div> 3047 3048 </div> 3049 3050 3051 <div 3052 class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2"> 3053 <img class="img-fluid mb-3 js-foto-secretario" 3054 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3e1e90358.jpeg" 3055 alt="Foto do Diretor" 3056 style=""> 3057 3058 <div class="w-100 text-center text-md-end"> 3059 <h5 class="mb-1"> 3060 <a href="#" class="text-decoration-none text-break" 3061 data-bs-toggle="offcanvas" 3062 data-bs-target="#curriculo-13" 3063 style="white-space: normal; color: #212529; word-break: break-word;"> 3064 <b>Marlise Sinigaglia <i class="fa-solid fa-file-lines"></i></b> 3065 </a> 3066 </h5> 3067 </div> 3068 3069 </div> 3070 3071 </div> 3072 </div> 3073 3074 3075 3076 3077 3078 3079 <div class="offcanvas offcanvas-end" tabindex="-1" 3080 id="curriculo-13" 3081 aria-labelledby="curriculoLabel-13"> 3082 <div class="offcanvas-header"> 3083 <h5 class="offcanvas-title" id="curriculoLabel-13"> 3084 CurrÃculo de Marlise Sinigaglia 3085 </h5> 3086 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 3087 aria-label="Fechar"></button> 3088 </div> 3089 <div class="offcanvas-body"> 3090 Marlise Sinigaglia é técnica em contabilidade e graduada em administração pela Unopar. Especialista em Gestão Estratégica de Negócios, pela Universidade Federal de Pelotas (UFPel); em Hipnose ClÃnica e Terapêutica pela Faculdade JK, em BrasÃlia; e mestranda em Neuromanagement e Gestão de Talento, pela Universidade Isep.<br /> 3091Nasceu em Tucunduva, municÃpio no norte do Estado, e mora em Pelotas de
3091sde o ano 2000. 3092 </div> 3093 </div> 3094 </div> 3095 <div class="col-lg-3 col-sm-6 col-md-6"> 3096 <div class="p-2 card-sec" data-secretaria="7" 3097 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 3098 <div class="col-12 text-start"> 3099 <h5 style="font-family: 'Rawline-900'!important"> 3100 <b>EMPRESA MUNICIPAL DO TERMINAL RODOVIÃRIO DE PELOTAS </b> 3101 </h5> 3102 </div> 3103 </div> 3104 3105 <div class="alterarpadd d-none col-12 p-5 info" id="info-7"> 3106 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 3107 style="min-height: 450px; border-radius:10px;"> 3108 3109 3110 <div 3111 class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1"> 3112 <div> 3113 <h2 class="mb-4 text-center text-md-start"> 3114 <b>EMPRESA MUNICIPAL DO TERMINAL RODOVIÃRIO DE PELOTAS </b> 3115 </h2> 3116 </div> 3117 3118 <div class="flex-grow-1 d-flex align-items-center"> 3119 <p class="p-1 text-center text-md-start">Rodoviária de pelotas - Realizar serviços com ética valorização e respeito pelos usuários e comunidade em geral.</p> 3120 </div> 3121 3122 <div class="mt-3 text-center text-md-start text-break" 3123 style="word-break: break-word; white-space: normal;"> 3124 <p class="mb-1 fw-bold"> 3125 <b>Endereço:</b> João Goulart , 4605, 3126 Centro 3127 </p> 3128 3129 <p class="mb-1 fw-bold"> 3130 <b>Telefone:</b> (53) 2222-0045 3131 </p> 3132 3133 <p class="mb-0 fw-bold"> 3134 <b>E-mail:</b> [email protected] 3135 </p> 3136 </div> 3137 3138 </div> 3139 3140 3141 <div 3142 class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2"> 3143 <img class="img-fluid mb-3 js-foto-secretario" 3144 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3c6225b9a.jpeg" 3145 alt="Foto do Diretor" 3146 style=""> 3147 3148 <div class="w-100 text-center text-md-end"> 3149 <h5 class="mb-1"> 3150 <a href="#" class="text-decoration-none text-break" 3151 data-bs-toggle="offcanvas" 3152 data-bs-target="#curriculo-7" 3153 style="white-space: normal;
3153 color: #212529; word-break: break-word;"> 3154 <b>Afrânio da Silva <i class="fa-solid fa-file-lines"></i></b> 3155 </a> 3156 </h5> 3157 </div> 3158 3159 </div> 3160 3161 </div> 3162 </div> 3163 3164 3165 3166 3167 3168 3169 <div class="offcanvas offcanvas-end" tabindex="-1" 3170 id="curriculo-7" 3171 aria-labelledby="curriculoLabel-7"> 3172 <div class="offcanvas-header"> 3173 <h5 class="offcanvas-title" id="curriculoLabel-7"> 3174 CurrÃculo de Afrânio da Silva 3175 </h5> 3176 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 3177 aria-label="Fechar"></button> 3178 </div> 3179 <div class="offcanvas-body"> 3180 - 3181 </div> 3182 </div> 3183 </div> 3184 <div class="col-lg-3 col-sm-6 col-md-6"> 3185 <div class="p-2 card-sec" data-secretaria="10" 3186 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 3187 <div class="col-12 text-start"> 3188 <h5 style="font-family: 'Rawline-900'!important"> 3189 <b>INSTITUTO DE PREVIDÃNCIA DOS SERVIDORES PÃBLICOS DE PELOTAS </b> 3190 </h5> 3191 </div> 3192 </div> 3193 3194 <div class="alterarpadd d-none col-12 p-5 info" id="info-10"> 3195 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 3196 style="min-height: 450px; border-radius:10px;"> 3197 3198 3199 <div 3200 class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1"> 3201 <div> 3202 <h2 class="mb-4 text-center text-md-start"> 3203 <b>INSTITUTO DE PREVIDÃNCIA DOS SERVIDORES PÃBLICOS DE PELOTAS </b> 3204 </h2> 3205 </div> 3206 3207 <div class="flex-grow-1 d-flex align-items-center"> 3208 <p class="p-1 text-center text-md-start">O Instituto de Previdência dos Servidores Públicos Municipais de Pelotas - Prevpel, foi instituÃdo pela Lei Municipal n° 4.457, sob a forma autarquia. Possui sede própria. 3209à responsável pela administração do Regime Próprio de Previdência dos Servidores Públicos Municipais de Pelotas - RPPS, do qual são segurados exclusivamente os servidores titulares de cargo efetivo do MunicÃpio, bem como, gestor do Fundo de Assistência Médica - FAM. 3210Gestão</p> 3211 </div> 3212 3213 <div class="mt-3 text-center text-md-start text-break" 3214 style="word-break: break-word; white-space: normal;"> 3215 <p class="mb-1 fw-bold"> 3216 <b>Endereço:</b> Anchieta , 2035, 3217 Centro 3218 </p> 3219 3220 <p class="mb-1 fw-bold"> 3221 <b>Telefone:</b> (53) 3222-3855 3222 </p> 3223 3224 <p class="mb-0 fw-bold"> 3225 <b>
3225E-mail:</b> [email protected] 3226 </p> 3227 </div> 3228 3229 </div> 3230 3231 3232 <div 3233 class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2"> 3234 <img class="img-fluid mb-3 js-foto-secretario" 3235 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3ec12c1ca." 3236 alt="Foto do Diretor" 3237 style=""> 3238 3239 <div class="w-100 text-center text-md-end"> 3240 <h5 class="mb-1"> 3241 <a href="#" class="text-decoration-none text-break" 3242 data-bs-toggle="offcanvas" 3243 data-bs-target="#curriculo-10" 3244 style="white-space: normal; color: #212529; word-break: break-word;"> 3245 <b>Renato Abreu <i class="fa-solid fa-file-lines"></i></b> 3246 </a> 3247 </h5> 3248 </div> 3249 3250 </div> 3251 3252 </div> 3253 </div> 3254 3255 3256 3257 3258 3259 3260 <div class="offcanvas offcanvas-end" tabindex="-1" 3261 id="curriculo-10" 3262 aria-labelledby="curriculoLabel-10"> 3263 <div class="offcanvas-header"> 3264 <h5 class="offcanvas-title" id="curriculoLabel-10"> 3265 CurrÃculo de Renato Abreu 3266 </h5> 3267 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 3268 aria-label="Fechar"></button> 3269 </div> 3270 <div class="offcanvas-body"> 3271 Renato Abreu, que é formado em Processos Gerenciais pela Universidade Federal de Pelotas (UFPel), funcionário do Sanep há 22 anos, e também foi sindicalista, atuando no Sinsapel. 3272 </div> 3273 </div> 3274 </div> 3275 <div class="col-lg-3 col-sm-6 col-md-6"> 3276 <div class="p-2 card-sec" data-secretaria="9" 3277 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 3278 <div class="col-12 text-start"> 3279 <h5 style="font-family: 'Rawline-900'!important"> 3280 <b>SERVIÃO AUTÃNOMO DE SANEAMENTO DE PELOTAS </b> 3281 </h5> 3282 </div> 3283 </div> 3284 3285 <div class="alterarpadd d-none col-12 p-5 info" id="info-9"> 3286 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 3287 style="min-height: 450px; border-radius:10px;"> 3288 3289 3290 <div 3291 class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1"> 3292 <div> 3293 <h2 class="mb-4 text-center text-md-start"> 3294 <b>SERVIÃO AUTÃNOMO DE SANEAMENTO DE PELOTAS </b> 3295 </h2> 3296 </div> 3297 3298 <div class="flex-grow-1 d-flex align-items-center"> 3299 <p class="p-1 text-center text-md-start">Localizam-se aqui Atendimento ao público, Serviço Social, Direção, Consultoria JurÃdica, Assessoria de Planejamento, Superintendência Administrativa, Superintendência Operacional, Superintendência Industrial, Departamento Administrativo, Departamento de Materiais, Departamento de Recursos humanos, Departamento Financeiro.</p> 3300 </div> 3301 3302 <div class="mt-3 text-center text-md-start text-break" 3303 style="word-break: break-word; white-space: normal;"> 3304 <p class="mb-1 fw-bold"> 3305 <b>Endereço:</b> Félix Da Cunha , 653, 3306 Centro 3307 </p> 3308 3309 <p class="mb-1 fw-bold"> 3310 <b>Telefone:</b> (53) 3026-1104 3311 </p> 3312 3313 <p class="mb-0 fw-bold"> 3314 <b>
3314E-mail:</b> [email protected] 3315 </p> 3316 </div> 3317 3318 </div> 3319 3320 3321 <div 3322 class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2"> 3323 <img class="img-fluid mb-3 js-foto-secretario" 3324 src="https://gdpel.pelotas.rs.gov.br/arquivos/img_secretaria/secretario_699c3d4759bcc.jpeg" 3325 alt="Foto do Diretor" 3326 style=""> 3327 3328 <div class="w-100 text-center text-md-end"> 3329 <h5 class="mb-1"> 3330 <a href="#" class="text-decoration-none text-break" 3331 data-bs-toggle="offcanvas" 3332 data-bs-target="#curriculo-9" 3333 style="white-space: normal; color: #212529; word-break: break-word;"> 3334 <b>Ellemar Wojahn <i class="fa-solid fa-file-lines"></i></b> 3335 </a> 3336 </h5> 3337 </div> 3338 3339 </div> 3340 3341 </div> 3342 </div> 3343 3344 3345 3346 3347 3348 3349 <div class="offcanvas offcanvas-end" tabindex="-1" 3350 id="curriculo-9" 3351 aria-labelledby="curriculoLabel-9"> 3352 <div class="offcanvas-header"> 3353 <h5 class="offcanvas-title" id="curriculoLabel-9"> 3354 CurrÃculo de Ellemar Wojahn 3355 </h5> 3356 <button type="button" class="btn-close" data-bs-dismiss="offcanvas" 3357 aria-label="Fechar"></button> 3358 </div> 3359 <div class="offcanvas-body"> 3360 Ellemar Wojahn é engenheiro agrônomo pela Universidade Federal de Pelotas (UFPel), e especialista em Cooperativismo pela Unisinos. Foi secretário de Desenvolvimento Rural de Pelotas, de 2001 a 2003, e secretário de Governo em 2004. Entre os anos de 2021 e 2024, foi diretor da Cooperativa Mista de Pequenos Agricultores da Região Sul/Pomerano de São Lourenço do Sul.<br /> 3361à natural de Tucunduva, municÃpio no norte do Estado, mas vive em Pelotas há 30 anos, além de outros momentos em que morou na cidade, como durante a faculdade de Agronomia, no fim dos anos 1970 e inÃcio dos 1980. 3362 </div> 3363 </div> 3364 </div> 3365 </div> 3366 </div> 3367 3368 3369 </div> 3370 </div> 3371 </div> 3372</main> 3373 3374<style> 3375 /* Botão flutuante principal */ 3376 .btn-accessibility-trigger { 3377 position: fixed; 3378 right: 7px; 3379 top: 105px; 3380 z-index: 3000; 3381 width: 47px; 3382 height: 47px; 3383 border: none; 3384 background: transparent; 3385 transition: transform 0.2s; 3386 } 3387 3388 .btn-accessibility-trigger:hover { 3389 transform: scale(1.1); 3390 } 3391 3392 .btn-accessibility-trigger img { 3393 width: 100%; 3394 height: auto; 3395 } 3396 3397 /* O Painel/Menu */ 3398 .accessibility-panel { 3399 display: none; 3400 position: fixed; 3401 right: 60px; 3402 top: 105px; 3403 width: 200px; 3404 background-color: #f8f9fa; 3405 border: 1px solid #ddd; 3406 border-radius: 8px; 3407 box-shadow: 0 4px 15px rgba(0, 0, 0, 0.2); 3408 padding: 15px; 3409 z-index: 3000; 3410 font-family: sans-serif; 3411 } 3412 3413 /* Linha dos botões de fonte */ 3414 .access-row-font { 3415 display: flex; 3416 justify-content: space-between; 3417 margin-bottom: 10px; 3418 } 3419 3420 .btn-font-control { 3421 background: #fff; 3422 border: 1px solid #333; 3423 color: #333; 3424 width: 48%; 3425 padding: 5px; 3426 border-radius: 4px; 3427 font-weight: bold; 3428 font-size: 14px; 3429 cursor: pointer; 3430 transition: background 0.2s; 3431 } 3432 3433 .btn-font-control:hover { 3434 background: #e2e6ea; 3435 } 3436 3437 /* Texto de atalhos */ 3438 .access-shortcuts { 3439 font-size: 11px; 3440 color: #555; 3441 text-align: center; 3442 margin-bottom: 10px; 3443 border-bottom: 1px solid #eee; 3444 padding-bottom: 5px; 3445 } 3446 3447 /* Botão de Contraste */ 3448 .btn-contrast { 3449 width: 100%; 3450 background-color: #333; 3451 color: #fff; 3452 border: none; 3453 padding: 8px; 3454 border-radius: 4px; 3455 font-size: 12px; 3456 cursor: pointer; 3457 display: flex; 3458 align-items: center; 3459 justify-content: center; 3460 gap: 5px; 3461 } 3462 3463 .btn-contrast:hover { 3464 background-color: #000; 3465 } 3466 3467 /* Estado ativo do contraste (opcional, para mudar cor se estiver ligado) */ 3468 .btn-contrast.active { 3469 background-color: #0056b3; 3470 /* Ex: Azul quando ativo */ 3471 } 3472 3473 @media (max-width: 768px) { 3474 .btn-accessibility-trigger { 3475 top: 43%; 3476 transform: translateY(-50%); 3477 } 3478 3479 .btn-accessibility-trigger:hover { 3480 transform: translateY(-50%) scale(1.1); 3481 } 3482 3483 .accessibility-panel { 3484 top: 50%; 3485 transform: translateY(-50%); 3486 } 3487 } 3488</style> 3489 3490 3491 3492<button type="button" id="btn_accessiblity" class="btn-accessibility-trigger" 3493 aria-controls="accessibility" aria-expanded="false" aria-label="Abrir menu de acessibilidade"> 3494 <img src="https://pelotas.com.br/images/icones/ACESSIBILIDADE BOTAO.png" alt="Ãcone de acessibilidade"> 3495</button> 3496 3497<div id="accessibility" class="accessibility accessibility-panel" role="region" aria-label="Opções de acessibilidade"> 3498
3499 <input type="hidden" id="input_accessibility" value="0"> 3500 3501 <div class="access-row-font"> 3502 <button type="button" id="font_decrease" class="btn-font-control" aria-label="Diminuir fonte"> 3503 A- 3504 </button> 3505 <button type="button" id="font_increase" class="btn-font-control" aria-label="Aumentar fonte"> 3506 A+ 3507 </button> 3508 </div> 3509 3510 <div class="access-shortcuts"> 3511 Alt+1 (conteúdo) ⢠Alt+2 (menu) <br> 3512 Alt+3 (busca) ⢠Alt+4 (rodapé) 3513 </div> 3514 3515 3516 <button type="button" id="contraste" class="btn-contrast " 3517 aria-pressed="false"> 3518 3519 <span> 3520 Alto contraste desligado 3521 </span> 3522 </button> 3523 3524 <input type="hidden" id="input_contraste" class="input_contraste" value="0"> 3525</div> 3526
3527<script> 3528 window.__accessibilityHandlerBound = true; 3529 3530 document.addEventListener('click', function(event) { 3531 const trigger = event.target.closest('#btn_accessiblity'); 3532 if (!trigger) { 3533 return; 3534 } 3535 3536 const panel = document.getElementById('accessibility'); 3537 if (!panel) { 3538 return; 3539 } 3540 3541 const isVisible = panel.style.display !== 'none' && panel.offsetParent !== null; 3542 panel.style.display = isVisible ? 'none' : 'block'; 3543 panel.setAttribute('aria-hidden', isVisible ? 'true' : 'false'); 3544 trigger.setAttribute('aria-expanded', isVisible ? 'false' : 'true'); 3545 }); 3546</script>
3546 3547<!------------------------------------------------------------SCRIPTS SELEÃÃO PÃBLICA----------------------> 3548 3549
3550<script src="https://code.jquery.com/jquery-3.6.0.min.js"></script>
vendor: 1 bytes, line 3550
3550
3551<script src="/js/app.js"></script>
3551 3552 3553<div vw class="enabled" aria-hidden="true"> 3554 <div vw-access-button class="active"></div> 3555 <div vw-plugin-wrapper> 3556 <div class="vw-plugin-top-wrapper"></div> 3557 </div> 3558</div>
3559<script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script>
vendor: 1 bytes, line 3559
3559
3560<script> 3561 new window.VLibras.Widget('https://vlibras.gov.br/app'); 3562</script>
3562 3563 3564 3565
3566<script type="text/javascript"> 3567 $('.service_name').addClass('text-white'); 3568 3569 var element = $(".block-double-text"); 3570 3571 if (element.length > 0) { 3572 var backgroundColor = element.css("background-color"); 3573 3574 if (backgroundColor) { 3575 backgroundColor = backgroundColor.replace(/\s/g, ""); 3576 var disableAccessibility = $('body').hasClass('disable-accessibility'); 3577 3578 if (disableAccessibility && backgroundColor === "rgb(59,59,69)") { 3579 $("#btn_accessiblity").remove(); 3580 } 3581 } 3582 } 3583 3584 3585 3586 $(document).ready(function() { 3587 3588 // Variável global para armazenar o número total de notÃcias 3589 var totalNoticias = 0; 3590 3591 // Mais notÃcias 3592 $('.icon-right').on('click', function() { 3593 setTimeout(() => { 3594 $('.icon-right').css('filter', 'brightness(3)'); 3595 }, 150); 3596 $('.icon-right').css('filter', 'brightness(0)'); 3597 3598 var offset = parseInt($("#contagem_mais_noticias").val()); 3599 offset += 1; 3600 3601 // Verifica se o offset ultrapassa o número total de notÃcias 3602 if (offset >= totalNoticias) { 3603 offset = totalNoticias - 1; // Mantém o offset no último Ãndice válido 3604 $("#contagem_mais_noticias").val(offset); 3605 return; // Sai da função sem fazer a solicitação 3606 } 3607 3608 $("#contagem_mais_noticias").val(offset); 3609 3610 // Envia para a rota 3611 $.ajax({ 3612 type: 'POST', 3613 url: "https://pelotas.com.br/novo-layout-home2/%22%20+%20offset%20+%20%22", 3614 headers: { 3615 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 3616 }, 3617 dataType: 'json', 3618 data: { 3619 'contagem': offset 3620 }, 3621 success: function(response) { 3622 3623 const obj = JSON.parse(response['posts'][0]['text']); 3624 3625 $('.top_news').remove(); 3626 $('.text-news').append('<a class="top_news" href="/noticia/' + 3627 response['posts'][0]['slug'] + '"><strong>' + response['posts'][ 3628 0 3629 ]['title'] + ': </strong>' + obj['blocks'][0]['text'] + '</a>'); 3630 }, 3631 }); 3632 }); 3633 3634 // Menos notÃcias 3635 $('.icon-left').on('click', function() { 3636 setTimeout(() => { 3637 $('.icon-left').css('filter', 'brightness(3)'); 3638 }, 150); 3639 $('.icon-left').css('filter', 'brightness(0)'); 3640 3641 var offset = parseInt($("#contagem_mais_noticias").val()); 3642 offset -= 1; 3643 3644 // Verifica se o offset é menor que zero 3645 if (offset < 0) { 3646 offset = 0; // Mantém o offset no primeiro Ãndice válido 3647 $("#contagem_mais_noticias").val(offset); 3648 return; // Sai da função sem fazer a solicitação 3649 } 3650 3651 $("#contagem_mais_noticias").val(offset); 3652 3653 // Envia para a rota 3654 $.ajax({ 3655 type: 'POST', 3656 url: "https://pelotas.com.br/novo-layout-home2/%22%20+%20offset%20+%20%22", 3657 headers: { 3658 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 3659 }, 3660 dataType: 'json', 3661 data: { 3662 'contagem': offset 3663 }, 3664 success: function(response) { 3665 3666 const obj = JSON.parse(response['posts'][0]['text']); 3667 $('.top_news').remove(); 3668 $('.text-news').append('<a class="top_news" href="/noticia/' + 3669 response['posts'][0]['slug'] + '"><strong>' + response['posts'][ 3670 0 3671 ]['title'] + ': </strong>' + obj['blocks'][0]['text'] + '</a>'); 3672 }, 3673 }); 3674 }); 3675 3676 3677 $(window).scroll(function(event) { 3678 3679 var scroll = $(window).scrollTop(); 3680 3681 $('.menu-interno').addClass('menu-links-black'); //menu interno sempre terá a mesma cor 3682 3683 if (scroll >= 50) { 3684 $('.menu-home').addClass('menu-fixed shadow'); 3685 } else { 3686 $('.menu-home').removeClass('menu-fixed shadow'); 3687 } 3688 }); 3689 3690 //Acessibilidade 3691 if (!window.__accessibilityHandlerBound) { 3692 $('#btn_accessiblity').on('click', function() { 3693 var $panel = $('.accessibility'); 3694 var isVisible = $panel.is(':visible'); 3695 3696 $panel.toggle(!isVisible); 3697 $panel.attr('aria-hidden', isVisible ? 'true' : 'false'); 3698 $('#btn_accessiblity').attr('aria-expanded', isVisible ? 'false' : 'true'); 3699 }); 3700 } 3701 3702 function setFontSizeZoom(tamanho_fonte) { 3703 tamanho_fonte = parseInt(tamanho_fonte, 10); 3704 3705 if (isNaN(tamanho_fonte) || tamanho_fonte < -3 || tamanho_fonte > 3) { 3706 console.error('Valor invalido para o zoom:', tamanho_fonte); 3707 return; 3708 } 3709 3710 const array_tamanho = {
3711 '-3': '67%', 3712 '-2': '80%', 3713 '-1': '90%', 3714 '0': '100%', 3715 '1': '110%', 3716 '2': '120%', 3717 '3': '133%', 3718 }; 3719 3720 $('body').css('zoom', array_tamanho[tamanho_fonte]); 3721 } 3722 3723 function persistContrastState(value) { 3724 try { 3725 localStorage.setItem('acessibilidade_contraste', value); 3726 } catch (e) { 3727 // ignore storage errors (private mode, etc) 3728 } 3729 } 3730 3731 function persistFontSize(value) { 3732 try { 3733 localStorage.setItem('acessibilidade_fonte', value); 3734 } catch (e) { 3735 // ignore storage errors (private mode, etc) 3736 } 3737 } 3738 3739 // Contraste click 3740 $('#contraste').on('click', function() { 3741 3742 $('#contraste').empty(); 3743 $('#contraste').append('Alto contraste ligado'); 3744 3745 console.log($('#input_contraste').val()); 3746 3747 if ($('#input_contraste').val() == 0) { 3748 3749 contraste = 1; 3750 3751 // Atualiza o texto e o valor do input 3752 $('#contraste').empty(); 3753 $('#contraste').append('Alto contraste ligado'); 3754 $('#contraste').attr('aria-pressed', 'true'); 3755 $('#input_contraste').val(1); 3756 persistContrastState('1'); 3757 3758 // Altera a cor dos textos para branco (#fff) 3759 $('h1, h2, h3, h4, h5, h6, p, a, span, label, .accordion-button').addClass( 3760 'text-white'); 3761 $('h1, h2, h3, h4, h5, h6, p, a, span, label, .accordion-button, .service_name') 3762 .removeClass('text-dark'); 3763 $('img, .btn_galeria').css('filter', 'grayscale(1)'); 3764 $('.icon-service').css('filter', 'grayscale(1) invert(1)'); 3765 $('#body-site').css('background-color', '#000'); 3766 $('.servicos, .portal-educacao, .portal-saude, .portal-cultura, .btn_acessar, .btn_flickr') 3767 .css('filter', 'grayscale(1)'); 3768 $('.accordion-button, .accordion-body, .info-collapsed').removeClass('bg-white') 3769 .addClass('bg-dark'); 3770 3771 // MANTEM O TEXTO PRETO 3772 $('.btn_acessar_black').removeClass('text-white').addClass('text-dark'); 3773 3774 //SECRETARIAS E ORGAOS 3775 $('.card-sec').css('border', '1px solid #fff'); 3776 $('.card-sec').hover(function() { 3777 $(this).css('background-color', '#000'); 3778 }, function() { 3779 $(this).css("background-color", "transparent"); 3780 }); 3781 $('.info .bg-white').removeClass('bg-white').addClass('bg-dark'); 3782 3783 if ($('table thead').hasClass('thead-dark')) { 3784 $('table thead').removeClass('thead-dark').addClass('thead-light'); 3785 $('table thead, table tbody, table tbody tr:nth-of-type(2n+1)').css('color', 3786 '#fff'); 3787 $('table').css('background-color', 'transparent').addClass('bg-dark'); 3788 } 3789 3790 $('.btn_galeria').css('background-color', '#202020'); 3791 $('.span-galeria').removeClass('text-white').css('color', '#FBCA0C'); 3792 $('.flecha-preta').addClass('d-none'); 3793 $('.flecha-amarela').removeClass('d-none'); 3794 3795 // MANTEM O TEXTO BRANCO 3796 $('.span-flickr, .portal-educacao, .portal-saude, .portal-cultura, .btn_acessar_white, .service_name, #contraste, .endereco, #pelotas_conectada, #development_by, .top_news, .field-search, .accordion-link, .title-last-news') 3797 .removeClass('text-dark').addClass('text-white'); 3798 } else { 3799 3800 contraste = 0; 3801 3802 // Atualiza o texto e o valor do input 3803 $('#contraste').empty(); 3804 $('#contraste').append('Alto contraste desligado'); 3805 $('#contraste').attr('aria-pressed', 'false'); 3806 $('#input_contraste').val(0);
3807 persistContrastState('0'); 3808 3809 $('img').css('filter', 'grayscale(0)'); 3810 $('.icon-service').css('filter', 'grayscale(0)'); 3811 $('#body-site').css('background-color', '#f2f2f2'); 3812 $('.servicos, .portal-educacao, .portal-saude, .portal-cultura, .btn_flickr, .btn_galeria') 3813 .css('filter', 'grayscale(0)'); 3814 3815 //SECRETARIAS E ORGAOS 3816 $('.card-sec').css('border', '1px solid #000'); 3817 $('.card-sec').hover(function() { 3818 $(this).css('background-color', '#eee'); 3819 }, function() { 3820 $(this).css("background-color", "transparent"); 3821 }); 3822 $('.info .bg-dark').removeClass('bg-dark').addClass('bg-white'); 3823 3824 $('.info-collapsed').removeClass('bg-dark').addClass('bg-white'); 3825 $('.accordion-button, .accordion-body').addClass('bg-white'); 3826 3827 if ($('table thead').hasClass('thead-light')) { 3828 $('table thead').removeClass('thead-light').addClass('thead-dak'); 3829 $('table thead, table tbody, table tbody tr:nth-of-type(2n+1)').css('color', 3830 '#212529'); 3831 $('table').removeClass('bg-dark').css('background-color', '#f2f2f2'); 3832 } 3833 3834 $('.btn_galeria').css('background-color', '#FBCA0C'); 3835 $('.span-galeria').css('color', '#202020'); 3836 $('.flecha-preta').removeClass('d-none'); 3837 $('.flecha-amarela').addClass('d-none'); 3838 3839 // MANTEM O TEXTO PRETO 3840 $('h1, h2, h3, h4, h5, h6, p, a, span, label, .accordion-buttonm .btn_acessar_black') 3841 .removeClass('text-white').addClass('text-dark'); 3842 3843 // MANTEM O TEXTO BRANCO 3844 $('.span-flickr, .portal-educacao, .portal-saude, .portal-cultura, .btn_acessar_white, .service_name, #contraste, .endereco, #pelotas_conectada, #development_by, .top_news, .field-search, .accordion-link, .title-last-news') 3845 .removeClass('text-dark').addClass('text-white'); 3846 $('.footer p, .footer a, .footer h5, .footer h3').removeClass('text-dark').addClass( 3847 'text-white'); 3848 } 3849 3850 }); 3851 3852 $('#btn_whatspel').on('click', function() { 3853 $('.dialog_whatspel').css('display', 'block'); 3854 }); 3855 3856 function adjustFontSize(delta) { 3857 var current = parseInt($('#input_accessibility').val(), 10); 3858 if (isNaN(current)) { 3859 current = 0; 3860 } 3861 3862 var next = current + delta; 3863 if (next < -3) { 3864 next = -3; 3865 } 3866 if (next > 3) { 3867 next = 3; 3868 } 3869 3870 $('#input_accessibility').val(next); 3871 setFontSizeZoom(next); 3872 persistFontSize(next); 3873 } 3874 3875 $('#font_decrease').on('click', function() { 3876 adjustFontSize(-1); 3877 }); 3878 3879 $('#font_increase').on('click', function() { 3880 adjustFontSize(1); 3881 }); 3882 3883 (function restoreAccessibilityPrefs() { 3884 try { 3885 var savedContrast = localStorage.getItem('acessibilidade_contraste'); 3886 var savedFont = localStorage.getItem('acessibilidade_fonte'); 3887 3888 if (savedFont !== null) { 3889 $('#input_accessibility').val(savedFont); 3890 setFontSizeZoom(savedFont); 3891 } 3892 3893 if (savedContrast === '1' && $('#input_contraste').val() == 0) { 3894 $('#contraste').trigger('click'); 3895 } 3896 } catch (e) { 3897 // ignore storage errors 3898 } 3899 })(); 3900 3901 document.addEventListener('keydown', function(event) { 3902 var target = event.target; 3903 var isEditable = target && (target.isContentEditable || 3904 ['INPUT', 'TEXTAREA', 'SELECT'].includes(target.tagName)); 3905 3906 if (isEditable || !event.altKey || event.ctrlKey || event.metaKey) { 3907 return; 3908 } 3909 3910 var shortcutMap = { 3911 '1': 'conteudo-principal', 3912 '2': 'menu-principal', 3913 '3': 'busca', 3914 '4': 'rodape', 3915 }; 3916 3917 var key = event.key; 3918 var targetId = shortcutMap[key]; 3919 if (!targetId) { 3920 return; 3921 } 3922 3923 var destination = document.getElementById(targetId); 3924 if (!destination && (targetId === 'rodape' || targetId === 'busca')) { 3925 var candidates = document.querySelectorAll('#' + targetId); 3926 for (var i = 0; i < candidates.length; i++) { 3927 if (candidates[i].offsetParent !== null) { 3928 destination = candidates[i]; 3929 break; 3930 } 3931 } 3932 } 3933 3934 if (!destination && targetId === 'rodape') { 3935 var footerSelectors = ['.box-footer', '.footer-desktop', 'footer']; 3936 for (var s = 0; s < footerSelectors.length && !destination; s++) { 3937 var nodes = document.querySelectorAll(footerSelectors[s]); 3938 for (var j = 0; j < nodes.length; j++) { 3939 if (nodes[j].offsetParent !== null) { 3940 destination = nodes[j]; 3941 break; 3942 } 3943 } 3944 } 3945 } 3946 if (!destination) { 3947 return; 3948 } 3949 3950 event.preventDefault(); 3951 3952 if (targetId === 'busca') { 3953 destination.click(); 3954 return; 3955 } 3956 3957 if (!destination.hasAttribute('tabindex')) { 3958 destination.setAttribute('tabindex', '-1'); 3959 } 3960 destination.focus({ 3961 preventScroll: true 3962 }); 3963 destination.scrollIntoView({ 3964 behavior: 'smooth', 3965 block: 'start' 3966 }); 3967 }); 3968 3969 3970 //BUSCADOR 3971 3972 function buscarConteudoMenu() { 3973 $('.search__results .result, .search__results .results__sec').removeClass('active'); 3974 $('.search__results p.nothing, .search__results p.error,.search__results p.searching') 3975 .removeClass( 3976 'active'); 3977 3978 $('.search__results,.search__results p.searching').addClass('active'); 3979 3980 //Consulta para o novo buscador 2023 3981 3982 3983 palavra_pesquisada = $('#search_field').val(); 3984 3985 const url5 = 'search/buscador-portalpelotas--services-posts?search_field=' + encodeURIComponent( 3986 palavra_pesquisada.substring(0, 30)); 3987 3988 $.ajax({ 3989 url: url5, 3990 //data : query, 3991 // data: { 3992 // pesquisa:'coinpel', 3993 // }, 3994 headers: { 3995 'Content-Type': 'application/json', 3996 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 3997 }, 3998 type: 'POST', 3999 dataType: 'json', 4000 //cache: false, 4001 success: function(data) { 4002 4003 //console.log(data.results.hits.total['value']); 4004 4005 var serviceHits = data.results && data.results.hits ? data.results : data; 4006 var totalServicos = serviceHits.hits && serviceHits.hits.total ? serviceHits.hits.total : 0; 4007 if (typeof totalServicos === 'object') { 4008 totalServicos = totalServicos.value || 0; 4009 } 4010 4011 resultados_servicos = totalServicos; 4012 titulo_servico = []; 4013 link = []; 4014 categoria = []; 4015 descricao = []; 4016 4017 if (resultados_servicos != 0) { 4018 4019 nro_resultado_buscador = resultados_servicos; 4020 // titulo_servico = data.results.hits.hits[0]._source['titulo']; 4021 // // titulo_servico.push(data.results.hits.hits[resultados_servicos]._source['titulo']); 4022 // link = data.results.hits.hits[0]._source['url']; 4023 // categoria = data.results.hits.hits[0]._source['categoria']; 4024 // descricao = data.results.hits.hits[0]._source['descricao']; 4025 4026 4027 4028 while (resultados_servicos--) { 4029 4030 4031 titulo_servico.push(serviceHits.hits.hits[resultados_servicos] 4032 ._source[ 4033 'titulo']); 4034 link.push(serviceHits.hits.hits[resultados_servicos]._source[ 4035 'url']); 4036 categoria.push(serviceHits.hits.hits[resultados_servicos] 4037 ._source[ 4038 'categoria']); 4039 descricao.push(serviceHits.hits.hits[resultados_servicos] 4040 ._source[ 4041 'descricao']); 4042 4043 // console.log(titulo_servico[0]); 4044 } 4045 4046 } 4047 //console.log('teste'); 4048 //window.location.href = url; 4049 }, 4050 error: function(xhr, status, error) { 4051 console.log(xhr.responseText); 4052 //window.location.href = _link; 4053 } 4054 }); 4055 4056 4057 //handle all request response 4058 // $.post(elasticsearch_host+'buscador,portalpelotas/servicos,posts/_search/?pretty', JSON.stringify({ 4059 // "from": 0, 4060 // "size": 10, 4061 // "query": { 4062 // "function_score": { 4063 // "query": { "match_all": {} }, 4064 // "boost": "5", 4065 // "functions": [ 4066 // { 4067 // "filter": { 4068 // "match_phrase_prefix": { 4069 // "name": $('#search_field').val() 4070 // } 4071 // }, 4072 // "random_score": {}, 4073 // "weight": 6 4074 // }, 4075 // { 4076 // "filter": { 4077 // "match_phrase_prefix": { "title": $('#search_field').val() } 4078 // }, 4079 // "random_score": {}, 4080 // "weight": 4.1 4081 // }, 4082 // { 4083 // "filter": { 4084 // "match_phrase_prefix": { "tags": $('#search_field').val() } 4085 // }, 4086 // "random_score": {}, 4087 // "weight": 5.5 4088 // }, 4089 // { 4090 // "filter": { 4091 // "match_phrase_prefix": { "description": $('#search_field').val() } 4092 // }, 4093 // "random_score": {}, 4094 // "weight": 4 4095 // }, 4096 // { 4097 // "filter": { 4098 // "match_phrase_prefix": { "text": $('#search_field').val() } 4099 // }, 4100 // "random_score": {}, 4101 // "weight": 3.5 4102 // } 4103 // ], 4104 // "max_boost": 6, 4105 // "score_mode": "max", 4106 // "boost_mode": "multiply", 4107 // "min_score" : 0 4108 // } 4109 // } 4110 // })).done(function (data) { 4111 //$.get('search/buscador-portalpelotas--services-posts?search_field='+$('#search_field').val()).done(function (data) { 4112 4113 //$.get('search/buscador-portalpelotas--services-posts?search_field='+$('#search_field').val()+'&sort=_doc:desc').done(function (data) { 4114 4115 4116 campo_pesquisa = $('#search_field').val(); 4117 campo_pesquisa = campo_pesquisa.substring(0, 30); 4118 $.get('/api/busca?q=' + encodeURIComponent(campo_pesquisa)).done(function(data) { 4119 4120 4121 var totalHits = data.hits && data.hits.total ? data.hits.total : 0; 4122 if (typeof totalHits === 'object') { 4123 totalHits = totalHits.value || 0; 4124 } 4125 4126 if (totalHits == 0) { 4127 $('.search__results p.nothing').addClass('active'); 4128 setTimeout(function() { 4129 $('.search__results p.nothing').removeClass('active') 4130 }, 2000); 4131 $('.search__results p.searching').removeClass('active'); 4132 $('.search__results p.error').removeClass('active'); 4133 $('.search__results .result').removeClass('active'); 4134 $('.search__results .results__sec').removeClass('active'); 4135 } else { 4136 $('.search__results p.searching').removeClass('active'); 4137 $('.search__results .result').addClass('active'); 4138 4139 $('.search__results .results_all').empty(); 4140 $('.results_buscador_2023').empty(); 4141 $('.results_buscador_noticias_2023').empty(); 4142 var dados = data.hits.hits; 4143 4144 // console.log(dados); 4145 // _this._tempArray = dados; 4146 4147 if (resultados_servicos != 0) { 4148 4149 // $('.search__results .results_all').append( 4150 // "<div class='result active' style='background-color: rgba(255, 166, 0, 0.312)'>" + 4151 // "<span>" + categoria + "</span>" + 4152 // "<a href='"+ link +"' data-target='" + link + "' indice='"+0+"'>" + titulo_servico + "</a>" + 4153 // // "<a href='" + _link + "' data-target='" + _link + "'>" + _title + "</a>" + 4154 // "</div>"); 4155 4156 nro_resultado_buscador = 5; 4157 4158 while (nro_resultado_buscador--) { 4159 4160 if (categoria[nro_resultado_buscador] != undefined) { 4161 $('.search__results .results_all').append( 4162 "<div class='result active' style='background-color: rgba(255, 166, 0, 0.312)'>" + 4163 "<span>" + categoria[nro_resultado_buscador] + 4164 "</span>" + 4165 "<a href='" + link[nro_resultado_buscador] + 4166 "' data-target='" + 4167 link[nro_resultado_buscador] + "' indice='" + i + "'>" + 4168 titulo_servico[nro_resultado_buscador] + "</a>" + 4169 // "<a href='" + _link + "' data-target='" + _link + "'>" + _title + "</a>" + 4170 "</div>"); 4171 4172 4173 $('.results_buscador_2023').append( 4174 4175 "<p><a style='font-size:9pt; padding-left: 20px; margin-top:10px; margin-bottom:10px;' href='" + 4176 link[nro_resultado_buscador] + "' data-target='" + link[ 4177 nro_resultado_buscador] + "' indice='" + i + "'>" + 4178 titulo_servico[nro_resultado_buscador] + "</a></p>" + 4179 ""); 4180 4181 } 4182 4183 // "<div class='result active' style='background-color: rgba(255, 166, 0, 0.312)'>" + 4184 // "<span>" + categoria[nro_resultado_buscador] + "</span>" + 4185 // "<a style='font-size:9pt; padding-left: 20px; margin-top:10px; margin-bottom:10px;'' href='"+ link[nro_resultado_buscador] +"' data-target='" + link[nro_resultado_buscador] + "' indice='"+i+"'>" + titulo_servico[nro_resultado_buscador] + "</a>" + 4186
4186 // "<a href='" + _link + "' data-target='" + _link + "'>" + _title + "</a>" + 4187 // "</div>"); 4188 4189 } 4190 } 4191 4192 4193 for (var i = 0; i < dados.length; i++) { 4194 var result = dados[i]; 4195 4196 switch (result._type) { 4197 case 'servicos': 4198 var _type = 'Serviços'; 4199 var _title = result._source.name; 4200 var _link = result._source.link; 4201 break; 4202 case 'secretarias': 4203 var _type = 'Secretarias'; 4204 var _title = result._source.name; 4205 var _link = result._source.link; 4206 break; 4207 case 'posts': 4208 var _type = 'NotÃcias'; 4209 var _title = result._source.title; 4210 var _link = '' + result._source.slug; 4211 var _date = result._source.published_at 4212 4213 if (_date != "") { 4214 _date = new Date(_date); 4215 _date = _date.toLocaleDateString("pt-Br", { 4216 timeZone: 'UTC' 4217 }); 4218 } 4219 4220 } 4221 $('.results_buscador_noticias_2023').append( 4222 4223 "<p style='font-size:9pt; padding-left: 20px; margin-top:10px; margin-bottom:10px;'><a class='' href='/noticia/" + 4224 _link + "' data-target='" + _link + "' indice='" + i + 4225 "' style='color:#000;'><b style='display:inline-block;color:#000;margin-right:5px; font-weigth:bold!important;'>" + 4226 _date + "</b> " + _title + "</a></p>" 4227 // "<a href='" + _link + "' data-target='" + _link + "'>" + _title + "</a>" + 4228 ); 4229 } 4230 // _this.openSearchedItens(); 4231 } 4232 }).fail(function(xhr, status, error) { 4233 $('.search__results p.error').addClass('active'); 4234 setTimeout(function() { 4235 $('.search__results p.error').removeClass('active') 4236 }, 2000); 4237 $('.search__results .result').removeClass('active'); 4238 $('.search__results .results__sec').removeClass('active'); 4239 }); 4240 // $.post(elasticsearch_host+'buscador/secretarias/_search/?pretty', JSON.stringify({ 4241 // "from": 0, 4242 // "size": 1, 4243 // "query": { 4244 // "bool": { 4245 // "should": [ 4246 // { 4247 // "match_phrase_prefix": { 4248 // "name": $('#search_field').val() 4249 // } 4250 // }, 4251 // { 4252 // "match": { 4253 // "tags": $('#search_field').val() 4254 // } 4255 // } 4256 // ] 4257 // } 4258 // } 4259 // })).done(function (data) { 4260 4261 $.get('search/buscador-secretaries?search_field=' + $('#search_field').val().substring(0, 30)).done(function( 4262 data) { 4263 if (data.hits.total == 0) { 4264 $('.search__results .results__sec').removeClass('active'); 4265 $('.results_all').width('100%'); 4266 } else { 4267 $('.results_all').width('57.5%'); 4268 $('.search__results .results__sec').addClass('active'); 4269 $('.search__results .results__sec').empty(); 4270 var dados = data.hits.hits; 4271 for (var i = 0; i < 1; i++) { 4272 var result = dados[i]; 4273 var endereco = (result._source.endereco == undefined) ? '' : result 4274 ._source 4275 .endereco; 4276 var telefone = (result._source.telefone == undefined) ? '' : result 4277 ._source 4278 .telefone; 4279 var email = (result._source.email == undefined) ? '' : result._source 4280 .email; 4281 $('.search__results .results__sec').append( 4282 "<span>Governo</span>" + 4283 "<a href='/noticia/" + result._source.link + "'>" + result 4284 ._source.name + "</a>" + 4285 "<div class='info'>" + 4286 "<span class='address'>Endereço:" + endereco + "</span>" + 4287 "<span class='phone'>Telefone:" + telefone + "</span>" + 4288 "<span class='mail'>
4288Email:" + email + "</span>" + 4289 "</div>"); 4290 } 4291 } 4292 }).fail(function(xhr, status, error) { 4293 $('.search__results .results__sec').removeClass('active'); 4294 console.log("-----------"); 4295 console.log("===" + error + "==="); 4296 console.log(xhr); 4297 }); 4298 } 4299 4300 // Executa a busca apenas em ação explÃcita do usuário (botão/lupa/submit). 4301 $(document).on('submit', 'form:has(#search_field)', function() { 4302 buscarConteudoMenu(); 4303 }); 4304 4305 $(document).on('click', '.search-button', function() { 4306 buscarConteudoMenu(); 4307 }); 4308 4309 //Buscador Modal 4310 $('#background_modal').on('click', function() { 4311 $('#background_modal').css('display', 'none'); 4312 }); 4313 4314 $('.field-search').on('click', function() { 4315 $('#buscador_modal').css('display', 'block'); 4316 }); 4317 4318 $('#close_buscador_modal').on('click', function() { 4319 $('#buscador_modal').css('display', 'none'); 4320 }); 4321 4322 $('.filter_category').on('click', function() { 4323 // $(this).toggleClass("filter_category"); 4324 categoria = $(this).attr('data-type'); 4325 4326 if (categoria == 'servicos') { 4327 $('.results_buscador_noticias_2023').addClass('d-none'); 4328 $('.results_buscador_2023').removeClass('d-none'); 4329 $('.filter_category').attr('data-type', 'servicos').addClass("filter_category_active"); 4330 $('.filter_category').attr('data-type', 'noticias').removeClass( 4331 "filter_category_active"); 4332 4333 } else if (categoria == 'noticias') { 4334 $('.results_buscador_2023').addClass('d-none'); 4335 $('.results_buscador_noticias_2023').removeClass('d-none'); 4336 $('.filter_category').attr('data-type', 'servicos').removeClass( 4337 "filter_category_active"); 4338 $('.filter_category').attr('data-type', 'noticias').addClass("filter_category_active"); 4339 } 4340 4341 }); 4342 4343 4344 // NOTICIAS SWIPER 4345 4346 swiper = $('.gallery-thumbs .swiper-wrapper .swiper-slide'); 4347 4348 if (swiper.length != 0) { 4349 4350 qtn_imgs = $('.gallery-thumbs .swiper-wrapper .swiper-slide').length; 4351 arr_img = []; 4352 4353 4354 4355 4356 4357 while (qtn_imgs--) { 4358 4359 url_img = swiper.eq(qtn_imgs).css('background-image'); 4360 url_img = url_img.replace('url(', ''); 4361 url_img = url_img.replace(')', ''); 4362 arr_img.push(url_img); 4363 // console.log(arr_img[qtn_imgs]); 4364 4365 4366 4367 4368 4369 } 4370 4371 $.each(arr_img, function(index, value) { 4372 $('.gallery2').append("<img class='col-md-5 m-2' src =" + value + ">"); 4373 4374 }); 4375 4376 } 4377 4378 //NOTICIA BLOCKQUOTE 4379 4380 blockquote = $('blockquote'); 4381 4382 4383 4384 if (blockquote.length != 0) { 4385 4386 // $('blockquote').empty(); 4387 // blockquote = blockquote.replace('"','junior'); 4388 4389 // $('blockquote').css({ 4390 // color:#ffff!important; 4391 // }) 4392 // blockquote = blockquote.replace('"','junior'); 4393 // console.log(blockquote.html().replace('â','')); 4394 4395 } 4396 4397 4398 //NOTICIA VIDEOS 4399 videos = $('iframe').html('iframe'); 4400 // console.log(blockquote.length); 4401 4402 // if(isset($('.swiper-slide-active'))); 4403 4404 }); 4405</script>
4405 4406
4407<script> 4408 // 4409 window.buscador_base_uri = 4410 '' 4411 4412 window._token = 'OCPzxC5bO9jgTq4PGO56HVRRm9PyObl3Ke1cLiHA' 4413</script>
4413 4414 4415<!------------------------------------------------------------FOOTER CDN-----------------------------------------> 4416 4417<!-- Footer Component - CDN Pelotas --> 4418<!-- Requisitos: Bootstrap 5.2.3, footer-cdn.css, fonte Rawline --> 4419<!-- Parâmetros opcionais via POST/GET: 4420 - development_text: Texto customizado após "| " (padrão: "Desenvolvido pela <b>COINPEL</b> e <b>SECOM</b>.") 4421 Exemplo: $_POST['development_text'] = 'Desenvolvido pela <b>COINPEL</b>.'; 4422--> 4423 4424 4425<!-- FOOTER DESKTOP --> 4426<footer class="col-12 d-none d-xxl-block" style="background-color: #18181E;"> 4427 <div class="col-12" style="background-color: #f2f2f2;"> 4428 <img class="col-12" src="http://cdn.coinpel.com.br/images/logo-marca-footer.png" alt="Marca Prefeitura de Pelotas"> 4429 </div> 4430 <div class="box-footer"> 4431 <div class="col-12 row mx-0" style="text-align: left; padding-bottom: 47px;"> 4432 <div class="col-md-3 box-1"> 4433 <div class="col-12 py-5 pl-0 pr-5"> 4434 <img src="http://cdn.coinpel.com.br/images/logo-nova.png" width="242.91" height="55.25" alt="Logo Prefeitura de Pelotas"> 4435 </div> 4436 <div class="col-12 py-5 pl-0 pr-5"> 4437 <h5 class="endereco-cdn" style="font-size: 14px; font-weight: 600;">Prefeitura Municipal de Pelotas</h5> 4438 <p class="endereco-cdn" style="font-size: 14px;">Praça Cel. Pedro Osório, n° 101 - Centro</p> 4439 <p class="endereco-cdn" style="font-size: 14px; white-space: nowrap;">CNPJ: 87.455.531/0001-57</p> 4440 <p class="endereco-cdn" style="font-size: 14px;">CEP: 96015-010</p> 4441 <p class="endereco-cdn" style="font-size: 14px;">+55 53 2510 0120</p> 4442 <p class="endereco-cdn" style="font-size: 14px;">[email protected]</p> 4443 <p class="endereco-cdn" style="font-size: 14px;">Horário de funcionamento: 8h à s 14h</p> 4444 </div> 4445 </div> 4446 <div class="col-md-9"> 4447 <div class="pt-5 px-3 pb-3 row h-100" style="background-color: #151515; border-radius: 44px; position: relative;"> 4448 <img src="http://cdn.coinpel.com.br/images/background-telefone-footer.png" alt="Background decorativo" style="position: absolute; top: 0px; left: -70px; width: 125px; height: 100px;" aria-hidden="true"> 4449 <img src="http://cdn.coinpel.com.br/images/icones/icone_telefone.png" alt="Ãcone telefone" style="position: absolute; top: 26px; left: -39px; z-index: 10; width: 70px; height: 43px;" aria-hidden="true"> 4450 <div class="col-5 m-0" style="padding-left: 50px; padding-right: 29px;"> 4451 <div style="padding-bottom: 19px; border-bottom: 1px solid #3B3B45; border-right: 1px solid #3B3B45; color: white;"> 4452 <p style="font-weight: 400; margin: 0; line-height: 1.2;">Prefeitura</p> 4453 <p style="font-weight: 900; font-size: 29px; line-height: 1.2; margin: 0;">(53) 2510-0120</p> 4454 </div> 4455 <div class="mt-0" style="border-right: 1px solid #3B3B45; padding-top: 22px;"> 4456 <div class="text-white" style="margin-bottom: 17px;"> 4457 <p style="font-weight: 400; margin: 0;">Guarda Municipal</p> 4458 <p style="font-weight: 900; font-size: 29px; line-height: 1.2; margin: 0;">153/(53) 3283-7781</p> 4459 </div> 4460 <div class="text-white" style="margin-bottom: 17px;"> 4461 <p style="font-weight: 400; margin: 0;">Policia Civil</p> 4462 <p style="font-weight: 900; font-size: 29px; line-height: 1.2; margin: 0;">197/(53) 3310-8600</p> 4463 </div> 4464 <div class="text-white" style="margin-bottom: 17px;"> 4465 <p style="font-weight: 400; margin: 0;">Samu</p> 4466 <p style="font-weight: 900; font-size: 29px; line-height: 1.2; margin: 0;">192</p> 4467 </div> 4468 </div> 4469 </div> 4470 <div class="col-7 row m-0 p-0"> 4471 <div class="col-6 col-md-6" style="padding-left: 46px;"> 4472 <div class="text-white" style="margin-bottom: 17px;"> 4473 <p style="font-weight: 400; margin: 0;">SANEP</p> 4474 <p style="font-weight: 900; font-size: 20px; margin: 0;">(53) 98428-0008</p> 4475 <p style="font-weight: 400; font-size: 14px; margin: 5px 0;">(Somente WhatsApp)</p> 4476 <p style="font-weight: 900; font-size: 20px; margin: 0;">0800 015 0115</p> 4477 </div> 4478 <div class="text-white" style="margin-bottom: 17px;"> 4479 <p style="font-weight: 400; margin: 0;">PROCON</p> 4480 <p style="font-weight: 900; font-size: 20px; margin: 0;">(53) 3305-3505</p> 4481 <p style="font-weight: 900; font-size: 20px; margin: 0;">(53) 99113-9182</p> 4482 </div> 4483 <div class="text-white" style="margin-bottom: 17px;"> 4484 <p style="font-weight: 400; margin: 0;">Atendimento de Trânsito 24h</p> 4485 <p style="font-weight: 900; font-size: 20px; margin: 0;">(53) 3199-8384</p> 4486 </div> 4487 <div class="text-white" style="margin-bottom: 17px;"> 4488 <p style="font-weight: 400; margin: 0;">
4488Defesa Civil</p> 4489 <p style="font-weight: 900; font-size: 20px; margin: 0;">(53) 99700-7575</p> 4490 </div> 4491 </div> 4492 <div class="col-6 col-md-6"> 4493 <div class="text-white" style="margin-bottom: 17px;"> 4494 <p style="font-weight: 400; margin: 0;">CEEE</p> 4495 <p style="font-weight: 900; font-size: 27px; margin: 0;">0800 721 2333</p> 4496 </div> 4497 <div class="text-white" style="margin-bottom: 17px;"> 4498 <p style="font-weight: 400; margin: 0;">Rodoviária</p> 4499 <p style="font-weight: 900; font-size: 27px; margin: 0;">(53) 2222-0045</p> 4500 </div> 4501 <div class="text-white" style="margin-bottom: 17px;"> 4502 <p style="font-weight: 400; margin: 0;">Delegacia de PolÃcia de Pronto Atendimento</p> 4503 <p style="font-weight: 900; font-size: 27px; margin: 0;">(53) 3310-8600</p> 4504 </div> 4505 <div class="text-white" style="margin-bottom: 17px;"> 4506 <p style="font-weight: 400; margin: 0;">SSUI</p> 4507 <p style="font-weight: 900; font-size: 27px; margin: 0;">(53) 9 9974-3937</p> 4508 </div> 4509 <div class="text-white" style="margin-bottom: 17px;"> 4510 <p style="font-weight: 400; margin: 0;">Ouvidoria da Saúde</p> 4511 <p style="font-weight: 900; font-size: 27px; margin: 0;">(53) 99112-6094</p> 4512 </div> 4513 </div> 4514 </div> 4515 </div> 4516 </div> 4517 <hr class="mt-4" style="border: 1px solid #fff;"> 4518 <div class="col-md-12 row mx-0"> 4519 <div class="col-11 pt-3"> 4520 <p id="development_by">@2026 - Prefeitura Municipal de Pelotas | Desenvolvido pela <b>COINPEL</b> e <b>SECOM</b>.</p> 4521 </div> 4522 <div class="col-1 pt-3 d-none d-md-block"> 4523 <a href="#top" aria-label="Voltar ao topo"> 4524 <img class="col-12" src="http://cdn.coinpel.com.br/images/icones/BACK TO TOP.png" alt="Voltar ao topo" style="width: 50px; height: 50px;"> 4525 </a> 4526 </div> 4527 </div> 4528 </div> 4529 </div> 4530</footer> 4531 4532<!-- FOOTER TABLET --> 4533<footer class="footer-tablet d-none d-md-block d-xxl-none" style="background-color: #18181E;"> 4534 <div class="tablet-brand-strip"> 4535 <img src="http://cdn.coinpel.com.br/images/logo-marca-footer.png" alt="Marca Prefeitura"> 4536 </div> 4537 <div class="tablet-wrapper"> 4538 <div class="tablet-info"> 4539 <div class="tablet-info-logo"> 4540 <img src="http://cdn.coinpel.com.br/images/logo-nova.png" alt="Prefeitura Municipal de Pelotas"> 4541 </div> 4542 <div class="tablet-info-address"> 4543 <h5 class="endereco-cdn">Prefeitura Municipal de Pelotas</h5> 4544 <p class="endereco-cdn">Praça Cel. Pedro Osório, n° 101 - Centro</p> 4545 <p class="endereco-cdn">CNPJ: 87.455.531/0001-57</p> 4546 <p class="endereco-cdn">CEP: 96015-010</p> 4547 <p class="endereco-cdn">+55 53 2510 0120</p> 4548 <p class="endereco-cdn">[email protected]</p> 4549 <p class="endereco-cdn">Horário de funcionamento: 8h à s 14h</p> 4550 </div> 4551 </div> 4552 <img src="http://cdn.coinpel.com.br/images/background-telefone-footer.png" alt="Background decorativo" 4553 style="position: relative; top: 30px; left: 0px; width: 100px; height: 75px; z-index: 9;"> 4554 <img src="http://cdn.coinpel.com.br/images/icones/icone_telefone.png" alt="Ãcone telefone" 4555 style="position: relative; top: 30px; left: -74px; z-index: 10; width: 50px; height: 30px;"> 4556 <div class="tablet-card"> 4557 <div class="tablet-card-content"> 4558 <div class="tablet-main-phone"> 4559 <div class="label">Prefeitura</div> 4560 <div class="value">(53) 2510-0120</div> 4561 </div> 4562 <div class="tablet-emergency-grid"> 4563 <div class="tablet-emergency-item"> 4564 <div class="label">Guarda Municipal</div> 4565 <div class="value">153 / (53) 3283-7781</div> 4566 </div> 4567 <div class="tablet-emergency-item"> 4568 <div class="label">Samu</div> 4569 <div class="value">192</div> 4570 </div> 4571 <div class="tablet-emergency-item"> 4572 <div class="label">PolÃcia Civil</div> 4573 <div class="value">197 / (53) 3310-8600</div> 4574 </div> 4575 <div class="tablet-emergency-item"> 4576 <div class="label">SANEP</div> 4577 <div class="value"> 4578 <div>(53) 98428-0008</div> 4579 <div style="font-weight: 400; font-size: 14px; margin-top: 2px;">(Somente WhatsApp)</div> 4580 <div>0800 015 0115</div> 4581 </div> 4582 </div> 4583 <div class="tablet-emergency-item"> 4584 <div class="label">PROCON</div> 4585 <div class="value"> 4586 <div>(53) 3305-3505</div> 4587 <div>(53) 99113-9182</div> 4588 </div> 4589 </div> 4590 <div class="tablet-emergency-item"> 4591 <div class="label">Atendimento de Trânsito 24h</div> 4592 <div class="value">(53) 3199-8384</div> 4593 </div> 4594 <div class="tablet-emergency-item"> 4595 <div class="label">
4595Defesa Civil</div> 4596 <div class="value">(53) 99700-7575</div> 4597 </div> 4598 <div class="tablet-emergency-item"> 4599 <div class="label">CEEE</div> 4600 <div class="value">0800 721 2333</div> 4601 </div> 4602 <div class="tablet-emergency-item"> 4603 <div class="label">Rodoviária</div> 4604 <div class="value">(53) 2222-0045</div> 4605 </div> 4606 <div class="tablet-emergency-item"> 4607 <div class="label">Delegacia de PolÃcia de Pronto Atendimento</div> 4608 <div class="value">(53) 3310-8600</div> 4609 </div> 4610 <div class="tablet-emergency-item"> 4611 <div class="label">SSUI</div> 4612 <div class="value">(53) 9 9974-3937</div> 4613 </div> 4614 <div class="label">Ouvidoria da Saúde </div> 4615 <div class="value">(53) 99112-6094</div> 4616 </div> 4617 </div> 4618 </div> 4619 </div> 4620 </div> 4621 <div class="tablet-footer-meta"> 4622 <p>@2026 - Prefeitura Municipal de Pelotas | Desenvolvido pela <b>COINPEL</b> e <b>SECOM</b>.</p> 4623 <a href="#top"> 4624 <img src="http://cdn.coinpel.com.br/images/icones/BACK TO TOP.png" alt="Voltar ao topo"> 4625 </a> 4626 </div> 4627</footer> 4628 4629<!-- FOOTER MOBILE --> 4630<footer style="background-color: #18181E;" class="d-block d-md-none"> 4631 <div class="col-12 row" style="margin-bottom: 47px;"> 4632 <div class="col-6 py-5 ps-5"> 4633 <img src="http://cdn.coinpel.com.br/images/logo-nova.png" width="110.15" height="25.07" alt="Logo Prefeitura de Pelotas"> 4634 </div> 4635 <div class="col-6 py-5 ps-0 pe-5"> 4636 <h5 class="endereco-cdn" style="font-size: 14px; font-weight: 600;">Prefeitura Municipal de Pelotas</h5> 4637 <p class="endereco-cdn" style="font-size: 14px;">Praça Cel. Pedro Osório, n° 101 - Centro</p> 4638 <p class="endereco-cdn" style="font-size: 14px;">CEP: 96015-010</p> 4639 <p class="endereco-cdn" style="font-size: 14px; white-space: nowrap;">CNPJ: 87.455.531/0001-57</p> 4640 <p class="endereco-cdn" style="font-size: 14px;">+55 53 2510 0120</p> 4641 <p class="endereco-cdn" style="font-size: 14px;">[email protected]</p> 4642 <p class="endereco-cdn" style="font-size: 14px;">Horário de funcionamento: 8h à s 14h</p> 4643 </div> 4644 <div style="padding: 0px 25px 0px 50px"> 4645 <div class="row h-100 p-3" style="background-color: #151515; border-radius: 44px; position: relative;"> 4646 <img src="http://cdn.coinpel.com.br/images/background-telefone-footer.png" class="p-0" alt="Background decorativo" 4647 style="position: absolute; top: -10px; left: -10px; width: 74px; height: auto;" aria-hidden="true"> 4648 <img src="http://cdn.coinpel.com.br/images/icones/icone_telefone.png" class="p-0" alt="Ãcone telefone" 4649 style="position: absolute; top: 9px; left: 9px; z-index: 10; width: 40px; height: auto;" aria-hidden="true"> 4650 <div class="col-12 m-0" style="padding-left: 75px;"> 4651 <div style="padding-bottom: 19px; color: white;"> 4652 <div style="font-weight: 400; line-height: 1.2; font-size: 15px;">Prefeitura</div> 4653 <div style="font-weight: 900; font-size: 29px; line-height: 1.2;">(53) 2510-0120</div> 4654 </div> 4655 </div> 4656 <div class="col-12 row m-0 p-0" style="border-top: 1px solid #3B3B45; border-bottom: 1px solid #3B3B45;"> 4657 <div class="col-6 col-md-6 mt-2"> 4658 <div class="text-white" style="margin-bottom: 17px;"> 4659 <div class="mb-0 pb-0" style="font-size: 13.12px;">SANEP</div> 4660 <div class="mb-0 pb-0 fs-6" style="font-weight: 900;"> 4661 <div>(53) 98428-0008</div> 4662 <div style="font-weight: 400; font-size: 14px; margin-bottom: 5px;">(Somente WhatsApp)</div> 4663 <div>0800 015 0115</div> 4664 </div> 4665 </div> 4666 <div class="text-white" style="margin-bottom: 17px;"> 4667 <div class="mb-0 pb-0" style="font-size: 13.12px;">PROCON</div> 4668 <div class="mb-0 pb-0 fs-6" style="font-weight: 900;"> 4669 <div>(53) 3305-3505</div> 4670 <div>(53) 99113-9182</div> 4671 </div> 4672 </div> 4673 <div class="text-white" style="margin-bottom: 17px;"> 4674 <div class="mb-0 pb-0" style="font-size: 13.12px;">Atendimento de Trânsito 24h</div> 4675 <div class="mb-0 pb-0 fs-6" style="font-weight: 900;">(53) 3199-8384</div> 4676 </div> 4677 <div class="text-white" style="margin-bottom: 17px;"> 4678 <div class="mb-0 pb-0" style="font-size: 13.12px;">
4678Defesa Civil</div> 4679 <div class="mb-0 pb-0 fs-6" style="font-weight: 900;">(53) 99700-7575</div> 4680 </div> 4681 </div> 4682 <div class="col-6 col-md-6 mt-2"> 4683 <div class="text-white" style="margin-bottom: 17px;"> 4684 <div class="mb-0 pb-0" style="font-size: 13.12px;">CEEE</div> 4685 <div class="mb-0 pb-0 fs-6" style="font-weight: 900;">0800 721 2333</div> 4686 </div> 4687 <div class="text-white" style="margin-bottom: 17px;"> 4688 <div class="mb-0 pb-0" style="font-size: 13.12px;">Rodoviária</div> 4689 <div class="mb-0 pb-0 fs-6" style="font-weight: 900;">(53) 2222-0045</div> 4690 </div> 4691 <div class="text-white" style="margin-bottom: 17px;"> 4692 <div class="mb-0 pb-0" style="font-size: 13.12px;">Delegacia de PolÃcia de Pronto Atendimento</div> 4693 <div class="mb-0 pb-0 fs-6" style="font-weight: 900;">(53) 3310-8600</div> 4694 </div> 4695 </div> 4696 </div> 4697 <div class="col-12 row m-0 p-0"> 4698 <div class="col-9 col-md-6 mt-2"> 4699 <div class="text-white" style="margin-bottom: 17px;"> 4700 <div class="mb-0 pb-0" style="font-size: 13.12px;">Guarda Municipal</div> 4701 <div class="mb-0 pb-0" style="font-weight: 900; font-size: 22px;">153/(53) 3283-7781</div> 4702 </div> 4703 </div> 4704 <div class="col-3 col-md-6 mt-2"> 4705 <div class="text-white" style="margin-bottom: 17px;"> 4706 <div class="mb-0 pb-0" style="font-size: 13.12px;">SAMU</div> 4707 <div class="mb-0 pb-0" style="font-weight: 900; font-size: 22px;">192</div> 4708 </div> 4709 </div> 4710 </div> 4711 <div class="col-12 m-0"> 4712 <div style="padding-bottom: 15px; color: white;"> 4713 <div style="font-weight: 400; line-height: 1.2; font-size: 15px;">PolÃcia Civil</div> 4714 <div style="font-weight: 900; font-size: 22px; line-height: 1.2;">197/(53) 3310-8600</div> 4715 </div> 4716 </div> 4717 <div class="col-12 m-0"> 4718 <div style="padding-bottom: 15px; color: white;"> 4719 <div style="font-weight: 400; line-height: 1.2; font-size: 15px;">SSUI</div> 4720 <div style="font-weight: 900; font-size: 22px; line-height: 1.2;">(53) 9 9974-3937</div> 4721 </div> 4722 </div> 4723 <div class="col-12 m-0"> 4724 <div style="padding-bottom: 15px; color: white;"> 4725 <div style="font-weight: 400; line-height: 1.2; font-size: 15px;">Ouvidoria da Saúde</div> 4726 <div style="font-weight: 900; font-size: 29px; line-height: 1.2;">(53) 99112-6094</div> 4727 </div> 4728 </div> 4729 </div> 4730 </div> 4731 </div> 4732 <hr class="mx-4" style="border: 1px solid #fff;"> 4733 <div class="col-md-12 row mx-0"> 4734 <div class="col-11 pt-3 d-flex justify-content-between" style="margin-left: 19px; font-size: 14px; margin-bottom: 30px;"> 4735 <p id="development_by" class="box-1"> 4736 @2026 - Prefeitura Municipal de Pelotas | Desenvolvido pela <b>COINPEL</b> e <b>SECOM</b>.<br> 4737 </p> 4738 </div> 4739 </div> 4740</footer> 4741 4742<!-- Fim Footer Component --></body> 4743</html> 4744
4745<script> 4746 $(document).ready(function() { 4747 function ajustarLarguraFotosSecretario(contexto) { 4748 const $contexto = contexto ? $(contexto) : $(document); 4749 4750 $contexto.find('img.js-foto-secretario').each(function() { 4751 const img = this; 4752 4753 const aplicarAjuste = () => { 4754 if (!img.naturalWidth || !img.naturalHeight) { 4755 return; 4756 } 4757 4758 const proporcao = img.naturalWidth / img.naturalHeight; 4759 let largura = '100%'; 4760 4761 if (proporcao < 0.78) { 4762 largura = '72%'; 4763 } else if (proporcao < 0.95) { 4764 largura = '82%'; 4765 } 4766 4767 img.style.width = largura; 4768 }; 4769 4770 if (img.complete) { 4771 aplicarAjuste(); 4772 } else { 4773 $(img).off('load.ajusteFoto').on('load.ajusteFoto', aplicarAjuste); 4774 } 4775 }); 4776 } 4777 4778 ajustarLarguraFotosSecretario(); 4779 4780 window._token = 'OCPzxC5bO9jgTq4PGO56HVRRm9PyObl3Ke1cLiHA'; 4781 $(document).on('click', '.card-sec', function() { 4782 // Remove seleção anterior 4783 $('.card-sec').removeClass('card-sec-selected'); 4784 $(this).addClass('card-sec-selected'); 4785 4786 // Remove qualquer info aberta anteriormente 4787 $('.info-box-inserted').remove(); 4788 4789 const secretaria = $(this).data('secretaria'); 4790 const infoId = '#info-' + secretaria; 4791 const $originalInfo = $(infoId); 4792 4793 if ($originalInfo.length) { 4794 const $clone = $originalInfo.clone(); 4795 $clone 4796 .removeClass('d-none') 4797 .addClass('info-box-inserted') 4798 .css({ 4799 width: '100%' 4800 }) 4801 .hide(); 4802 4803 // Encontra todos os "col-*" que envolvem os cards 4804 const $wrappers = $('.card-sec').closest('[class*=col-]'); 4805 const clickedTop = $(this).closest('[class*=col-]').position().top; 4806 4807 let $lastInRow = $(this).closest('[class*=col-]'); 4808 4809 $wrappers.each(function() { 4810 const $this = $(this); 4811 if ($this.position().top === clickedTop) { 4812 $lastInRow = $this; // pega o último da mesma linha 4813 } 4814 }); 4815 4816 // Insere a info abaixo da linha 4817 $lastInRow.after($clone); 4818 ajustarLarguraFotosSecretario($clone); 4819 $clone.fadeIn('slow', function() { 4820 // Scroll até o CARD clicado (e não a info) 4821 $('html, body').animate({ 4822 scrollTop: $(this).closest('.card-sec').offset().top - 100 4823 }, 500); 4824 }.bind(this)); 4825 4826 4827 4828 } 4829 }); 4830 4831 $(document).on('click', '#filtro-secretarias', function() { 4832 const imgAtual = $(this).attr('src'); 4833 4834 const imgBranca = "https://pelotas.com.br/images/icones/indice-branco.png"; 4835 const imgAzul = "https://pelotas.com.br/images/icones/indice-azul-small.png"; 4836 4837 if (imgAtual === imgBranca) { 4838 // Mostrar secretarias, esconder orgãos 4839 $('#secretarias').removeClass('d-none'); 4840 $('#orgaos').addClass('d-none'); 4841 4842 $('#filtro-secretarias').attr('src', imgAzul); 4843 $('#filtro-orgaos').attr('src', imgBranca); 4844 } else { 4845 // Mostrar todos novamente (opcional) 4846 $('#secretarias').removeClass('d-none'); 4847 $('#orgaos').removeClass('d-none'); 4848 4849 $('#filtro-secretarias').attr('src', imgBranca); 4850 $('#filtro-orgaos').attr('src', imgBranca); 4851 } 4852 }); 4853 4854 $(document).on('click', '#filtro-orgaos', function() { 4855 const imgAtual = $(this).attr('src'); 4856 4857 const imgBranca = "https://pelotas.com.br/images/icones/indice-branco.png"; 4858 const imgAmarela = "https://pelotas.com.br/images/icones/indice-amarelo-small.png"; 4859 4860 if (imgAtual === imgBranca) { 4861 $('#secretarias').addClass('d-none'); 4862 $('#orgaos').removeClass('d-none'); 4863 4864 $('#filtro-orgaos').attr('src', imgAmarela); 4865 $('#filtro-secretarias').attr('src', imgBranca); 4866 } else { 4867 $('#secretarias').removeClass('d-none'); 4868 $('#orgaos').removeClass('d-none'); 4869 4870 $('#filtro-secretarias').attr('src', imgBranca); 4871 $('#filtro-orgaos').attr('src', imgBranca); 4872 } 4873 }); 4874 4875 4876 4877 $('#search_sec').keyup(function() { 4878 let palavra_pesquisada = $('#search_sec').val(); 4879 4880 $.ajax({ 4881 type: 'POST', 4882 url: "https://pelotas.com.br/governo/lista-secretarias/ajax-pesquisa/%22+%20palavra_pesquisada%20+%22", 4883 headers: { 4884 'X-CSRF-TOKEN': $('meta[name="csrf-token"]').attr('content') 4885 }, 4886 dataType: 'json', 4887 data: { 4888 'pesquisa': palavra_pesquisada 4889 }, 4890 success: function(data) { 4891 $('.sec-grupos').empty(); 4892 $('.org-grupos').empty(); 4893 4894 const imagemSecretariaBaseUrl = 'gdpel.pelotas.rs.gov.br/arquivos/'; 4895 4896 function resolverSrcFotoSecretaria(foto) { 4897 const valor = (foto || '').toString().trim(); 4898 if (!valor) { 4899 return ''; 4900 } 4901 const valorLimpo = valor.replace(/(\.\.\/)+/g, ''); 4902 return `${imagemSecretariaBaseUrl}${valorLimpo.replace(/^\/+/, '')}`; 4903 } 4904 4905 data['secretarias'].forEach(secretaria => { 4906 let words = secretaria['nome'].split(' '); 4907 let firstWord = words[0]; 4908 let secundaryWord = words.length > 1 ? words[1] : ''; 4909 let remainingWords = words.slice(2).join(' '); 4910 4911 let htmlContent = ''; 4912 4913 if ( 4914 firstWord.toLowerCase() === 'secretaria' && 4915 (secundaryWord.toLowerCase() === 'de' || secundaryWord 4916 .toLowerCase() === 'da' || secundaryWord 4917 .toLowerCase() === 'das') || 4918 firstWord.toLowerCase() === 'procuradoria-geral' 4919 ) { 4920 htmlContent = ` 4921 <div class="col-12 col-sm-6 col-md-3 card-sec pt-3 px-2" 4922 data-secretaria="${secretaria['id_secretaria']}" 4923 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 4924 <div class="col-12 text-start"> 4925 <p class="py-0 my-0">${ucwords(firstWord.toLowerCase())} ${secundaryWord.toLowerCase()}</p> 4926 <h5 style="font-size:13pt; font-family: 'Rawline-900'!important"> 4927 <b>${remainingWords.toUpperCase()}</b> 4928 </h5> 4929 </div> 4930 </div> 4931 4932 <div class="d-none col-12 p-5 info" id="info-${secretaria['id_secretaria']}"> 4933 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 4934 style="min-height: 450px; border-radius:10px;"> 4935 4936 <!-- INFOS SECRETARIA --> 4937 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" style="padding: 20px;"> 4938 <div> 4939 <h2 class="mb-4 text-center text-md-start"> 4940 <b>${secretaria['nome'].toUpperCase()}</b> 4941 </h2> 4942 </div> 4943 4944 <div class="flex-grow-1 d-flex align-items-center"> 4945 <p class="p-1 text-center text-md-start">${secretaria['servicos']}</p> 4946 </div> 4947 4948 <div class="mt-3 text-center text-md-start text-break" 4949 style="word-break: break-word; white-space: normal;"> 4950 <p class="mb-1 fw-bold"><b>Endereço:</b> ${secretaria['endereco']}</p> 4951 <p class="mb-1 fw-bold"><b>Telefone:</b> ${secretaria['telefone']}</p> 4952 <p class="mb-0 fw-bold"><b>
4952E-mail:</b> ${secretaria['email']}</p> 4953 </div> 4954 </div> 4955 4956 <!-- FOTO SECRETÃRIO --> 4957 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" style="padding: 20px;"> 4958 <img class="img-fluid mb-3 js-foto-secretario" 4959 src="${resolverSrcFotoSecretaria(secretaria['foto_secretario'])}" 4960 alt="Foto do Secretário" 4961 style=""> 4962 4963 <div class="w-100 text-center text-md-end"> 4964 <h5 class="mb-1 text-break" 4965 style="white-space: normal; word-break: break-word;"> 4966 <b>${secretaria['diretor']}</b> 4967 </h5> 4968 </div> 4969 </div> 4970 </div> 4971 </div> 4972 `; 4973 } else { 4974 htmlContent = ` 4975 <div class="col-12 col-sm-6 col-md-3 card-sec pt-3 px-2" 4976 data-secretaria="${secretaria['id_secretaria']}" 4977 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 4978 <div class="col-12 text-start"> 4979 <h5 class="sec-nome" style="font-family: 'Rawline-900'!important; word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 4980 <b>${secretaria['nome'].toUpperCase()}</b> 4981 </h5> 4982 </div> 4983 </div> 4984 4985 <div class="d-none col-12 p-5 info" id="info-${secretaria['id_secretaria']}"> 4986 <div class="col-12 d-flex flex-column flex-md-row bg-white p-3" 4987 style="min-height: 450px; border-radius:10px;"> 4988 4989 <!-- INFOS SECRETARIA --> 4990 <div class="w-100 w-md-66 d-flex flex-column justify-content-between order-2 order-md-1" style="padding: 20px;"> 4991 <div> 4992 <h2 class="mb-4 text-center text-md-start"> 4993 <b>${secretaria['nome'].toUpperCase()}</b> 4994 </h2> 4995 </div> 4996 4997 <div class="flex-grow-1 d-flex align-items-center"> 4998 <p class="p-1 text-center text-md-start">${secretaria['servicos']}</p> 4999 </div> 5000 5001 <div class="mt-3 text-center text-md-start text-break" 5002 style="word-break: break-word; white-space: normal;"> 5003 <p class="mb-1 fw-bold"><b>Endereço:</b> ${secretaria['endereco']}</p> 5004 <p class="mb-1 fw-bold"><b>Telefone:</b> ${secretaria['telefone']}</p> 5005 <p class="mb-0 fw-bold"><b>E-mail:</b> ${secretaria['email']}</p> 5006 </div> 5007 </div> 5008 5009 <!-- FOTO SECRETÃRIO --> 5010 <div class="w-100 w-md-33 d-flex flex-column align-items-center justify-content-between order-1 order-md-2" style="padding: 20px;"> 5011 <img class="img-fluid mb-3 js-foto-secretario" 5012 src="${resolverSrcFotoSecretaria(secretaria['foto_secretario'])}" 5013 alt="Foto do Secretário" 5014 style=""> 5015 5016 <div class="w-100 text-center text-md-end"> 5017 <h5 class="mb-1 text-break" 5018 style="white-space: normal; word-break: break-word;"> 5019 <b>${secretaria['diretor']}</b> 5020 </h5> 5021 </div> 5022 </div> 5023 </div> 5024 </div> 5025 `; 5026 } 5027 5028 5029 $('.sec-grupos').append(htmlContent); 5030 }); 5031 5032 5033 data['orgaos'].forEach(orgao => { 5034 let words = orgao['nome'].split(' '); 5035 let firstWord = words[0]; 5036 let secundaryWord = words.length > 1 ? words[1] : ''; 5037 let remainingWords = words.slice(2).join(' '); 5038 5039 let htmlContent = ''; 5040 5041 if ( 5042 firstWord.toLowerCase() === 'secretaria' && 5043 (secundaryWord.toLowerCase() === 'de' || secundaryWord 5044 .toLowerCase() === 'da' || secundaryWord 5045 .toLowerCase() === 'das') || 5046 firstWord.toLowerCase() === 'procuradoria-geral' 5047 ) { 5048 htmlContent = ` 5049 <div class="col-12 col-sm-6 col-md-3 card-sec pt-3" data-secretaria="${orgao['id_secretaria']}" 5050 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 5051 <div class="col-12 text-start"> 5052 <p class="py-0 my-0" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5053 ${ucwords(firstWord.toLowerCase())} ${secundaryWord.toLowerCase()} 5054 </p> 5055 <h5 style="font-size:13pt; font-family: 'Rawline-900'!important; word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5056 <b>${remainingWords.toUpperCase()}</b> 5057 </h5> 5058 </div> 5059 </div> 5060 <div class="d-none col-12 p-5 info" id="info-${orgao['id_secretaria']}" style="min-height: 542px;"> 5061 <div class="col-12 bg-white p-5" style="min-height: 450px; border-radius:10px;"> 5062 <div class="row mx-0 px-0"> 5063 <div class="col-12 col-md-8"> 5064 <h2 class="col-12 col-md-10" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5065 <b> ${orgao['nome'].toUpperCase()} </b> 5066 </h2> 5067 5068 <p class="p-1" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5069 ${orgao['servicos']} 5070 </p> 5071 5072 <div class="mt-5 row mx-0"> 5073 <p class="py-0 my-0" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5074 <b>Endereço:</b> ${orgao['endereco']} 5075 </p> 5076 <p class="py-0 my-0" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5077 <b>Telefone:</b> ${orgao['telefone']} 5078 </p> 5079 <p class="py-0 my-0" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5080 <b>
5080E-mail:</b> ${orgao['email']} 5081 </p> 5082 </div> 5083 </div> 5084 <div class="col-12 col-md-4 mt-5 pt-5" style="position: relative;bottom:0px;"> 5085 <div class="pt-4"> 5086 <img class="col-12 js-foto-secretario" src="${resolverSrcFotoSecretaria(orgao['foto_secretario'])}" alt=""> 5087 <h5 class="text-end px-0" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5088 ${orgao['diretor']} 5089 </h5> 5090 </div> 5091 </div> 5092 </div> 5093 </div> 5094 </div> 5095 `; 5096 } else { 5097 htmlContent = ` 5098 <div class="col-12 col-md-3 m-2 card-sec pt-3" data-secretaria="${orgao['id_secretaria']}" 5099 style="height: 151px; border: 1px solid #000; border-radius: 10px; overflow: hidden;"> 5100 <div class="col-12 text-start"> 5101 <h5 class="sec-nome" style="font-family: 'Rawline-900'!important; word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5102 <b>${orgao['nome'].toUpperCase()}</b> 5103 </h5> 5104 </div> 5105 </div> 5106 <div class="d-none col-12 p-5 info" id="info-${orgao['id_secretaria']}" style="min-height: 542px;"> 5107 <div class="col-12 bg-white p-5" style="min-height: 450px; border-radius:10px;"> 5108 <div class="row mx-0 px-0"> 5109 <div class="col-12 col-md-8"> 5110 <h2 class="col-12 col-md-10" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5111 <b> ${orgao['nome'].toUpperCase()} </b> 5112 </h2> 5113 5114 <p class="p-1" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5115 ${orgao['servicos']} 5116 </p> 5117 5118 <div class="mt-5 row mx-0"> 5119 <p class="py-0 my-0" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5120 <b>Endereço:</b> ${orgao['endereco']} 5121 </p> 5122 <p class="py-0 my-0" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5123 <b>Telefone:</b> ${orgao['telefone']} 5124 </p> 5125 <p class="py-0 my-0" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5126 <b>E-mail:</b> ${orgao['email']} 5127 </p> 5128 </div> 5129 </div> 5130 <div class="col-12 col-md-4 mt-5 pt-5" style="position: relative;bottom:0px;"> 5131 <div class="pt-4"> 5132 <img class="col-12 js-foto-secretario" src="${resolverSrcFotoSecretaria(orgao['foto_secretario'])}" alt=""> 5133 <h5 class="text-end px-0" style="word-wrap: break-word; overflow-wrap: break-word; white-space: normal;"> 5134 ${orgao['diretor']} 5135 </h5> 5136 </div> 5137 </div> 5138 </div> 5139 </div> 5140 </div> 5141 `; 5142 } 5143 5144 5145 $('.org-grupos').append(htmlContent); 5146 }); 5147 5148 ajustarLarguraFotosSecretario(); 5149 }, 5150 error: function(xhr, status, error) { 5151 console.log(xhr.responseText); 5152 } 5153 }); 5154 }); 5155 5156 function ucwords(str) { 5157 return str.replace(/\b\w/g, function(char) { 5158 return char.toUpperCase(); 5159 }); 5160 } 5161 5162 5163 }); 5164 5165 $('#search_sec').keyup(function() { 5166 let palavra_pesquisada = $('#search_sec').val().trim(); 5167 5168 if (palavra_pesquisada === '') { 5169 location.reload(); // recarrega a página e traz todos os dados novamente 5170 return; 5171 } 5172 5173 // aqui segue normalmente com o $.ajax... 5174 }); 5175 5176 5177 $(document).ready(function() { 5178 function ajustarPadding() { 5179 if ($(window).width() < 800) { 5180 $('.alterarpadd').removeClass('p-5').addClass('p-1'); 5181 } else { 5182 $('.alterarpadd').removeClass('p-1').addClass('p-5'); 5183 } 5184 } 5185 5186 // Executa a função ao carregar a página 5187 ajustarPadding(); 5188 5189 // Monitora mudanças no tamanho da janela 5190 $(window).resize(function() { 5191 ajustarPadding(); 5192 }); 5193 }); 5194 5195 $(document).ready(function() { 5196 function ajustarColunas() { 5197 if ($(window).width() > 800 && $(window).width() < 1200) { 5198 $('.ajustacoluna').removeClass('col-md-4 col-md-3').addClass('col-md-3'); 5199 } else if ($(window).width() >= 1200) { 5200 $('.ajustacoluna').removeClass('col-md-4').addClass('col-md-3'); 5201 } else { 5202 $('.ajustacoluna').removeClass('col-md-3').addClass('col-md-4'); 5203 } 5204 } 5205 5206 // Executa a função ao carregar a página 5207 ajustarColunas(); 5208 5209 // Monitora mudanças no tamanho da janela 5210 $(window).resize(function() { 5211 ajustarColunas(); 5212 }); 5213 }); 5214</script>
vendor: 1 bytes, line 5214
5214
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.