%PDF-
%PDF-
Mini Shell
Mini Shell
<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="author" content="Agência Duetto">
<meta name="keywords" content="vacinação, vacina em casa, clinica de vacinação, Vacivitta, vacina em domicílio">
<meta name="description" content="A Vacivitta é uma clínica de vacinação presente em Itu, Salto, Indaiatuba e outras cidades, realizamos o serviço de ir até a sua casa realizar a vacinação. Conte com a Vacivitta para vacinação em domicílio">
<link rel="shortcut icon" type="image/x-icon" href="https://vacivitta.com.br/wp-content/uploads/2018/03/favicon-01-01.png">
<?php include ("../infos.php") ?>
<title>Vacivitta <?php echo $unidade_itu ?> - Vacinação em Domicílio</title>
<link rel="stylesheet" href="../css/bootstrap.min.css">
<link rel="stylesheet" href="../css/font-awesome.min.css">
<link rel="stylesheet" href="../css/owl.carousel.css">
<link rel="stylesheet" href="../css/owl.theme.css">
<link rel="stylesheet" href="../css/nivo-lightbox/nivo-lightbox.css">
<link rel="stylesheet" href="../css/nivo-lightbox/nivo-lightbox-theme.css">
<link rel="stylesheet" href="../css/animate.css">
<link rel="stylesheet" href="../css/style.css">
<script src="../js/modernizr.custom.js"></script>
<!-- CSS btn Whats e Count -->
<style type="text/css">
.whatsapp {
position: fixed;
top: 72%;
left: 1%;
padding: 10px;
z-index: 10000000;
}
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: 'Raleway', sans-serif;
font-weight: bold;
font-size: 21px;
}
.numero{
font-weight: bold;
font-size: 21px;
color: #000;
background: #f5f5f5;
border-radius: 6px;
font-family: 'Raleway', sans-serif;
}
.comprar button{
background: #00b000;
font-weight: bold;
width: 100%;
color: #fff;
font-size: 18px;
font-family: 'Raleway', sans-serif;
position: relative;
top: 2px;
}
.comprar button:hover{
background: #00b040;
font-weight: bold;
width: 100%;
color: #fff !important;
font-size: 18px;
font-family: 'Raleway', 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>
<!-- End CSS -->
<!-- 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 evento pixel FB -->
<script>
function onClick() {
fbq('track', 'Chamou-WhatsApp-Itu');
}
;
</script>
<!-- End script evento FB -->
</head>
<body>
<a href="#header" id="back-to-top" class="top"><i class="fa fa-chevron-up"></i></a>
<!-- HHHHHHHHHHHHHHHHHH Preloader HHHHHHHHHHHHHHHH -->
<!-- <div id="preloader"></div> -->
<!-- HHHHHHHHHHHHHHHHHH Header HHHHHHHHHHHHHHHH -->
<section id="header" class="header">
<div class="top-bar">
<div style="width: 80%; margin: 0 auto">
<input type="hidden" id="contador_hora" value="00">
<input type="hidden" id="contador_min" value="20">
<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 para agendar o seu horário na promoção. Tempo restante: </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="<?php echo $link_whats_itu ?>" target="_blank" id="btn-comprar"><button type="button" class="btn btn-sucess btn-comprar">Solicitar agora <i class="fa fa-check" 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>
<div class="container">
<div class="navigation" id="navigation-scroll">
<div class="row">
<div class="col-md-11 col-xs-10">
<a href="index.php"><img src="../img/logo.png" style="width: auto"></a>
</div>
<div class="col-md-1 col-xs-2">
<p class="nav-button">
<button id="trigger-overlay" type="button">
<i class="fa fa-bars"></i>
</button>
</p>
</div>
</div><!-- /.row -->
</div><!-- /.navigation -->
</div><!--/.container-->
</div><!--/.top-bar-->
<div class="container">
<div class="starting">
<div class="row">
<div class="col-md-6">
<img src="../img/casa.png" alt="vacina em domicílio" class="wow flipInY animated animated">
</div>
<div class="col-md-6">
<div class="banner-text">
<h2 class="animation-box wow bounceIn animated"><strong class="strong">Vacinação</strong><br>
em domicílio</h2>
<p>
Seu dia é uma correria e você ainda tem que arrumar tempo para tomar vacina? Ou levar seu filho pequeno, para mais uma picadinha? Ou foi prematuro? Tentando facilitar sua vida, a Vacivitta realiza o atendimento em domicílio.
</p>
<a onClick="onClick()" href="<?php echo $link_whats_itu ?>" class="btn btn-download wow animated fadeInLeft">
<i class="fa fa-whatsapp pull-left"></i>
<strong>Agendar</strong>
<br/>agora</a>
</div> <!-- /.banner-text -->
</div>
</div>
</div>
<!-- /.starting -->
</div>
<!-- /.container -->
</section>
<!-- /#header -->
<!-- HHHHHHHHHHHHHHHHHH Speciality HHHHHHHHHHHHHHHH -->
<div id="speciality" class="wrapper">
<div class="container">
<h2 class="animation-box wow bounceIn animated">VAMOS ATÉ VOCÊ</h2>
<div class="virticle-line"></div>
<div class="circle"></div>
<div class="row">
<div class="col-sm-4 wow animated fadeInLeft">
<div class="special-icon">
<i class="fa fa-rocket"></i>
</div>
<h3>Agendamento</h3>
<p>
Para te ajudar mais ainda a vacinação em domicílio funciona de segunda à sábado!
</p>
</div>
<div class="col-sm-4 animation-box wow bounceIn animated">
<div class="special-icon">
<i class="fa fa-check"></i>
</div>
<h3>Qualidade</h3>
<p>
O serviço conta com equipe técnica qualificada, treinada e com câmara fria móvel.
</p>
</div>
<div class="col-sm-4 wow animated fadeInRight">
<div class="special-icon">
<i class="fa fa-heart"></i>
</div>
<h3>Tranquilidade</h3>
<p>
Queremos protejer você e sua família na tranquilidade do seu lar!
</p>
</div>
</div> <!-- /.row -->
</div> <!-- /.container -->
</div> <!-- /#speciality -->
<!-- HHHHHHHHHHHHHHHHHHHH Testimonial HHHHHHHHHHHHHHHHHHHHHH -->
<section id="testimonial">
<div class="container">
<div class="row main_content">
<div class="col-md-8 col-md-offset-2">
<div style="text-align: center">
<h2 class="animation-box wow bounceIn animated"><strong class="strong">Eu quero</strong> agendar</h2><br>
<a onClick="onClick()" href="<?php echo $link_whats_itu ?>" class="btn btn-download wow animated fadeInLeft">
<i class="fa fa-whatsapp pull-left"></i>
<strong>Agende</strong>
<br/>agora</a>
</div>
</div>
</div>
</div>
</section> <!-- clients -->
<!-- HHHHHHHHHHHHHHHHHH Screenshots HHHHHHHHHHHHHHHH -->
<section id="gallery" class="wrapper">
<div class="container">
<h2 class="animation-box wow bounceIn animated">VEJA QUEM JÁ AGENDOU</h2>
<div class="virticle-line"></div>
<div class="circle"></div>
<div class="row">
<div class="col-xs-12">
<div id="screenshots" class="owl-carousel owl-theme">
<a href="../img/1.jpg" class="item wow flipInY animated animated" data-lightbox-gallery="screenshots">
<img src="../img/1.jpg" class="img_res wow animated zoomIn" alt="">
</a>
<a href="../img/2.jpg" class="item wow flipInY animated animated" data-lightbox-gallery="screenshots">
<img src="../img/2.jpg" class="img_res wow animated zoomIn" alt="">
</a>
<a href="../img/3.jpg" class="item wow flipInY animated animated" data-lightbox-gallery="screenshots">
<img src="../img/3.jpg" class="img_res wow animated zoomIn" alt="">
</a>
<a href="../img/4.jpg" class="item wow flipInY animated animated" data-lightbox-gallery="screenshots">
<img src="../img/4.jpg" class="img_res wow animated zoomIn" alt="">
</a>
<a href="../img/1.jpg" class="item wow flipInY animated animated" data-lightbox-gallery="screenshots">
<img src="../img/1.jpg" class="img_res wow animated zoomIn" alt="">
</a>
<a href="../img/2.jpg" class="item wow flipInY animated animated" data-lightbox-gallery="screenshots">
<img src="../img/2.jpg" class="img_res wow animated zoomIn" alt="">
</a>
<a href="../img/3.jpg" class="item wow flipInY animated animated" data-lightbox-gallery="screenshots">
<img src="../img/3.jpg" class="img_res wow animated zoomIn" alt="">
</a>
<a href="../img/4.jpg" class="item wow flipInY animated animated" data-lightbox-gallery="screenshots">
<img src="../img/4.jpg" class="img_res wow animated zoomIn" alt="">
</a>
<a href="../img/1.jpg" class="item wow flipInY animated animated" data-lightbox-gallery="screenshots">
<img src="../img/1.jpg" class="img_res wow animated zoomIn" alt="">
</a>
<a href="../img/2.jpg" class="item wow flipInY animated animated" data-lightbox-gallery="screenshots">
<img src="../img/2.jpg" class="img_res wow animated zoomIn" alt="">
</a>
</div>
<div class="customNavigation row">
<a class="btn prev gallery-nav wow animated bounceInLeft"><i class="fa fa-chevron-left"></i></a>
<a class="btn next gallery-nav wow animated bounceInRight"><i class="fa fa-chevron-right"></i></a>
</div>
</div>
</div>
</div>
</section>
<!-- HHHHHHHHHHHHHHHHHH Contact Us HHHHHHHHHHHHHHHH -->
<section id="contact" class="wrapper">
<div class="container">
<div class="row">
<div class="col-md-4 contact-item col-sm-6 col-xs-12 wow animated fadeInLeft">
<i class="fa fa-map-marker"></i>
<h3>Local</h3>
<p class="contact">
<?php echo $endereco_itu ?>
</p>
</div>
<div class="col-md-4 contact-item col-sm-6 col-xs-12 wow animated fadeInLeft">
<i class="fa fa-phone"></i>
<h3>Telefone</h3>
<p class="contact">
Fixo: <?php echo $telefone_itu ?>
</p>
</div>
<div class="col-md-4 contact-item col-sm-6 col-xs-12 wow animated fadeInRight">
<a onClick="onClick()" href="<?php echo $link_whats_itu ?>" style="color: black">
<i class="fa fa-whatsapp"></i>
<h3>WhatsApp</h3>
<p class="contact">
Agende já: <?php echo $whatsapp_itu ?>
</p>
</a>
</div>
</div> <!-- /.row -->
</div> <!-- /.container -->
</section> <!-- /#contact -->
<!-- HHHHHHHHHHHHHHHHHH Footer HHHHHHHHHHHHHHHH -->
<section id="footer" class="wrapper">
<div>
<a onClick="onClick()" href="<?php echo $link_whats_itu ?>" target="_blank"><img class="whatsapp" src="https://vacivitta.com.br/campanha-hpv/images/whats.png"/></a>
</div>
<div class="container text-center">
<div class="footer-logo">
<img src="../img/logo.png" />
</div>
<ul class="social-icons text-center">
<li class="wow animated fadeInLeft facebook"><a href="<?php echo $link_facebook ?>"><i class="fa fa-facebook"></i></a></li>
<li class="wow animated fadeInRight twitter"><a href="<?php echo $link_instagram ?>"><i class="fa fa-instagram"></i></a>
<li class="wow animated fadeInLeft linkedin"><a onClick="onClick()" href="<?php echo $link_whats_itu ?>"><i class="fa fa-whatsapp"></i></a></li>
</ul>
<div class="copyright">
<div class="credits">
Desenvolvido por <a href="http://www.duetto.ag" target="_blank">Agência Duetto</a>
</div>
<div>©2020 Todos os Direitos Reservados</div>
</div>
</div><!-- container -->
</section>
<!-- HHHHHHHHHHHHHHHHHH Open/Close HHHHHHHHHHHHHHHH -->
<div class="overlay overlay-hugeinc">
<button type="button" class="overlay-close">Close</button>
<nav>
<ul>
<li class="hideit"><a href="#header">Início</a></li>
<li class="hideit"><a href="#contact">Contato</a></li>
<li class="hideit"><a onClick="onClick()" href="<?php echo $link_whats_itu ?>">Agendar agora</a></li>
</ul>
</nav>
</div>
<script src="../js/jquery-1.11.2.min.js"></script>
<script src="../js/wow.min.js"></script>
<script src="../js/owl-carousel.js"></script>
<script src="../js/nivo-lightbox.min.js"></script>
<script src="../js/smoothscroll.js"></script>
<!--<script src="js/jquery.ajaxchimp.min.js"></script>-->
<script src="../js/bootstrap.min.js"></script>
<script src="../js/classie.js"></script>
<script src="../js/script.js"></script>
<script>
new WOW().init();
</script>
<script>
$(document).ready(function () {
$(".hideit").click(function () {
$(".overlay").hide();
});
$("#trigger-overlay").click(function () {
$(".overlay").show();
});
});
</script>
<script>
$(document).ready(function () {
var kawa = $('.top-bar');
var back = $('#back-to-top');
function scroll() {
if ($(window).scrollTop() > 700) {
kawa.addClass('fixed');
back.addClass('show-top');
} else {
kawa.removeClass('fixed');
back.removeClass('show-top');
}
}
document.onscroll = scroll;
});
</script>
<!--HHHHHHHHHHHH Smooth Scrooling HHHHHHHHHHHHHHHH-->
<script>
$(function () {
$('a[href*=#]:not([href=#])').click(function () {
if (location.pathname.replace(/^\//, '') == this.pathname.replace(/^\//, '') && location.hostname == this.hostname) {
var target = $(this.hash);
target = target.length ? target : $('[name=' + this.hash.slice(1) + ']');
if (target.length) {
$('html,body').animate({
scrollTop: target.offset().top
}, 1000);
return false;
}
}
});
});
</script>
</body>
</html>
Zerion Mini Shell 1.0