CINXE.COM
Governo de Sergipe
<!doctype html> <html lang="pt-br"> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width, initial-scale=1"> <title>Governo de Sergipe</title> <link rel="shortcut icon" href="https://www.se.gov.br/favicon.png" type="image/x-icon" /> <link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-KK94CHFLLe+nY2dmCWGMq91rCGa5gtU4mk92HdvYe+M/SXH301p5ILy+dN9+nJOZ" crossorigin="anonymous"> <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.2.1/css/all.min.css" integrity="sha512-MV7K8+y+gLIBoVD59lQIYicR65iaqukzvf/nwasF0nqhPay5w/9lJmVM2hMDcnK1OnMGCdVK+iQrJ7lzPJQd1w==" crossorigin="anonymous" referrerpolicy="no-referrer" /> <link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.css" /> <link rel="stylesheet" type="text/css" href="https://www.se.gov.br/frontend/css/style_geral.css"> <link rel="stylesheet" type="text/css" href="https://www.se.gov.br/frontend/css/style_home.css"> <link rel="stylesheet" type="text/css" href="https://www.se.gov.br/frontend/css/style_noticia.css"> <link rel="stylesheet" type="text/css" href="https://www.se.gov.br/frontend/css/style_multimidia.css"> <link rel="stylesheet" type="text/css" href="https://www.se.gov.br/frontend/css/style_secretaria.css"> <link rel="stylesheet" type="text/css" href="https://www.se.gov.br/frontend/css/style_conheca_sergipe.css"> <link rel="stylesheet" type="text/css" href="https://www.se.gov.br/frontend/css/style_page_secretaria.css"> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js" integrity="sha512-pumBsjNRGGqkPzKHndZMaAG+bir374sORyzM3uulLV14lN5LyykqNk8eEeUlUkB3U0M4FApyaHraT65ihJhDpQ==" crossorigin="anonymous" referrerpolicy="no-referrer"></script> <script src="https://cdn.jsdelivr.net/npm/@popperjs/core@2.11.7/dist/umd/popper.min.js" integrity="sha384-zYPOMqeu1DAVkHiLqWBUTcbYfZ8osu1Nd6Z89ify25QV9guujx43ITvfi12/QExE" crossorigin="anonymous"> </script> <script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0-alpha3/dist/js/bootstrap.min.js" integrity="sha384-Y4oOpwW3duJdCWv5ly8SCFYWqFDsfob/3GkgExXKV4idmbt98QcxXYs9UoXAB7BZ" crossorigin="anonymous"> </script> <script src="https://cdn.jsdelivr.net/gh/fancyapps/fancybox@3.5.7/dist/jquery.fancybox.min.js"></script> </head> <body> <div id="tudo"> <!-- icone acessibilidade wheelchair --> <div id="opcao_acessibilidade"> <button type="button" class="wheelchair-icon btn btn-secondary dropdown-toggle dropdown-toggle-split" data-bs-toggle="dropdown" aria-expanded="false"> </button> <ul class="dropdown-menu"> <li> <i class="fa-solid fa-plus"></i> <a href="#" id="btnAumentar2" onclick="btn_aumentar()">Aumentar de fonte</a></li> <li><i class="fa-solid fa-minus"></i> <a href="#" id="btnDiminuir2" onclick="btn_diminuir()">Diminuir de fonte</a></li> <li><i class="fa fa-bullseye"></i> <a href="#" onclick="tom_cinza()">Escala de Cinza</a></li> <li><i class="fa fa-adjust"></i> <a href="#" onclick="perfil_contraste()">Contraste</a></li> </ul> </div> <!-- DESKTOP --> <section class="d-none d-md-block"> <div id="topo" class="container mb-5"> <div class="row"> <div class="col-md-4"> <a href="https://www.se.gov.br/setur"> <img src="https://www.se.gov.br/img/logo_branca/setur.png" class="img-fluid mt-4 logo"> </a> <div class="progress-stacked"> <div class="progress" role="progressbar" aria-label="Segment one" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 33%"> <div class="progress-bar" style="background-color: #008acb;"></div> </div> <div class="progress" role="progressbar" aria-label="Segment two" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 35%"> <div class="progress-bar" style="background-color: #7bb52c;"></div> </div> <div class="progress" role="progressbar" aria-label="Segment three" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 35%"> <div class="progress-bar" style="background-color: #ffb400;"></div> </div> </div> </div> <div class="col-md-8"> <div class="row"> <div id="acessibilidade" class="col-md-8 offset-4 mt-3 text-end"> <div class="col-md-12 mt-2 mb-3"> <a href="https://twitter.com/i/flow/login?redirect_after_login=%2Fturismo_se" target="_blank"> <img src="https://www.se.gov.br/frontend/img/twitter.svg" width="35px"> </a> <a href="https://www.instagram.com/turismo.se/" target="_blank"> <img src="https://www.se.gov.br/frontend/img/instagram.svg" width="35px"> </a> <a href="https://m.facebook.com/setur.se" target="_blank"> <img src="https://www.se.gov.br/frontend/img/facebook.svg" width="35px"> </a> <a href="https://www.tiktok.com/@turismosergipe?_t=8fsNJWveqVa&_r=1" target="_blank"> <img src="https://www.se.gov.br/frontend/img/tiktok2.png" width="35px"> </a> <button id="btnAumentar" class="botao" title="Aumentar a fonte" onclick="btn_aumentar2()">A+</button> <button id="btnDiminuir" class="botao" title="Diminuir a fonte" onclick="btn_diminuir2()">A-</button> <button class="botao" title="Tema Cinza" onclick="tom_cinza()"> <i class="fa fa-bullseye" aria-hidden="true"></i> </button> <button class="botao" title="Tema Contraste" onclick="perfil_contraste()"> <i class="fa fa-adjust"></i> </button> </div> <div class="col-md-8 offset-4"> <div class="mb-2"> <a href="https://www.se.gov.br/mapa_site/orgao/44"> <img src="https://www.se.gov.br/frontend/img/mapa_site.svg" width="30px"> Mapa do site </a> </div> <div> <form role="form" action="https://www.se.gov.br/SETUR/44/pesquisa" method="post"> <input type="hidden" name="_token" value="Jwkcph2FnAqBpoAeKdvpORKAxj8h8E4LBJHAgnUN" autocomplete="off"> <div id="form-pesquisa" class="input-group input-group-sm"> <div class="input-group input-group-sm mb-3"> <button class="btn btn-outline-secondary" type="submit" id="button-addon1"><i class="fas fa-search"></i></button> <input type="text" class="form-control" name="pesq" placeholder="O que você procura?" aria-label="Example text with button addon" aria-describedby="button-addon1" autofocus> </div> </div> </form> </div> </div> </div> <div id="menu_topo" class="col-md-12 text-end"> <ul class="nav"> <li class="nav-item"> <a href="https://www.se.gov.br/setur/setur_home" class="nav-link"> Início </a> </li> <li class="nav-item"> <a href="https://www.se.gov.br/setur/setur_noticias" class="nav-link"> Notícias </a> </li> <li class="nav-item"> <a href="https://www.se.gov.br/setur/setur_institucional" class="nav-link"> Institucional </a> </li> <li class="nav-item"> <a href="https://www.se.gov.br/setur/setur_transparencia" class="nav-link"> Transparência </a> </li> <li class="nav-item"> <a href="https://www.se.gov.br/setur/setur_sic_ouvidoria_e_sic" class="nav-link"> SIC / Ouvidoria / E-sic </a> </li> <li class="nav-item"> <a href="https://www.se.gov.br" class="nav-link"> Governo de Sergipe </a> </li> </ul> </div> </div> </div> </div> </div> </section> <!-- MOBILE --> <section class="d-block d-md-none"> <!-- menu_mobile --> <nav class="navbar fixed-top"> <div class="container-fluid"> <a class="navbar-brand" href="#"></a> <button class="navbar-toggler" type="button" data-bs-toggle="offcanvas" data-bs-target="#offcanvasNavbar" aria-controls="offcanvasNavbar" aria-label="Toggle navigation" style="background-color: #eee;"> <span class="navbar-toggler-icon"></span> </button> <div class="offcanvas offcanvas-end" tabindex="-1" id="offcanvasNavbar" aria-labelledby="offcanvasNavbarLabel"> <div class="offcanvas-header"> <h5 class="offcanvas-title" id="offcanvasNavbarLabel">GOVERNO DE SERGIPE</h5> <button type="button" class="btn-close" data-bs-dismiss="offcanvas" aria-label="Close"></button> </div> <div class="offcanvas-body"> <ul class="navbar-nav justify-content-end flex-grow-1 pe-3"> <li class="nav-item"> <a href="https://www.se.gov.br/setur/setur_home" class="nav-link"> Início </a> </li> <li class="nav-item"> <a href="https://www.se.gov.br/setur/setur_noticias" class="nav-link"> Notícias </a> </li> <li class="nav-item"> <a href="https://www.se.gov.br/setur/setur_institucional" class="nav-link"> Institucional </a> </li> <li class="nav-item"> <a href="https://www.se.gov.br/setur/setur_transparencia" class="nav-link"> Transparência </a> </li> <li class="nav-item"> <a href="https://www.se.gov.br/setur/setur_sic_ouvidoria_e_sic" class="nav-link"> SIC / Ouvidoria / E-sic </a> </li> <li class="nav-item"> <a href="https://www.se.gov.br" class="nav-link"> Governo de Sergipe </a> </li> </ul> <form role="form" action="https://www.se.gov.br/SETUR/44/pesquisa" method="post"> <input type="hidden" name="_token" value="Jwkcph2FnAqBpoAeKdvpORKAxj8h8E4LBJHAgnUN" autocomplete="off"> <input class="form-control form-control-sm me-2" type="search" placeholder="O que você procura?" aria-label="Search" name="pesq"> <button class="btn btn-sm btn-outline-success" type="submit">Pesquisar</button> </form> </div> </div> </div> </nav> <div id="topo_mobile" class="container"> <div class="row"> <div class="col-8 offset-2"> <a href="https://www.se.gov.br/setur"> <img src="https://www.se.gov.br/img/logo_branca/setur.png" class="img-fluid logo"> </a> <div class="progress-stacked"> <div class="progress" role="progressbar" aria-label="Segment one" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 33%"> <div class="progress-bar" style="background-color: #008acb;"></div> </div> <div class="progress" role="progressbar" aria-label="Segment two" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 35%"> <div class="progress-bar" style="background-color: #7bb52c;"></div> </div> <div class="progress" role="progressbar" aria-label="Segment three" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 35%"> <div class="progress-bar" style="background-color: #ffb400;"></div> </div> </div> </div> <div class="col-8 offset-2 mt-3 text-center"> <div class="col-12 mt-2 mb-4"> <a href="https://twitter.com/i/flow/login?redirect_after_login=%2Fturismo_se" target="_blank"> <img src="https://www.se.gov.br/frontend/img/twitter.svg" width="35px"> </a> <a href="https://www.instagram.com/turismo.se/" target="_blank"> <img src="https://www.se.gov.br/frontend/img/instagram.svg" width="35px"> </a> <a href="https://m.facebook.com/setur.se" target="_blank"> <img src="https://www.se.gov.br/frontend/img/facebook.svg" width="35px"> </a> <a href="https://www.tiktok.com/@turismosergipe?_t=8fsNJWveqVa&_r=1" target="_blank"> <img src="https://www.se.gov.br/frontend/img/tiktok2.png" width="35px"> </a> </div> </div> </div> </div> </section> <section id="page_secretaria"> <div class="container mb-85"> <div class="row"> <!-- Coluna 1 --> <div class="col-md-10"> <section id="conheca-calendario-interno"> <div class="container"> <div class="row"> <div class="col-md-9"> <h1> Calendário de Eventos de Sergipe</h1> </div> <div class="col-md-3"> <a href=" https://www.se.gov.br/anexos/uploads/download/midia/118/855cabe6fb82f3430625945050cf1e92.pdf" class="btn btn-outline-info w-100 mb-4"> <i class="fa fa-download" aria-hidden="true"></i> Calendário Completo </a> <a href="https://www.se.gov.br/calendario/formulario" class="btn btn-outline-secondary w-100"> Cadastre seu evento </a> </div> </div> <div class="row"> <div class="col-md-12"> <form role="form" action="" method="post"> <input type="hidden" name="_token" value="Jwkcph2FnAqBpoAeKdvpORKAxj8h8E4LBJHAgnUN" autocomplete="off"> <div class="form-row"> <div class="col-md-4 mb-3"> <label for="title">Título</label> <input id="title" name="title" type="text" class="form-control form-control-sm" aria-required="true" aria-invalid="false" value=""> </div> <div class="col-md-2 mb-3"> <label for="dtinicio">Início</label> <input name="dtinicio" type="date" class="form-control form-control-sm" value=""> </div> <div class="col-md-2 mb-3"> <label for="dtfim">Fim</label> <input name="dtfim" type="date" class="form-control form-control-sm" value=""> </div> </div> <div class="form-row"> <div class="col-md-3 mb-3"> <label for="validationCustom01">Cidade</label> <select class="form-control form-control-sm" id="cidade_id" name="cidade_id"> <option value=0> TODAS </option>; <option value=5351 > Amparo de São Francisco </option>; <option value=5352 > Aquidabã </option>; <option value=5353 > Aracaju </option>; <option value=5354 > Arauá </option>; <option value=5355 > Areia Branca </option>; <option value=5356 > Barra dos Coqueiros </option>; <option value=5357 > Boquim </option>; <option value=5358 > Brejo Grande </option>; <option value=5359 > Campo do Brito </option>; <option value=5360 > Canhoba </option>; <option value=5361 > Canindé de São Francisco </option>; <option value=5362 > Capela </option>; <option value=5363 > Carira </option>; <option value=5364 > Carmópolis </option>; <option value=5365 > Cedro de São João </option>; <option value=5366 > Cristinápolis </option>; <option value=5367 > Cumbe </option>; <option value=5368 > Divina Pastora </option>; <option value=5369 > Estância </option>; <option value=5370 > Feira Nova </option>; <option value=5371 > Frei Paulo </option>; <option value=5372 > Gararu </option>; <option value=5373 > General Maynard </option>; <option value=5374 > Gracho Cardoso </option>; <option value=5375 > Ilha das Flores </option>; <option value=5376 > Indiaroba </option>; <option value=5377 > Itabaiana </option>; <option value=5378 > Itabaianinha </option>; <option value=5379 > Itabi </option>; <option value=5380 > Itaporanga d`Ajuda </option>; <option value=5381 > Japaratuba </option>; <option value=5382 > Japoatã </option>; <option value=5383 > Lagarto </option>; <option value=5384 > Laranjeiras </option>; <option value=5385 > Macambira </option>; <option value=5386 > Malhada dos Bois </option>; <option value=5387 > Malhador </option>; <option value=5388 > Maruim </option>; <option value=5389 > Moita Bonita </option>; <option value=5390 > Monte Alegre de Sergipe </option>; <option value=5391 > Muribeca </option>; <option value=5392 > Neópolis </option>; <option value=5393 > Nossa Senhora Aparecida </option>; <option value=5394 > Nossa Senhora da Glória </option>; <option value=5395 > Nossa Senhora das Dores </option>; <option value=5396 > Nossa Senhora de Lourdes </option>; <option value=5397 > Nossa Senhora do Socorro </option>; <option value=5398 > Pacatuba </option>; <option value=5399 > Pedra Mole </option>; <option value=5400 > Pedrinhas </option>; <option value=5401 > Pinhão </option>; <option value=5402 > Pirambu </option>; <option value=5403 > Poço Redondo </option>; <option value=5404 > Poço Verde </option>; <option value=5405 > Porto da Folha </option>; <option value=5406 > Propriá </option>; <option value=5407 > Riachão do Dantas </option>; <option value=5408 > Riachuelo </option>; <option value=5409 > Ribeirópolis </option>; <option value=5410 > Rosário do Catete </option>; <option value=5411 > Salgado </option>; <option value=5412 > Santa Luzia do Itanhy </option>; <option value=5413 > Santa Rosa de Lima </option>; <option value=5414 > Santana do São Francisco </option>; <option value=5415 > Santo Amaro das Brotas </option>; <option value=5416 > São Cristóvão </option>; <option value=5417 > São Domingos </option>; <option value=5418 > São Francisco </option>; <option value=5419 > São Miguel do Aleixo </option>; <option value=5420 > Simão Dias </option>; <option value=5421 > Siriri </option>; <option value=5422 > Telha </option>; <option value=5423 > Tobias Barreto </option>; <option value=5424 > Tomar do Geru </option>; <option value=5425 > Umbaúba </option>; </select> </div> <div class="col-md-3 mb-2"> <label for="validationCustom01">Tipo</label> <select class="form-control form-control-sm" id="tipo_id" name="tipo_id"> <option value=0> TODAS </option>; <option value=4 > Aniversário </option>; <option value=5 > Congresso e Afins </option>; <option value=6 > Desfile </option>; <option value=7 > Feira / Exposição / Mostra </option>; <option value=8 > Festa </option>; <option value=9 > Festival </option>; <option value=10 > Movimento </option>; <option value=11 > Campeonato / Torneio / Concurso </option>; <option value=12 > Outro </option>; <option value=13 > Evento </option>; <option value=14 > Comemoração </option>; <option value=15 > Evento On-line </option>; <option value=16 > Encontro </option>; <option value=17 > Show </option>; <option value=18 > Apresentação </option>; </select> </div> <div class="col-md-2 mb-2"> <label for="validationCustom01">Categoria</label> <select class="form-control form-control-sm" id="categoria_id" name="categoria_id"> <option value=0> TODAS </option>; <option value=15 > Artístico / Folclórico / Cultural </option>; <option value=16 > Científico ou Técnico </option>; <option value=17 > Comercial ou promocional </option>; <option value=18 > Ecoturismo </option>; <option value=19 > Esportivo </option>; <option value=20 > Gastronômico </option>; <option value=21 > Moda </option>; <option value=22 > Religioso </option>; <option value=23 > Rural </option>; <option value=24 > Social, cívico ou histórico </option>; <option value=25 > Outro </option>; <option value=26 > Agro </option>; <option value=27 > Festejos Juninos </option>; <option value=28 > Negócios </option>; <option value=29 > Saúde </option>; </select> </div> </div> <div class="row"> <div class="col-md-12 mb-2"> <div class="form-check"> <input class="form-check-input" type="checkbox" id="evento_concluido" name="evento_concluido" > <label class="form-check-label" for="evento_concluido"> Visualizar eventos concluídos </label> </div> </div> </div> <div class="row"> <div class="col-md-12"> <button class="btn btn-primary btn-sm" type="submit">Filtrar</button> <a href="https://www.se.gov.br/calendario/filter_limpar" class="btn btn-warning btn-sm" type="submit">Limpar</a> </div> </div> </form> </div> </div> <br> <br> <div id="calendario" class="row"> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2354)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#B3B4DA; border-radius:0px; border:none;"> <b>Comercial ou promocional</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">22</div> <div class="text-center" style="font-size:20px; font-weight:border;">FEV</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>EXPO ARTE SERGIPE</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 22/02/2025 a 23/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Acontecendo </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Aracaju <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2489)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#FFE885; border-radius:0px; border:none;"> <b>Artístico / Folclórico / Cultural</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">28</div> <div class="text-center" style="font-size:20px; font-weight:border;">FEV</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>CARNAVAL DA ALEGRIA DE AREIA BRANCA</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 28/02/2025 a 27/04/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Acontecendo </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Areia Branca <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2448)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#FFE885; border-radius:0px; border:none;"> <b>Artístico / Folclórico / Cultural</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">08</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>PROGRAMAÇÃO DO ANIVERSÁRIO DE ARACAJU – 170 ANOS</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 08/03/2025 a 30/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Acontecendo </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Aracaju <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2488)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#F59598; border-radius:0px; border:none;"> <b>Gastronômico</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">08</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>1º CIRCUITO GASTRONÔMICO DE ARACAJU</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 08/03/2025 a 29/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Acontecendo </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Aracaju <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2494)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#89BADE; border-radius:0px; border:none;"> <b>Esportivo</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">09</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>CAMPEONATO CRISTINAPOLITANO 2025 – DE FUTEBOL AMADOR ANTÔNIO ZEZÉ</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 09/03/2025 a 20/04/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Acontecendo </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Cristinápolis <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2500)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#FFE885; border-radius:0px; border:none;"> <b>Artístico / Folclórico / Cultural</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">10</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>CIRCUITO CULTURAL – ARACAJU 170 ANOS</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 10/03/2025 a 31/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Acontecendo </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Aracaju <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2502)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#FFE885; border-radius:0px; border:none;"> <b>Artístico / Folclórico / Cultural</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">17</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>XV FESTIVAL DE ARTES NA CAATINGA</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 17/03/2025 a 21/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Acontecendo </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Japaratuba <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2511)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#FFE885; border-radius:0px; border:none;"> <b>Artístico / Folclórico / Cultural</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">18</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>SEMANA DA CAJUCIDADE – CELEBRE A MÚSICA QUE NASCE AQUI – ARACAJU 170 ANOS</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 18/03/2025 a 23/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Acontecendo </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Aracaju <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2523)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#FFE885; border-radius:0px; border:none;"> <b>Artístico / Folclórico / Cultural</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">20</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>1ª EXPO LOURDES</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 20/03/2025 a 22/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Acontecendo </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Nossa Senhora de Lourdes <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2173)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#689AAB; border-radius:0px; border:none;"> <b>Científico ou Técnico</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">20</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>31º CONGRESSO NORTE-NORDESTE DE OFTALMOLOGIA - CNNO</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 20/03/2025 a 22/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Acontecendo </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Aracaju <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2362)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#AACC97; border-radius:0px; border:none;"> <b>Agro</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">20</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>1ª EXPOLOURDES</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 20/03/2025 a 22/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Acontecendo </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Nossa Senhora de Lourdes <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2506)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#EFE673; border-radius:0px; border:none;"> <b>Religioso</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">21</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>EXALTAI CANINDÉ – UMA NOITE DE LOUVOR E ADORAÇÃO</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 21/03/2025 a 22/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Faltam 1 dias </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Canindé de São Francisco <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2512)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#FFE885; border-radius:0px; border:none;"> <b>Artístico / Folclórico / Cultural</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">21</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>LINIKER – APRESENTA CAJU</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 21/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Faltam 1 dias </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Aracaju <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2263)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#FFE885; border-radius:0px; border:none;"> <b>Artístico / Folclórico / Cultural</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">21</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>LINIKER APRESENTA: CAJU SHOW TOUR</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 21/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Faltam 1 dias </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> Aracaju <br> </div> </div> </div> </div> </a> </div> </div> <div class="col-md-4"> <div class="card" style="margin-bottom: 15px; border-radius:0px; height:270px;"> <a href="#" data-bs-toggle="modal" data-bs-target="#exampleModal" onclick="getDados(2510)" style="text-decoration: none;"> <div class="card-header" style="width:90%; background-color:#EFE673; border-radius:0px; border:none;"> <b>Religioso</b> </div> <div class="card-body"> <div class="row"> <div class="col-3" style="border-right:solid 1px #ccc;"> <div class="text-center" style="font-size:40px; font-weight:border; margin-bottom: 0px;">21</div> <div class="text-center" style="font-size:20px; font-weight:border;">MAR</div> </div> <div class="col-9"> <div style="font-size:13px; margin-bottom:9px;"> <b>YÁ OUMIM – PROJETO MÃE DAS ÁGUAS</b> </div> <div style="font-size:13px; margin-bottom:9px;"> </div> <div style="font-size:15px; margin-bottom:5px;"> 21/03/2025 </div> <div style="font-size:15px; margin-bottom:7px;"> Faltam 1 dias </div> <div style="font-size:15px;"> <i class="fa fa-map-marker" aria-hidden="true"></i> São Cristóvão <br> </div> </div> </div> </div> </a> </div> </div> </div> <div class="row"> <div class="col-md-12" style="margin: 40px 0 40px 0;"> <nav aria-label="Page navigation example"> <ul class="pagination"> <!-- prev --> <li class="page-item disabled"> <a class="page-link" href=""><span aria-hidden="true">«</span></a> </li> <!-- prev end --> <!-- numbers --> <li class="page-item"><a class="page-link" href="http://www.se.gov.br/calendario?page=1"><b>1</b></a></li> <li class="page-item"><a class="page-link" href="http://www.se.gov.br/calendario?page=2">2</a></li> <li class="page-item"><a class="page-link" href="http://www.se.gov.br/calendario?page=3">3</a></li> <li class="page-item"><a class="page-link" href="http://www.se.gov.br/calendario?page=4">4</a></li> <li class="page-item"><a class="page-link" href="http://www.se.gov.br/calendario?page=5">5</a></li> <li class="page-item"><a class="page-link" href="http://www.se.gov.br/calendario?page=6">6</a></li> <li class="page-item"><a class="page-link" href="http://www.se.gov.br/calendario?page=7">7</a></li> <li class="page-item"><a class="page-link" href="http://www.se.gov.br/calendario?page=8">8</a></li> <li class="page-item"><a class="page-link" href="http://www.se.gov.br/calendario?page=9">9</a></li> <!-- end numbers --> <!-- next --> <li class="page-item"> <a class="page-link" href="http://www.se.gov.br/calendario?page=2"><span aria-hidden="true">»</span></a> </li> <!-- next end --> </ul> </nav> </div> </div> </div> </section> </div> <!-- coluna lateral menu --> <div class="col-md-2 mb-4"> <a href="https://www.se.gov.br/setur/setur_calendario_de_eventos" style="text-decoration: none;"> <div class="menu_lateral_categorias_botao mb-3"><b>Calendário de Eventos</b></div> </a> <a href="https://www.se.gov.br/setur/setur_mapa_do_turismo_de_sergipe" style="text-decoration: none;"> <div class="menu_lateral_categorias_botao mb-3"><b>Mapa do Turismo de Sergipe</b></div> </a> <a href="https://www.se.gov.br/setur/setur_e_doc" style="text-decoration: none;"> <div class="menu_lateral_categorias_botao mb-3"><b>e-Doc</b></div> </a> <a href="https://www.se.gov.br/setur/setur_expresso_e_mail_" style="text-decoration: none;"> <div class="menu_lateral_categorias_botao mb-3"><b>Expresso (e-mail)</b></div> </a> <a href="https://www.se.gov.br/setur/setur_portal_de_legislacao" style="text-decoration: none;"> <div class="menu_lateral_categorias_botao mb-3"><b>Portal de Legislação</b></div> </a> <a href="https://www.se.gov.br/setur/setur_lgpd" style="text-decoration: none;"> <div class="menu_lateral_categorias_botao mb-3"><b>LGPD</b></div> </a> <a href="https://www.se.gov.br/setur/setur_diario_oficial" style="text-decoration: none;"> <div class="menu_lateral_categorias_botao mb-3"><b>Diário Oficial</b></div> </a> <a href="https://www.se.gov.br/setur/setur_portal_do_servidor" style="text-decoration: none;"> <div class="menu_lateral_categorias_botao mb-3"><b>Portal do Servidor</b></div> </a> </div> <!-- coluna lateral --> </div> </div> </section> <!-- Button trigger modal --> <!-- <button type="button" class="btn btn-primary" data-bs-toggle="modal" data-bs-target="#exampleModal"> Launch demo modal </button> --> <!-- Modal --> <div class="modal fade" id="exampleModal" tabindex="-1" aria-labelledby="exampleModalLabel" aria-hidden="true"> <div class="modal-dialog modal-lg"> <div class="modal-content"> <div class="modal-header"> <!-- <h5 class="modal-title" id="exampleModalLabel">Modal title</h5> --> <button type="button" class="btn-close" data-bs-dismiss="modal" aria-label="Close"></button> </div> <div class="modal-body"> <div class="row"> <div class="col-4"> <span id="modal_imagem"></span> </div> <div class="col-8"> <span id="modal_titulo" style="font-size: 23px;"></span> <br><br> <span id="modal_descricao"></span> <br> <b>Cidade:</b> <span id="modal_cidade"></span> </div> </div> </div> <div class="modal-footer"> <button type="button" class="btn btn-secondary" data-bs-dismiss="modal">Fechar</button> </div> </div> </div> </div> <script type="text/javascript"> function getDados(id) { $.get( "https://www.se.gov.br/api/calendario/FindById/"+id, function(data){ $("#modal_id").html(data[0].id); $("#modal_titulo").html(data[0].title); $("#modal_descricao").html(data[0].descricao); $("#modal_cidade").html(data[0].cidade); }); $.get( "https://www.se.gov.br/api/calendario/FindById/"+id+"/todas_images", function(data2) { var imagem = ''; for (var i = 0; i < data2.length; i++) { var img = 'https://www.se.gov.br/anexos/uploads/calendario/image/'+data2[i].id+'/'+data2[i].image; imagem += '<a href="'+img+'" data-fancybox="images">'; imagem += '<img src="'+img+'" class="img-fluid"> <br>'; imagem += '</a>'; } console.log(i); $("#modal_imagem").html(imagem); }); } </script> <div id="footer"> <div class="container"> <div class="row"> <div class="col-md-12 mt-5"> <div class="row"> <div class="col-sm-12 col-md-2 mb-4"> <a href="https://www.se.gov.br/setur"> <img src="https://www.se.gov.br/img/logo_branca/setur.png" class="img-fluid mt-4 logo"> </a> <div class="progress-stacked"> <div class="progress" role="progressbar" aria-label="Segment one" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 33%"> <div class="progress-bar" style="background-color: #008acb;"></div> </div> <div class="progress" role="progressbar" aria-label="Segment two" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 35%"> <div class="progress-bar" style="background-color: #7bb52c;"></div> </div> <div class="progress" role="progressbar" aria-label="Segment three" aria-valuenow="33" aria-valuemin="0" aria-valuemax="100" style="width: 35%"> <div class="progress-bar" style="background-color: #ffb400;"></div> </div> </div> </div> <div class="col-sm-12 col-md-10"> <div class="row mb-0"> <div class="col-sm-12 col-md-6 offset-md-1 mb-5"> SETUR - Secretaria de Estado do Turismo<br> <div><a href="https://goo.gl/maps/BxW4CeGPeUyj4vva9" target="_blank"> Avenida Murilo Dantas, 881 Galeria Farol Center. Farolândia, Aracaju – SE CEP 49032-490 </a> </div> <div>gabinete@setur.se.gov.br</div> <div>Telefone: (79)3249-8600</div> <div>Atendimento: Seg a Qui: 7:30 às 13:30 Sex 07:30 às 13:00</div> </div> <div class="col-sm-12 col-md-5 text-end"> <div class="row mb-4"> <div class="col-md-12"> <a href="https://twitter.com/i/flow/login?redirect_after_login=%2Fturismo_se" target="_blank"> <img src="https://www.se.gov.br/frontend/img/twitter.svg" width="35px"> </a> <a href="https://www.instagram.com/turismo.se/" target="_blank"> <img src="https://www.se.gov.br/frontend/img/instagram.svg" width="35px"> </a> <a href="https://m.facebook.com/setur.se" target="_blank"> <img src="https://www.se.gov.br/frontend/img/facebook.svg" width="35px"> </a> <a href="https://www.tiktok.com/@turismosergipe?_t=8fsNJWveqVa&_r=1" target="_blank"> <img src="https://www.se.gov.br/frontend/img/tiktok2.png" width="35px"> </a> </div> </div> <div class="row mb-4"> <div class="col-md-4"> <a href="https://www.se.gov.br/setc/setc_lai_acesso_a_informacao-1" target="_black"> <img src="https://www.se.gov.br/frontend/img/acesso_informacao.png" width="130px"> </a> </div> <div class="col-md-4"> <a href="https://sites.tcu.gov.br/verifique-adesao-pnpc" target="_black"> <img src="https://www.se.gov.br/frontend/img/chancela.png" width="100px"> </a> </div> <div class="col-md-4"> <a href="https://radardatransparencia.atricon.org.br/panel.html" target="_black"> <img src="https://www.se.gov.br/frontend/img/radar.svg" width="130px"> </a> </div> </div> <div class="row"> <div class="col-md-12 mb-2"> <a href="https://www.se.gov.br/politica_de_privacidade">Política de Privacidade</a> </div> <div class="col-md-12"> <a href="https://www.se.gov.br/mapa_site/orgao/44"> <img src="https://www.se.gov.br/frontend/img/mapa_site.svg" width="30px"> Mapa do site </a> </div> </div> </div> <div class="row"> <div class="col-12 text_13"> © Alguns direitos reservados. Todo o conteúdo deste portal pode ser utilizado livremente. </div> </div> <br> </div> </div> </div> </div> </div> </div> <!--Vlibras--> <div vw class="enabled" style="z-index: 0 !important;"> <div vw-access-button class="active"></div> <div vw-plugin-wrapper> <div class="vw-plugin-top-wrapper"></div> </div> </div> <script src="https://vlibras.gov.br/app/vlibras-plugin.js"></script> <script> new window.VLibras.Widget('https://vlibras.gov.br/app'); </script> </div> <div id="cokkie" class="cokkie" style="visibility: hidden;"> <div class="container"> <div class="row"> <div class="col-md-10"> Utilizamos cookies para melhorar a sua experiência nesse site. Ao fechar esta mensagem sem modificar as definições do seu navegador, você concorda com a utilização deles. <a href="https://www.se.gov.br/politica_de_privacidade">Política de Cookies.</a> </div> <div class="col-md-2"> <button type="button" class="btn btn-success btn-sm btn-block" onclick="aceito(1)"> Li e aceito</button> </div> </div> </div> </div> <script type="text/javascript"> let cinza = 0 let contraste = 0 var url = "https://www.se.gov.br"; $('[data-fancybox="gallery"]').fancybox({ buttons: [ 'download', 'thumbs', 'close' ] }); // -- LEI LGPD -- $(document).ready(function() { if (localStorage.getItem('aceito') != 1 || localStorage.getItem('aceito') == null) { document.getElementById("cokkie").style.visibility = "visible"; } else { document.getElementById("cokkie").style.visibility = "hidden"; } }); function aceito(n) { localStorage.setItem('aceito', n); document.getElementById("cokkie").style.visibility = "hidden"; } // -- font size --- var $btnAumentar = $("#btnAumentar"); var $btnAumentar = $("#btnAumentar2"); var $btnDiminuir = $("#btnDiminuir"); var $btnDiminuir = $("#btnDiminuir2"); var $elemento = $("body div"); function obterTamnhoFonte() { let a = parseFloat($elemento.css('font-size')); return a; } function btn_aumentar2() { $elemento.css('font-size', obterTamnhoFonte() + 1); } function btn_diminuir2() { $elemento.css('font-size', obterTamnhoFonte() - 1); } function tom_cinza() { if (cinza == 0) { $('body').css({ 'filter': 'grayscale(100%)' }) cinza = 1 } else { $('body').css({ 'filter': 'grayscale(0%)', }) cinza = 0 } } function perfil_contraste() { if (contraste == 0) { $('body').css({ 'background-color': '#000', 'filter': 'grayscale(100%) contrast(150%)', 'color': '#fff' }) //transformar tudo em font branco var elementos = document.querySelectorAll('*'); for (var i = 0; i < elementos.length; i++) { elementos[i].style.color = 'white'; elementos[i].style.backgroundColor = 'black'; } contraste = 1 } else { $('body').css({ 'background-color': '#f5f5f5', 'filter': 'grayscale(0%) contrast(100%)' }) var elementos = document.querySelectorAll('*'); for (var i = 0; i < elementos.length; i++) { elementos[i].style.color = '#686868'; elementos[i].style.backgroundColor = '#f5f5f5'; } contraste = 0 } } function cliques(id) { fetch(`${url}/api/banners/${id}/cliques`) .then(response => { if (!response.ok) { throw new Error('Erro na requisição'); } return response.json(); }) .then(data => { console.log('Clique registrado:', data); }) .catch(error => { console.error('Erro:', error); }); } </script> </body> </html>