passenaufrgs.com.br Ads.txt file
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<title>Passe na UFRGS | Universitário</title>
<meta name="keywords" content="">
<meta name="description" content="">
<!-- FAVICON -->
<link rel="apple-touch-icon" sizes="57x57" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/apple-icon-57x57.png">
<link rel="apple-touch-icon" sizes="60x60" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/apple-icon-60x60.png">
<link rel="apple-touch-icon" sizes="72x72" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/apple-icon-72x72.png">
<link rel="apple-touch-icon" sizes="76x76" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/apple-icon-76x76.png">
<link rel="apple-touch-icon" sizes="114x114" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/apple-icon-114x114.png">
<link rel="apple-touch-icon" sizes="120x120" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/apple-icon-120x120.png">
<link rel="apple-touch-icon" sizes="144x144" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/apple-icon-144x144.png">
<link rel="apple-touch-icon" sizes="152x152" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/apple-icon-152x152.png">
<link rel="apple-touch-icon" sizes="180x180" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/apple-icon-180x180.png">
<link rel="icon" type="image/png" sizes="192x192" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/android-icon-192x192.png">
<link rel="icon" type="image/png" sizes="32x32" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/favicon-32x32.png">
<link rel="icon" type="image/png" sizes="96x96" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/favicon-96x96.png">
<link rel="icon" type="image/png" sizes="16x16" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/favicon-16x16.png">
<link rel="manifest" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/manifest.json">
<meta name="msapplication-TileColor" content="#ffffff">
<meta name="msapplication-TileImage" content="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/favicon/ms-icon-144x144.png">
<meta name="theme-color" content="#ffffff">
<!-- JQUERY 3.6.4 -->
<script type="text/javascript" src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.6.4/jquery.min.js"></script>
<!-- BOOTSTRAP 5.3.1 -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-4bw+/aepP/YC94hEpVNVgiZdgIC5+VKNBQNGCHeKRQN+PtmoHDEXuppvnDJzQIu9" crossorigin="anonymous">
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.1/dist/js/bootstrap.bundle.min.js" integrity="sha384-HwwvtgBNo3bZJJLYd8oVXjrBZt8cqVSpeBNS5n7C8IVInixGAoxmnlMuBnhbgrkm" crossorigin="anonymous"></script>
<!-- CSS -->
<link rel="stylesheet" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/css/corpo.css?time=1757427187">
<link rel="stylesheet" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/css/variaveis.css?time=1757427187">
<link rel="stylesheet" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/css/mobile.css?time=1757427187">
<!-- REVEAL -->
<script src="https://unpkg.com/scrollreveal@3.3.2/dist/scrollreveal.min.js"></script>
<!-- INÍCIO - CARREGANDO -->
<script>
$("body").append(
'<div class="body_ajax"><div class="spinner is-animating"></div></div>'
);
</script>
</head>
<!-- criar efeito de delay ao entrar no site -->
<body class="fadeIn">
<!-- LOADER -->
<div class="body_ajax">
<!-- class para criar o efeito de carregar -->
<div class="spinner is-animating"></div>
</div>
<!-- TOPO -->
<nav class="navbar navbar-expand-lg bg-3 py-2 tr-4 menu border-bottom px-0">
<div class="container-fluid px-xxl-5 px-xl-5 px-lg-4 px-5">
<a class="navbar-brand me-xxl-5 me-xl-5 me-lg-4 me-md-4 me-sm-auto me-auto ms-auto" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/"></a>
<button class="navbar-toggler me-xxl-0 me-xl-0 me-lg-0 me-auto ms-auto border-0" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav justify-content-end w-100">
<li class="nav-item pt-xxl-0 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-3 pt-3 px-3">
<a class="nav-link link_menu text-uppercase" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/">Home</a>
</li>
<li class="nav-item pt-xxl-0 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-3 pt-3 ps-xxl-3 ps-xl-3 ps-lg-3 ps-md-3 ps-sm-0 ps-0">
<a class="nav-link link_menu text-uppercase scroll" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/como-sao-as-provas" target="_self">
provas
</a>
</li>
<li class="nav-item pt-xxl-0 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-3 pt-3 ps-xxl-3 ps-xl-3 ps-lg-3 ps-md-3 ps-sm-0 ps-0">
<a class="nav-link link_menu text-uppercase scroll" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/conteudos-cobrados" target="_self">
conteúdos
</a>
</li>
<li class="nav-item pt-xxl-0 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-3 pt-3 px-3">
<a class="nav-link link_menu text-uppercase" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/vestibular">
vestibular
</a>
</li>
<li class="nav-item pt-xxl-0 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-3 pt-3 px-3">
<a class="nav-link link_menu text-uppercase" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/redacao">
redação
</a>
</li>
<li class="nav-item pt-xxl-0 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-3 pt-3 px-3">
<a class="nav-link link_menu text-uppercase" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/dicas" target="_self">
dicas
</a>
</li>
<li class="nav-item pt-xxl-0 pt-xl-0 pt-lg-0 pt-md-0 pt-sm-3 pt-3 ps-xxl-3 ps-xl-3 ps-lg-3 ps-md-3 ps-sm-0 ps-0">
<a class="nav-link link_menu text-uppercase scroll" href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/#contatos" target="_self">
contato
</a>
</li>
</ul>
</div>
</div>
</nav>
<section>
<!-- HOME -->
<div id="carouselExample" class="carousel slide">
<div class="carousel-inner">
<div class="carousel-item active">
<picture>
<source media="(min-width: 900px)" srcset="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/banner-topo.png" type="image/png">
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/banner-mobile.png" alt="mobile-banner" class="d-block w-100">
</picture>
</div>
<div class="carousel-item">
<a href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/#precisa" target="_self" class="scroll">
<picture>
<source media="(min-width: 900px)" srcset="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/banner-topo-1.png" type="image/png">
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/banner-mobile-1.png" alt="mobile-banner" class="d-block w-100">
</picture>
</a>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExample" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExample" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div><section class="w-100 h-auto bg-white py-9" id="caminho">
<div class="container">
<h3 class="text-black text-xxl-start text-xl-start text-md-start text-lg-start text-uppercase fw-bold pb-4">
<span class="fw-bold fs-2 text-3 text-uppercase">Universitário:</span>
<br> seu caminho certo até a UFRGS
</h3>
<div class="row justify-content-center mt-4">
<div class="col-xxl-6 col-xl-6 col-md-6 col-lg-6 col-sm-12 col-12 bloco">
<div class="text-start d-flex align-items-center pb-4">
<div><i class="fa-solid fa-check texto-giga text-2 fw-bold me-3"></i></div>
<h6 class="text-black">
<span class="fw-bold text-uppercase">passar na UFRGS começa com disciplina</span>
<br>continua com estratégia e termina com conquista!
</h6>
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-md-6 col-lg-6 col-sm-12 col-12 bloco">
<div class="text-start d-flex align-items-center pb-4">
<div><i class="fa-solid fa-check texto-giga text-2 fw-bold me-3"></i></div>
<h6 class="text-black">
<span class="fw-bold text-uppercase">Não é sobre sorte, é sobre preparação:</span>
<br>é assim que se passa na UFRGS.
</h6>
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-md-6 col-lg-6 col-sm-12 col-12 bloco">
<div class="text-start d-flex align-items-center pb-4">
<div><i class="fa-solid fa-check texto-giga text-2 fw-bold me-3"></i></div>
<h6 class="text-black">
<span class="fw-bold text-uppercase">Estude com propósito,</span>
<br>revise com foco e a UFRGS será consequência.
</h6>
</div>
</div>
<div class="col-xxl-6 col-xl-6 col-md-6 col-lg-6 col-sm-12 col-12 bloco">
<div class="text-start d-flex align-items-center pb-2">
<div><i class="fa-solid fa-check texto-giga text-2 fw-bold me-3"></i></div>
<h6 class="text-black">
<span class="fw-bold text-uppercase">O segredo para passar na UFRGS?</span>
<br>constância nos estudos e confiança no seu potencial.
</h6>
</div>-
</div>
<div class="col-12">
<div class="text-center mt-4">
<h5 class="text-uppercase text-black fw-bold mb-0">Quem sonha coma UFRGS precisa agir como quem já está lá:<br>
<span class="fw-bold text-uppercase text-3">foco total!</span>
</h5>
</div>
</div>
</div>
</div>
</section><section class="w-100 h-auto bg-4 py-9" id="ufrgs">
<div class="container text-center">
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/ufrgs.png" alt="ufrgs" class="img-fluid">
<h1 class="text-black fw-bold text-uppercase mtn-10">vestibular</h1>
<div class="row mt-5 pt-5">
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 mb-xxl-0 mb-xl-0 mb-lg-0 mb-md-0 mb-sm-4 mb-4">
<a href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/como-sao-as-provas" target="_self">
<div class="bg-white h-100 rounded-5 px-3 py-4 text-start shadow-lg efeito">
<div class="row justify-content-between align-items-center">
<div class="col-12 text-xxl-start text-xl-start text-lg-start text-md-start text-sm-center text-center">
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/extensivo.png" alt="imagem" class="img-fluid">
</div>
<div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 text-xxl-start text-xl-start text-lg-start text-md-start text-sm-center text-center border-end border-warning border-4">
<h3 class="text-3 fw-bold text-uppercase pt-3">como<br>
são as<br>
provas?
</h3>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 text-xxl-start text-xl-start text-lg-start text-md-start text-sm-center text-center">
<p class="px-2 fw-semibold mb-0">Composição das Provas do <br>Vestibular UFRGS.<br>
Confira aqui.</p>
</div>
</div>
</div>
</a>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 ">
<a href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/conteudos-cobrados" target="_self">
<div class="bg-white h-100 rounded-5 px-3 py-4 text-start shadow-lg efeito">
<div class="row justify-content-between align-items-center">
<div class="col-12 text-xxl-start text-xl-start text-lg-start text-md-start text-sm-center text-center">
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/intensivo.png" alt="imagem" class="img-fluid">
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 border-end border-warning border-4 text-xxl-start text-xl-start text-lg-start text-md-start text-sm-center text-center">
<h3 class="text-black fw-bold text-uppercase pt-3 fs-5">
<span class="fs-3 text-3">quais os<br>
conteúdos<br>
cobrados?
</h3>
</div>
<div class="col-xxl-5 col-xl-5 col-lg-5 col-md-5 col-sm-12 col-12 text-xxl-start text-xl-start text-lg-start text-md-start text-sm-center text-center">
<p class="fw-semibold mb-0 px-2">Confira o conteúdo completo e fique bem preparado para o seu vestibular.</p>
</div>
</div>
</div>
</a>
</div>
</div>
</div>
</section><section id="precisa" class="w-100 h-auto bg-white">
<div class="row">
<div class="col-xxl-1 col-xl-1 col-lg-1 col-md-1 col-sm-12 col-12 d-mob">
<div class="bg-5 h-100 w-100"></div>
</div>
<div class="col-xxl-11 col-xl-11 col-lg-11 col-md-11 col-sm-12 col-12 py-9">
<h1 class="fs-3 text-uppercase fw-bold text-xxl-start text-xl-start text-lg-start text-md-start text-sm-center text-center px-3 pb-7">
tudo o que você<br><span class="fw-bold fs-1 text-3">precisa saber </span>para ser um
<span class="fw-bold fs-1 text-2">aprovado</span>
</h1>
<div class="container">
<div class="row justify-content-xxl-start justify-content-xl-start justify-content-lg-start justify-content-md-center justify-content-sm-center justify-content-center bloco">
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 text-center mb-5 efeito">
<a href="https://www.gov.br/inep/pt-br/areas-de-atuacao/avaliacao-e-exames-educacionais/enem/provas-e-gabaritos" target="_blank">
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/prognosticos.png" alt="prognosticos" class="img-fluid h-60 mb-3">
<h4 class="text-uppercase fw-bold fs-6 pt-2">ENEM</h4>
<p class="fw-semibold mb-0 fsize-14">Veja o que rolou nas provas<br> anterioes e aproveite para a<br> sua preparação para o ENEM.</p>
</a>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 text-center mb-5 efeito">
<a href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/vestibular" target="_self">
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/provas.png" alt="provas" class="img-fluid h-60 mb-3">
<h4 class="text-uppercase fw-bold fs-6 pt-2">vestibular ufrgs</h4>
<p class="fw-semibold mb-0 fsize-14">Confira as provas e gabaritos dos<br> anos anteriores e prepare-se<br> para o seu Vestibular.</p>
</a>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 text-center mb-5 efeito">
<a href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/redacao" target="_self">
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/redacao.png" alt="redacao" class="img-fluid h-60 mb-3">
<h4 class="text-uppercase fw-bold fs-6 pt-2">redação</h4>
<p class="fw-semibold mb-0 fsize-14">Saiba como é feita a avaliação<br> da redação e evite ser<br> eliminado.
</a>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 text-center mb-5 efeito">
<a href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/dicas" target="_self">
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/dicas.png" alt="dicas" class="img-fluid h-60 mb-3">
<h4 class="text-uppercase fw-bold fs-6 pt-2">dicas</h4>
<p class="fw-semibold mb-0 fsize-14">Confira os locais e horários de<br> aplicação das provas, guia de<br> profissões e muito mais.
</a>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 text-center mb-5 efeito">
<a href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/calculadora-enem" target="_self">
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/enem.png" alt="enem" class="img-fluid h-60 mb-3">
<h4 class="text-uppercase fw-bold fs-6 pt-2">Calculadora Enem</h4>
<p class="fw-semibold mb-0 fsize-14">Use para simular suas notas, após a <br>realização das provas para SIMULAR <br>seus resultados.
</a>
</div>
<div class="col-xxl-4 col-xl-4 col-lg-4 col-md-6 col-sm-12 col-12 text-center mb-5 efeito">
<a href="https://www.universitario.com.br/pre-vestibular/passenaufrgs/media-sisu" target="_self">
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/sisu.png" alt="sisu" class="img-fluid h-60 mb-3">
<h4 class="text-uppercase fw-bold fs-6 pt-2">Média Sisu</h4>
<p class="fw-semibold mb-0 fsize-14">Utilize a nota do ENEM para obter a<br> média ponderada, que será considerada na seleção de vagas.
</a>
</div>
</div>
</div>
</div>
</div>
</section> </section>
<!-- RODAPÉ -->
<footer>
<footer>
<section id="contatos" class="w-100 bg-3 py-9 h-auto">
<div class="container-fluid px-xxl-5 px-xl-5 px-lg-5 px-md-5 px-sm-3 px-3">
<div class="row align-items-end">
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12">
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/logo-uni2.png" alt="logo" class="img-fluid">
<p class="text-white fw-medium pt-4 text-justify lh-lg">Central de Atendimento<br>
<span class="text-2 fw-bold">UNIDADE CENTRO - POA</span><br>
+55 51 3225.0966
</p>
<p class="text-white fw-medium lh-lg pt-4 text-justify mb-xxl-0 mb-xl-0 mb-lg-0 mb-md-0 mb-sm-5 mb-5">Central de Atendimento<br>
<span class="text-2 fw-bold">UNIDADE LINDÓIA - POA</span><br>
+55 51 3516.3223
</p>
</div>
<div class="col-xxl-6 col-xl-6 col-lg-6 col-md-6 col-sm-12 col-12 text-xxl-end text-xl-end text-lg-end text-md-end text-sm-center text-center ">
<h1 class="text-white fw-bold texto-grande text-uppercase">onde estamos?</h1>
<a href="https://www.universitario.com.br/pre-vestibular/onde-estamos" target="_blank">
<div class="text-end d-flex align-items-center justify-content-xxl-end justify-content-xl-end justify-content-lg-end justify-content-md-end justify-content-sm-center justify-content-center">
<p class="text-white fw-medium fs-5 fw-bold text-uppercase sombra mb-0">encontre aqui a unidade<br>
mais próxima de você!</p>
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/localizacao.png" alt="loc" class="img-fluid ms-4">
</div>
</a>
</div>
</div>
</div>
</section>
</footer> </footer>
<script>
/* Whatsapp Chat Widget by www.idblanter.com */
$(document).on("click", ".informasi", function() {
document.getElementById("get-nama").innerHTML = $(this).children(".info-chat").children(".chat-nama").text(), document.getElementById("get-label").innerHTML = $(this).children(".info-chat").children(".chat-label").text()
}), $(document).on("click", ".close-chat", function() {
$("#whatsapp-chat").addClass("hide").removeClass("show")
}), $(document).on("click", ".blantershow-chat", function() {
$("#whatsapp-chat").addClass("show").removeClass("hide")
});
</script>
<div id='whatsapp-chat' class='hide'>
<div class='header-chat'>
<div class='head-home'>
<h5>Fale conosco</h5>
</div>
</div>
<div class='home-chat'>
<a class='informasi' href='https://api.whatsapp.com/send?phone=5551997782820&text=Olá,%20estou%20acessando%20através%20do%20site%20da%20Universitário%20e%20gostaria%20de%20algumas%20informações...' title='Chat Whatsapp' target="_blank">
<div class='info-avatar'>
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/separador.png" class="img-fluid" />
</div>
<div class='info-chat'>
<span class='chat-label'>Central de atendimento</span>
<span class='chat-nama'>Unidade Centro</span>
</div>
</a>
<a class='informasi' href='https://api.whatsapp.com/send?phone=5551995657634&text=Olá,%20estou%20acessando%20através%20do%20site%20da%20Universitário%20e%20gostaria%20de%20algumas%20informações...' title='Chat Whatsapp' target="_blank">
<div class='info-avatar'>
<img src="https://www.universitario.com.br/pre-vestibular/passenaufrgs/imagens/separador.png" class="img-fluid" />
</div>
<div class='info-chat'>
<span class='chat-label'>Central de atendimento</span>
<span class='chat-nama'>Unidade Lindóia</span>
</div>
</a>
</div>
<div id='get-number'></div>
<a class='close-chat' href='javascript:void'>X</a>
</div>
<a class='blantershow-chat' href='javascript:void' title='Show Chat'><i class='fab fa-whatsapp'></i></a>
<style type="text/css">
#whatsapp-chat {
position: fixed;
background: #fff;
width: 350px;
border-radius: 10px;
box-shadow: 0 1px 15px rgba(32, 33, 36, .28);
bottom: 90px;
right: 30px;
overflow: hidden;
z-index: 99;
animation-name: showchat;
animation-duration: 1s;
transform: scale(1);
}
a.blantershow-chat {
background-color: #25d366;
position: fixed;
color: #ffffff !important;
z-index: 99;
bottom: 15px;
right: 15px;
font-size: 35px;
padding: 5px 15px;
border-radius: 80px;
box-shadow: 0 1px 15px rgba(32, 33, 36, .28);
}
.svg-inline--fa {
vertical-align: -3px !important;
}
a.blantershow-chat i {
margin: 0px auto;
}
.header-chat {
background-color: #25d366;
color: #fff;
padding: 12px;
}
.header-chat h6 {
margin: 0px;
}
.header-chat p {
font-size: 14px;
line-height: 1.7;
margin: 0
}
.info-avatar {
position: relative
}
.head-home h5 {
margin-bottom: 0px;
}
.info-avatar img {
width: 50px;
float: left;
margin: 0 10px 0 0
}
a.informasi {
padding: 15px;
display: block;
overflow: hidden;
animation-name: showhide;
animation-duration: 2.5s;
text-decoration: none !important;
}
a.informasi:hover {
background: #f1f1f1;
}
.info-chat span {
display: block
}
#get-label,
span.chat-label {
font-size: 12px;
color: #888;
}
#get-nama,
span.chat-nama {
margin: 0px 0 0;
font-size: 15px;
font-weight: 500;
color: #ff030f;
}
#get-label,
#get-nama {
color: #fff
}
span.my-number {
display: none
}
.blanter-msg {
color: #444;
padding: 20px;
font-size: 12.5px;
text-align: center;
border-top: 1px solid #ddd
}
textarea#chat-input {
border: none;
width: 100%;
height: 20px;
outline: none;
resize: none
}
a#send-it {
color: #555;
width: 40px;
font-size: 19px;
margin: -5px 0 0 5px;
font-weight: 700;
padding: 8px;
border-radius: 10px
}
.first-msg {
background: #f5f5f5;
padding: 30px;
text-align: center
}
.first-msg span {
background: #e2e2e2;
color: #333;
font-size: 14.2px;
line-height: 1.7;
border-radius: 10px;
padding: 15px 20px;
display: inline-block
}
.start-chat .blanter-msg {
display: flex
}
#get-number {
display: none
}
a.close-chat {
position: absolute;
top: 10px;
right: 15px;
color: #fff !important;
font-size: 20px;
text-decoration: none !important;
}
@keyframes showhide {
from {
transform: scale(.5);
opacity: 0
}
}
@keyframes showchat {
from {
transform: scale(0);
opacity: 0
}
}
@media screen and (max-width:480px) {
#whatsapp-chat {
width: auto;
left: 5%;
right: 5%;
font-size: 80%
}
}
.hide {
display: none;
animation-name: showhide;
animation-duration: 1.5s;
transform: scale(1);
opacity: 1
}
.show {
display: block;
animation-name: showhide;
/*animation-duration: 1.5s;*/
transform: scale(1);
opacity: 1
}
</style><!-- Font Awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/css/all.min.css" crossorigin="anonymous" referrerpolicy="no-referrer" />
<script defer src="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.5.1/js/all.min.js" crossorigin="anonymous" referrerpolicy="no-referrer"></script><!-- EFEITO DESLIZANTE ANCORA -->
<script>
jQuery(document).ready(function($) {
// Função para rolagem suave
function scrollToHash(hash) {
if ($(hash).length) {
$('html,body').animate({
scrollTop: $(hash).offset().top
}, 1000);
}
}
// Rolar ao clicar em links com a classe .scroll
$(".scroll").click(function(event) {
var linkPath = new URL(this.href).pathname; // Caminho do link clicado
var currentPath = window.location.pathname; // Caminho da página atual
var hash = this.hash;
// Se o caminho do link é diferente da página atual (ignora parâmetros de consulta)
if (linkPath !== currentPath) {
event.preventDefault();
// Redireciona para a URL do link (sem parâmetros de consulta) e adiciona o hash
window.location.href = linkPath + hash;
} else {
// Se o link leva a uma âncora na mesma página
event.preventDefault();
scrollToHash(hash);
}
});
// Rolar se a página carregar com um hash na URL
if (window.location.hash) {
scrollToHash(window.location.hash);
}
});
</script>
<!-- MENU MOBILE FECHAMENTO AUTOMÁTICO -->
<script>
if (screen.width < 985) {
document.addEventListener("DOMContentLoaded", () => {
let links = document.querySelectorAll(".link");
links.forEach(link => {
console.log(link);
link.onclick = () => {
document.querySelector(".navbar-toggler").click();
}
});
})
}
</script>
<!-- MENU FIXED -->
<script>
jQuery("document").ready(function($) {
var nav = $('.menu');
var pos = nav.offset().top;
$(window).scroll(function() {
var fix = ($(this).scrollTop() > pos) ? true : false;
nav.toggleClass("fixed-top", fix);
$('body').toggleClass("fix-body", fix);
});
});
</script>
<!-- REVEAL -->
<script>
window.sr = ScrollReveal({
reset: true
});
if (window.innerWidth >= 1024) {
// CAMINHO
sr.reveal('#caminho h3', {
duration: 1100,
origin: 'left',
distance: '80px'
}, 80);
sr.reveal('#caminho .bloco', {
duration: 1000,
origin: 'right',
distance: '80px'
}, 80);
sr.reveal('#caminho h5', {
duration: 1000,
origin: 'bottom',
distance: '80px'
}, 80);
// UFRGS
sr.reveal('#ufrgs img', {
duration: 1100,
origin: 'left',
distance: '80px'
}, 80);
sr.reveal('#ufrgs h1', {
duration: 1200,
origin: 'right',
distance: '80px'
}, 80);
// PRECISA
sr.reveal('#precisa h1', {
duration: 1100,
origin: 'top',
distance: '80px'
}, 80);
sr.reveal('#precisa .bloco', {
duration: 1100,
origin: 'bottom',
distance: '80px'
}, 80);
// RODAPÉ
sr.reveal('#contatos img', {
duration: 1100,
origin: 'left',
distance: '80px'
}, 80);
sr.reveal('#contatos p', {
duration: 1200,
origin: 'right',
distance: '80px'
}, 80);
sr.reveal('#contatos h2', {
duration: 1200,
origin: 'left',
distance: '80px'
}, 80);
}
</script>
<!-- FIM CARREGANDO -->
<script>
$(".body_ajax").fadeOut(2500, function() {
$(".body_ajax").remove();
});
</script></body>
</html>