%PDF-
%PDF-
Mini Shell
Mini Shell
<!doctype html>
<html lang="en">
<!--
Page : index / MobApp
Version : 1.0
Author : Colorlib
URI : https://colorlib.com
-->
<head>
<title>Vacivitta - Clínica de Vacinação em Salto</title>
<!-- Required meta tags -->
<meta charset="utf-8">
<link rel="shortcut icon" type="image/x-icon" href="https://vacivitta.com.br/wp-content/uploads/2018/03/favicon-01-01.png">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<meta name="description" content="Vacivitta - Clínica de Vacinação em Salto">
<meta name="keywords" content="vacinação, hpv, vacina, vacivitta, prevenção">
<!-- Font -->
<link rel="dns-prefetch" href="//fonts.googleapis.com">
<link href="https://fonts.googleapis.com/css?family=Rubik:300,400,500" rel="stylesheet">
<!-- Bootstrap CSS -->
<link rel="stylesheet" href="../css/bootstrap.min.css">
<!-- Themify Icons -->
<link rel="stylesheet" href="../css/themify-icons.css">
<!-- Owl carousel -->
<link rel="stylesheet" href="../css/owl.carousel.min.css">
<!-- Main css -->
<link href="../css/style.css" rel="stylesheet">
<!-- Facebook Pixel Code -->
<script>
!function (f, b, e, v, n, t, s)
{
if (f.fbq)
return;
n = f.fbq = function () {
n.callMethod ?
n.callMethod.apply(n, arguments) : n.queue.push(arguments)
};
if (!f._fbq)
f._fbq = n;
n.push = n;
n.loaded = !0;
n.version = '2.0';
n.queue = [];
t = b.createElement(e);
t.async = !0;
t.src = v;
s = b.getElementsByTagName(e)[0];
s.parentNode.insertBefore(t, s)
}(window, document, 'script',
'https://connect.facebook.net/en_US/fbevents.js');
fbq('init', '1736110923361069');
fbq('track', 'PageView');
</script>
<noscript><img height="1" width="1" style="display:none"
src="https://www.facebook.com/tr?id=1736110923361069&ev=PageView&noscript=1"
/></noscript>
<!-- End Facebook Pixel Code -->
<script>
function onClick() {
fbq('track', 'Chamou-WhatsApp-Salto');
gtag('event', 'conversion', {'send_to': 'AW-465067783/a80YCIqIyuwBEIe-4d0B'});
}
;
</script>
<style type="text/css">
.whatsapp {
position: fixed;
top: 72%;
left: 1%;
padding: 10px;
z-index: 10000000;
}
</style>
<!-- Global site tag (gtag.js) - Google Ads: 465067783 -->
<script async src="https://www.googletagmanager.com/gtag/js?id=AW-465067783"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag() {
dataLayer.push(arguments);
}
gtag('js', new Date());
gtag('config', 'AW-465067783');
</script>
</head>
<body data-spy="scroll" data-target="#navbar" data-offset="30">
<style type="text/css">
div#divContador {
height: 59px;
background-color: #FFD302;
border-bottom: 1px solid #000;
padding: 0px;
position: fixed;
right: 0;
left: 0;
z-index: 1030;
top: 0;
}
div#contadorConteudo{
height: 55px
}
div#contatorTexto, #contadorAcabou{
float: left;
height: 55px;
font-size: 16px;
font-weight: bold;
line-height: 54px;
padding-left: 10px !important;
}
div#contatorTempoBtn {
/*margin-top: 12px;*/
}
.navbar-fixed-top .btn {
padding: 9px 10px 8px;
width: 100%;
color: #fff;
border: 1px solid #aeaeae;
position: relative;
background-image: none!important;
cursor: pointer;
text-decoration: none!important;
-webkit-box-sizing: border-box;
box-sizing: border-box;
-webkit-transition: all .1s linear;
transition: all .1s linear;
-webkit-border-radius: 4px;
border-radius: 4px;
}
button{
font: inherit;
-webkit-appearance: none!important;
}
.btn-comprar {
width: 240px;
float: right;
margin-top: 5px;
margin-right: 10px;
}
.btn-green, .field-color .rich-color-picker-submit {
border-color: #568e34;
background-color: #6cb342;
}
#contador {
margin-top: 10px;
margin-right: 74px;
float: right;
}
span.contador_bloco {
float: left;
width: 50px;
}
span.contador_valor {
background-color: #fff;
font-size: 30px;
width: 45px;
margin-right: 3px;
display: table-cell;
text-align: center;
font-weight: bold;
line-height: 28px;
}
.contador_legenda{
font-size: 10px;
text-align: center;
}
#parcelas div {
float: left;
border: 0;
margin: 0 5px;
padding: 7px 0px;
width: 50px;
text-align: center;
height: 40px;
}
#legenda div {
float: left;
font-size: 11px;
text-align: center;
margin: 0 5px;
width: 50px;
color: #ffffff;
}
.navbar-fixed-top {
min-height: 50px;
padding: 7px 0;
}
.navbar-fixed-top h3{
position: relative;
top: 15px;
color: #ffffff;
margin: 0;
font-family: 'Montserrat', sans-serif;
font-weight: bold;
font-size: 21px;
}
.numero{
font-weight: bold;
font-size: 21px;
color: #000;
background: #f5f5f5;
border-radius: 6px;
font-family: 'Montserrat', sans-serif;
}
.comprar button{
background: #00b000;
font-weight: bold;
width: 100%;
color: #fff;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
position: relative;
top: 2px;
}
.comprar button:hover{
background: #00b040;
font-weight: bold;
width: 100%;
color: #fff !important;
font-size: 18px;
font-family: 'Montserrat', sans-serif;
position: relative;
top: 2px;
border: 0;
}
.navbar-fixed-top{
/*padding: 25px 0;*/
background: #0073ff;
display: block;
position: inherit;
margin-bottom: 0px !important;
}
@media screen and (max-width: 767px){
.tempo {
width: 200px;
height: 200px;
margin-left: -100px;
margin-bottom: -130px;
margin-top: 20px;
top: 50%;
left: 50%;
}
.navbar-fixed-top{
padding: 25px 0;
background: #0073ff;
}
.navbar-fixed-top h3{
text-align: center;
top: 0;
font-size: 18px;
}
}
@media (min-width: 767px) and (max-width: 1023px){
.navbar-fixed-top h3 {
margin-bottom: 30px;
text-align: center;
}
.comprar {
right: 10%;
bottom: 5px;
}
.tempo {
left: 15%;
}
}
@media (min-width: 1023px) and (max-width: 1279px){
.navbar-fixed-top h3{
font-size: 17px;
}
#parcelas div{
width: 40px;
}
#legenda div{
width: 37px;
}
}
</style>
<!-- Nav Menu -->
<div class="nav-menu fixed-top">
<div class="container">
<input type="hidden" id="contador_hora" value="00">
<input type="hidden" id="contador_min" value="10">
<input type="hidden" id="contador_seg" value="00">
<div class="row">
<div class="col-xs-12 col-sm-12 col-md-7 col-gl-7">
<h3 style="margin-top: 2%; text-align: center; top: 0; font-size: 18px; color:yellow;">Aproveite e agende AGORA! A vacina contra o HPV é limitada...</h3>
</div>
<div class="col-xs-12 col-sm-6 col-md-2 col-lg-2 tempo">
<div class="row">
<div id="parcelas">
<div class="numero"></div>
<div class="numero"></div>
<div class="numero"></div>
</div>
</div>
<div class="row">
<div id="legenda">
<div>Horas</div>
<div>Minutos</div>
<div>Segundos</div>
</div>
</div>
</div>
<div class="col-xs-12 col-sm-6 col-md-3 col-lg-3 comprar">
<a onClick="onClick()" href="https://api.whatsapp.com/send?phone=5511941797060" target="_blank" id="btn-comprar"><button type="button" class="btn btn-sucess btn-comprar">Solicitar agora <i class="fa fa-arrow-down" aria-hidden="true"></i></button></a>
</div>
</div>
<script type="text/javascript">
var horas = document.getElementById("contador_hora").value;
var minutos = document.getElementById("contador_min").value;
var segundos = document.getElementById("contador_seg").value;
var divs = document.querySelectorAll('#parcelas div');
setInterval(function () {
if (horas + minutos + segundos > 0) {
if (segundos > 0) {
segundos--;
if (segundos < 10) {
segundos = "0" + segundos;
}
} else if (segundos == 00 && minutos > 0) {
minutos--;
segundos = 59;
if (minutos < 10) {
minutos = "0" + minutos;
}
} else if (minutos == 00 && horas > 0) {
horas--;
minutos = 59;
segundos = 59;
if (horas < 10) {
horas = "0" + horas;
}
}
} else {
horas = "00";
minutos = "00";
segundos = "00";
}
var contador = [horas, minutos, segundos].forEach(function (parcela, i) {
divs[i].innerHTML = parcela;
});
}, 1000);
jQuery(function ($) {
$("body").on("click", "#btn-comprar", function (e) {
$.scrollTo('#dados_cadastrais', 500);
$('#nome').focus();
return false;
});
});
</script>
<div class="row">
<div class="col-md-12">
<nav class="navbar navbar-dark navbar-expand-lg">
<a class="navbar-brand" href="index.html"><img src="../images/logo.png" class="img-fluid" alt="logo"></a> <button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#navbar" aria-controls="navbar" aria-expanded="false" aria-label="Toggle navigation"> <span class="navbar-toggler-icon"></span> </button>
<div class="collapse navbar-collapse" id="navbar">
<ul class="navbar-nav ml-auto">
<li class="nav-item"> <a class="nav-link active" href="#home">INÍCIO <span class="sr-only">(current)</span></a> </li>
<li class="nav-item"> <a class="nav-link" href="#previna">PREVINA-SE</a> </li>
<li class="nav-item"> <a class="nav-link" href="#sobre">SOBRE O HPV</a> </li>
<li class="nav-item"> <a class="nav-link" href="#vacina">VACINAÇÃO</a> </li>
<li class="nav-item"><a onClick="onClick()" href="https://api.whatsapp.com/send?phone=5511941797060" class="btn btn-outline-light my-3 my-sm-0 ml-lg-3"><span class="ti-mobile"></span> WHATSAPP</a></li>
</ul>
</div>
</nav>
</div>
</div>
</div>
</div>
<header class="bg-gradient" id="home" style="padding-top: 300px;">
<div class="container mt-5">
<h1>Vacivitta - Unidade Salto</h1>
<p class="tagline">Atendemos completamente às normas da portaria conjunta da Agência Nacional de Vigilância Sanitária e da Fundação Nacional de Saúde (ANVISA/FUNASA).</p>
</div>
<div class="img-holder mt-3"><img src="../images/iphonex.png" alt="phone" class="img-fluid"></div>
</header>
<div class="section light-bg" id="previna">
<div class="container">
<div class="section-title">
<small>PREVINA-SE</small>
<h3>Conte com a Vacivitta</h3>
</div>
<div class="row">
<div class="col-12 col-lg-4">
<div class="card features">
<div class="card-body">
<div class="media">
<span class="ti-face-smile gradient-fill ti-3x mr-3"></span>
<div class="media-body">
<h4 class="card-title">Simples</h4>
<p class="card-text">A vacinação é simples, são apenas 2 ou 3 doses para você se previnir do HPV.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="card features">
<div class="card-body">
<div class="media">
<span class="ti-shield gradient-fill ti-3x mr-3"></span>
<div class="media-body">
<h4 class="card-title">Seguro</h4>
<p class="card-text">A vacina contra o HPV é totalmente segura e não possui nenhum tipo de reação.</p>
</div>
</div>
</div>
</div>
</div>
<div class="col-12 col-lg-4">
<div class="card features">
<div class="card-body">
<div class="media">
<span class="ti-check gradient-fill ti-3x mr-3"></span>
<div class="media-body">
<h4 class="card-title">Fácil</h4>
<p class="card-text">Para te ajudar ainda mais, a Vacivitta pode ir até a sua residência aplicar a vacinação contra o HPV.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- // end .section -->
<div class="section">
<div class="container">
<div class="row">
<div class="col-lg-6 offset-lg-6">
<div class="box-icon"><span class="ti-heart gradient-fill ti-3x"></span></div>
<h2>Previna-se</h2>
<p class="mb-4">A Vacivitta te ajuda a se prevenir contra o HPV.</p>
<a onClick="onClick()" href="https://api.whatsapp.com/send?phone=5511941797060" class="btn btn-primary">Fale com a Vacicitta</a>
</div>
</div>
<div class="perspective-phone">
<img src="../images/perspective.png" alt="perspective phone" class="img-fluid">
</div>
</div>
</div>
<!-- // end .section -->
<div class="section light-bg" id="sobre">
<div class="container">
<div class="section-title">
<small>Saiba mais</small>
<h3>Sobre o HPV</h3>
</div>
<ul class="nav nav-tabs nav-justified" role="tablist">
<li class="nav-item">
<a class="nav-link active" data-toggle="tab" href="#communication">O que é?</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#schedule">Prevenção</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#messages">Sintomas</a>
</li>
<li class="nav-item">
<a class="nav-link" data-toggle="tab" href="#livechat">Diagnóstico</a>
</li>
</ul>
<div class="tab-content">
<div class="tab-pane fade show active" id="communication">
<div class="d-flex flex-column flex-lg-row">
<img src="../images/oque.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0">
<div>
<h2>Entenda o que é o HPV</h2>
<p>O vírus HPV é o tipo mais comum de infecção sexualmente transmissível (IST) e atinge de forma massiva as mulheres. Esse tipo de infecção genital, mesmo podendo ser prevenida, ainda é muito frequente. O HPV pode causar alterações celulares no corpo, capazes de evoluir para um câncer.
</p>
<p>Segundo o Ministério da Saúde, 75% das brasileiras sexualmente ativas entrarão em contato com o HPV ao longo da vida, principalmente na faixa dos 25 anos. Após o contágio, ao menos 5% delas irá desenvolver câncer de colo do útero em um prazo de dois a dez anos, uma taxa que preocupa muito os especialistas.
</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="schedule">
<div class="d-flex flex-column flex-lg-row">
<div>
<h2>Como se previnir do HPV</h2>
<p class="lead">Agende sua vacina na Vacivitta mais próxima.</p>
<p>A prevenção é um dos principais aliados no combate ao câncer no colo do útero. A vacina contra o HPV é a melhor forma de prevenção primária. A duração total da proteção ainda é incerta, estimada em aproximadamente 9 anos, mas estudos matemáticos indicam alta concentração de anticorpos por no mínimo 20 anos.
</p>
</div>
<img src="../images/prev.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0">
</div>
</div>
<div class="tab-pane fade" id="messages">
<div class="d-flex flex-column flex-lg-row">
<img src="../images/sinto.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0">
<div>
<h2>Saiba quais os sintomas da HPV</h2>
<p class="lead">Não espere pelos sintomas, vacine-se e fique tranquila!</p>
<p>Um dos primeiros sinais do câncer de colo do útero é o sangramento vaginal, seguido de corrimento e dor na pelve: "Os sangramentos podem ocorrer durante a relação sexual, fora do período menstrual e em mulheres que já estão no período da menopausa".
</p>
<p>Em estágios mais avançados, a mulher pode apresentar um quadro de anemia devido à perda de sangue, dores nas pernas e nas costas, problemas urinários ou intestinais e até perda de peso sem intenção.
</p>
</div>
</div>
</div>
<div class="tab-pane fade" id="livechat">
<div class="d-flex flex-column flex-lg-row">
<div>
<h2>Qual o diagnóstico do HPV?</h2>
<p class="lead">Mantenha uma frequência na realização de exames preventivos.</p>
<p>O diagnóstico precoce reduz em até 80% a taxa de mortalidade da doença, por isso é tão importante realizar exames periódicos para a detecção do câncer. Considerando que o tumor de colo do útero é uma doença com sintomas silenciosos, muitas vezes as mulheres perdem a chance de descobrir a condição ainda na fase inicial. Realizar o Papanicolau anualmente aumenta as chances de a doença ser diagnosticada o mais cedo possível.
</p>
</div>
<img src="../images/diag.png" alt="graphic" class="img-fluid rounded align-self-start mr-lg-5 mb-5 mb-lg-0">
</div>
</div>
</div>
</div>
</div>
<!-- // end .section -->
<div class="section" id="vacina">
<div class="container">
<div class="row">
<div class="col-md-6">
<img src="../images/dualphone.png" alt="dual phone" class="img-fluid">
</div>
<div class="col-md-6 d-flex align-items-center">
<div>
<div class="box-icon"><span class="ti-check gradient-fill ti-3x"></span></div>
<h2>Previna-se</h2>
<p class="mb-4">Aproveite para agendar a sua vacinação contra o HPV</p>
<a onClick="onClick()" href="https://api.whatsapp.com/send?phone=5511941797060" class="btn btn-primary">Agendar agora</a></div>
</div>
</div>
</div>
</div>
<div class="light-bg py-5" id="contact">
<div class="container">
<div class="row">
<div class="col-lg-6 text-center text-lg-left">
<p class="mb-2"> <span class="ti-location-pin mr-2"></span>Rua Benjamin Constant, 185 – Centro – Salto/SP</p>
<div class="d-block d-sm-inline-block">
<p class="mb-0">
<span class="ti-headphone-alt mr-2"></span> <a onClick="onClick()" href="https://api.whatsapp.com/send?phone=5511941797060">(11) 94179-7060</a>
</p>
</div>
</div>
</div>
</div>
</div>
<!-- // end .section -->
<footer class="my-5 text-center">
<div>
<a onClick="onClick()" href="https://api.whatsapp.com/send?phone=5511941797060" target="_blank"><img class="whatsapp" src="https://vacivitta.com.br/campanha-hpv/images/whats.png" /></a>
</div>
<!-- Copyright removal is not prohibited! -->
<p class="mb-2"><small>COPYRIGHT © 2020. TODOS OS DIREITOS RESERVADOS. DESENVOLVIDO POR <a href="https://duetto.ag">AGÊNCIA DUETTO</a></small></p>
</footer>
<!-- jQuery and Bootstrap -->
<script src="../js/jquery-3.2.1.min.js"></script>
<script src="../js/bootstrap.bundle.min.js"></script>
<!-- Plugins JS -->
<script src="../js/owl.carousel.min.js"></script>
<!-- Custom JS -->
<script src="../js/script.js"></script>
</body>
</html>
Zerion Mini Shell 1.0