<!DOCTYPE html>
<html lang="pt-br">
<head>
<meta charset="utf-8">
<meta property="og:type" content="website" /><meta name="twitter:card" content="summary_large_image"><meta name="twitter:site" content="https://www.gv8.com.br/"><meta name="twitter:creator" content="Agência GV8"><meta property="og:image" content=""><meta name="twitter:image" content=""><meta property="fb:app_id" content="0"><meta property="og:locale" content="pt_BR" /><title>Agência GV8</title><meta name="application-name" content="Agência GV8"><meta name="apple-mobile-web-app-title" content="Agência GV8"><meta property="og:title" content="Agência GV8" /><meta name="twitter:title" content="Agência GV8" /><meta content="Agência digital há 19 anos no mercado, que conta atualmente com aproximadamente 5.500 clientes em todo Brasil. Nós ajudamos pessoas e empresas a construírem sua imagem através da internet. Trabalhamos com criação e desenvolvimento de Sites, lojas virtuais." name="description"><meta property="og:description" content="Agência digital há 19 anos no mercado, que conta atualmente com aproximadamente 5.500 clientes em todo Brasil. Nós ajudamos pessoas e empresas a construírem sua imagem através da internet. Trabalhamos com criação e desenvolvimento de Sites, lojas virtuais." /><meta name="twitter:description" content="Agência digital há 19 anos no mercado, que conta atualmente com aproximadamente 5.500 clientes em todo Brasil. Nós ajudamos pessoas e empresas a construírem sua imagem através da internet. Trabalhamos com criação e desenvolvimento de Sites, lojas virtuais." /><meta content="Criação de sites sp, Criação de sites rj, Criação de sites bh, desenvolvimento de loja virtual, lojas que aceitam pagseguro, lojas online que aceitam pagseguro, lojas pagseguro, lojas com pagseguro, lojas que usam pagseguro, sites pagseguro, pagseguro lojas, site que aceita pagseguro, franquia de sites, lojas que aceita pagseguro, lojas que aceitam pagseguro uol, sites que aceitam pagseguro, desenvolvimento de catalogos, pagseguro lojas que aceitam, lojas que tem pagseguro, lojas de roupas que aceitam pagseguro, lojas que aceitam o pagseguro, pagseguro sites que aceitam, lojas que aceitam saldo pagseguro, sites com pagseguro, sistemas online, desenvolvimento de sites em santos, site catalogo, criação de sites em guarulhos, criar site em santos, desenvolvimento de websites sp, sites de negócios e oportunidades, construção de sites, virtual sistemas, criar site em guarujá, atualização de site em salvador desenvolvimento de site, desenvolvimento de sites" name="keywords"><meta property="og:url" content="https://www.gv8.com.br/" /><meta property="og:site_name" content="Agência GV8" /><meta property="twitter:domain" content="https://www.gv8.com.br/">
<meta http-equiv="x-ua-compatible" content="ie=edge">
<meta name="msapplication-tap-highlight" content="no">
<meta name="viewport" content="width=device-width, initial-scale=1">
<meta name="format-detection" content="telephone=no">
<!-- manifest-->
<link rel="manifest" href="https://www.gv8.com.br/assets/application/manifest.json">
<link rel="shortcut icon" type="image/x-icon" href="https://www.gv8.com.br/assets/images/favicon.ico">
<!-- add to home screen (ios)-->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-title" content="Agência GV8">
<meta name="apple-mobile-web-app-status-bar-style" content="#bb2c33">
<link rel="apple-touch-icon" href="https://www.gv8.com.br/assets/application/icon-152x152.png">
<!-- add to home screen (chrome)-->
<meta name="mobile-web-app-capable" content="yes">
<meta name="application-name" content="Agência GV8">
<meta name="theme-color" content="#bb2c33">
<!-- Tile icon for Win8 (144x144 + tile color)-->
<meta name="msapplication-TileImage" content="https://www.gv8.com.br/assets/application/icon-144x144.png">
<meta name="msapplication-TileColor" content="#bb2c33">
<link rel="preload" as="font" type="font/woff" href="https://www.gv8.com.br/assets/webfonts/fa-brands-400.woff" />
<link rel="preload" as="font" type="font/woff2" href="https://www.gv8.com.br/assets/webfonts/fa-brands-400.woff2" />
<link rel="preload" as="font" type="font/woff" href="https://www.gv8.com.br/assets/webfonts/fa-regular-400.woff" />
<link rel="preload" as="font" type="font/woff2" href="https://www.gv8.com.br/assets/webfonts/fa-regular-400.woff2" />
<link rel="preload" as="font" type="font/woff" href="https://www.gv8.com.br/assets/webfonts/fa-solid-900.woff" />
<link rel="preload" as="font" type="font/woff2" href="https://www.gv8.com.br/assets/webfonts/fa-solid-900.woff2" />
<!-- ICONS-->
<link rel="icon" sizes="72x72" type="image/png" href="https://www.gv8.com.br/assets/application/icon-72x72.png">
<link rel="icon" sizes="96x96" type="image/png" href="https://www.gv8.com.br/assets/application/icon-96x96.png">
<link rel="icon" sizes="128x128" type="image/png" href="https://www.gv8.com.br/assets/application/icon-128x128.png">
<link rel="icon" sizes="144x144" type="image/png" href="https://www.gv8.com.br/assets/application/icon-144x144.png">
<link rel="icon" sizes="152x152" type="image/png" href="https://www.gv8.com.br/assets/application/icon-152x152.png">
<link rel="icon" sizes="192x192" type="image/png" href="https://www.gv8.com.br/assets/application/icon-192x192.png">
<link rel="icon" sizes="384x384" type="image/png" href="https://www.gv8.com.br/assets/application/icon-384x384.png">
<link rel="icon" sizes="512x512" type="image/png" href="https://www.gv8.com.br/assets/application/icon-512x512.png">
<!-- PRELOADING-->
<link rel="preload" as="script" href="https://www.gv8.com.br/assets/js/jquery.min.js">
<link rel="preload" as="script" href="https://www.gv8.com.br/assets/js/bootstrap.min.js">
<link rel="preload" as="script" href="https://www.gv8.com.br/assets/js/scripts.min.js">
<link rel="preload" href="https://www.gv8.com.br/assets/fonts/poppins-bold/Poppins-Bold.woff" type="font/woff" as="font" crossorigin>
<link rel="preload" href="https://www.gv8.com.br/assets/fonts/poppins-bold/Poppins-Bold.woff2" type="font/woff2" as="font" crossorigin>
<link rel="preload" href="https://www.gv8.com.br/assets/fonts/poppins-extrabold/Poppins-ExtraBold.woff" type="font/woff" as="font" crossorigin>
<link rel="preload" href="https://www.gv8.com.br/assets/fonts/poppins-extrabold/Poppins-ExtraBold.woff2" type="font/woff2" as="font" crossorigin>
<link rel="preload" href="https://www.gv8.com.br/assets/fonts/poppins-medium/Poppins-Medium.woff" type="font/woff" as="font" crossorigin>
<link rel="preload" href="https://www.gv8.com.br/assets/fonts/poppins-medium/Poppins-Medium.woff2" type="font/woff2" as="font" crossorigin>
<link rel="preload" href="https://www.gv8.com.br/assets/fonts/poppins-regular/Poppins-Regular.woff" type="font/woff" as="font" crossorigin>
<link rel="preload" href="https://www.gv8.com.br/assets/fonts/poppins-regular/Poppins-Regular.woff2" type="font/woff2" as="font" crossorigin>
<link rel="preload" href="https://www.gv8.com.br/assets/fonts/poppins-semibold/Poppins-SemiBold.woff" type="font/woff" as="font" crossorigin>
<link rel="preload" href="https://www.gv8.com.br/assets/fonts/poppins-semibold/Poppins-SemiBold.woff2" type="font/woff2" as="font" crossorigin>
<link rel="preload" as="style" href="https://www.gv8.com.br/assets/css/estilos.css">
<!-- CSS-->
<link rel="stylesheet" href="https://www.gv8.com.br/assets/css/estilos.css">
<link rel="stylesheet" type="text/css" href="https://www.gv8.com.br/painel/assets/css/sweetalert2.min.css">
<link rel="stylesheet" type="text/css" href="https://www.gv8.com.br/painel/assets/css/stylesbackend.css">
<link rel="canonical" href="https://www.gv8.com.br/">
<!-- Facebook --><script>
var lodaded_script_1 = false;
document.addEventListener('mouseover', carregar_script_1);
document.addEventListener('touchstart', carregar_script_1);
setTimeout(function() {
carregar_script_1();
}, 9000);
function carregar_script_1() {
if (lodaded_script_1 == false) {
lodaded_script_1 = true;
!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', '515033606600101');
fbq('track', 'PageView');
fbq('track', 'CompleteRegistration');
fbq('track', 'Contact');
fbq('track', 'FindLocation');
fbq('track', 'Lead');
fbq('track', 'ViewContent');
}
}
</script><!-- End Facebook --><!-- Google Tag Manager --><script>
var lodaded_script_4 = false;
document.addEventListener('mouseover', carregar_script_4);
document.addEventListener('touchstart', carregar_script_4);
setTimeout(function() {
carregar_script_4();
}, 9000);
function carregar_script_4() {
if (lodaded_script_4 == false) {
lodaded_script_4 = true;
let the_thag = document.createElement('script');
the_thag.setAttribute("src", "https://www.googletagmanager.com/gtm.js?id=GTM-NSLHX2ZZ");
setTimeout(function() {
document.body.append(the_thag);
(function(w,d,s,l,i){
w[l] = w[l] || [];
w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
var f = d.getElementsByTagName(s)[0],
j = d.createElement(s),
dl = l != 'dataLayer' ? '&l=' + l : '';
j.async = true;
j.src = 'https://www.googletagmanager.com/gtm.js?id=' + i + dl;
f.parentNode.insertBefore(j,f);
})(window, document, 'script', 'dataLayer', 'GTM-NSLHX2ZZ');
}, 1000);
}
}
</script><!-- End Google Tag Manager --> <script src="https://www.google.com/recaptcha/api.js" async defer></script>
<style>
.form__mensagem {
margin-bottom: 15px;
padding: 10px;
border-radius: 4px;
font-size: 14px;
display: none;
}
.form__mensagem.sucesso {
background-color: #d4edda;
color: #155724;
border: 1px solid #c3e6cb;
}
.form__mensagem.erro {
background-color: #f8d7da;
color: #721c24;
border: 1px solid #f5c6cb;
}
</style>
</head><!-- colocar no attr [data-path] a url do site para poder fazer o lazyload de scripts sem problemas de rota.-->
<body data-path="https://www.gv8.com.br/">
<script>
(function(w,d,s,l,i){
w[l]=w[l]||[];
w[l].push({'gtm.start': new Date().getTime(), event:'gtm.js'});
var f=d.getElementsByTagName(s)[0],
j=d.createElement(s),
dl=l!='dataLayer'?'&l='+l:'';
j.async=true;
j.src='https://www.googletagmanager.com/gtm.js?id='+i+dl;
f.parentNode.insertBefore(j,f);
})(window,document,'script','dataLayer','GTM-NSLHX2ZZ');
// Configuração do widget Digisac
window._digisac = {
id: "2c590ae7-5d46-40bb-b0e6-cc7d1707931d"
};
/**
* Função para monitorar o estado do widget Digisac (iframe) e enviar eventos para o Data Layer.
* Detecta quando o iframe do Digisac está visível e interativo.
*/
function trackDigisacChatOpen() {
console.log('trackDigisacChatOpen function called.');
const chatIframe = document.querySelector('iframe.digisac-widget[src*="digisac.app/widgets"]');
console.log('chatIframe encontrado:', chatIframe);
let isChatVisible = false;
if (chatIframe) {
const computedStyle = getComputedStyle(chatIframe);
console.log('Estilos computados do iframe:', computedStyle);
const isDisplayVisible = computedStyle.display !== 'none';
const isVisibilityVisible = computedStyle.visibility !== 'hidden';
const isOpacityVisible = parseFloat(computedStyle.opacity) > 0;
const isNotHiddenAttribute = !chatIframe.hidden;
const hasDimensions = chatIframe.offsetWidth > 0 && chatIframe.offsetHeight > 0;
console.log('isDisplayVisible:', isDisplayVisible,
'isVisibilityVisible:', isVisibilityVisible,
'isOpacityVisible:', isOpacityVisible,
'isNotHiddenAttribute:', isNotHiddenAttribute,
'hasDimensions:', hasDimensions);
isChatVisible = isDisplayVisible && isVisibilityVisible && isOpacityVisible && isNotHiddenAttribute && hasDimensions;
console.log('Resultado final isChatVisible:', isChatVisible);
}
console.log('Estado atual de _digisacChatOpenTracked:', window._digisacChatOpenTracked);
if (isChatVisible && !window._digisacChatOpenTracked) {
window._digisacChatOpenTracked = true;
console.log('Chat detectado como VISÍVEL e não rastreado. Disparando evento...');
setTimeout(() => {
dataLayer.push({
'event': 'digisac_chat_opened',
'eventCategory': 'Chat',
'eventAction': 'Aberto',
'eventLabel': 'Widget Digisac'
});
console.log('Evento digisac_chat_opened ENVIADO para o Data Layer após atraso de 300ms.');
}, 300);
} else if (!isChatVisible && window._digisacChatOpenTracked) {
window._digisacChatOpenTracked = false;
console.log('Chat detectado como INVISÍVEL. Flag de rastreamento resetada.');
}
}
// Observa mudanças no DOM para detectar quando o iframe é adicionado/removido ou sua visibilidade muda
const observer = new MutationObserver((mutations) => {
console.log('MutationObserver detectou uma mudança no DOM.');
mutations.forEach((mutation) => {
if (mutation.type === 'childList' ||
(mutation.type === 'attributes' &&
(mutation.attributeName === 'style' || mutation.attributeName === 'class' || mutation.attributeName === 'hidden'))) {
console.log(`Mudança relevante detectada: type=${mutation.type}, attributeName=${mutation.attributeName}`);
trackDigisacChatOpen();
}
});
});
// Inicia a observação do corpo da página
observer.observe(document.body, { childList: true, subtree: true, attributes: true });
// Verifica o estado inicial quando a página terminar de carregar
window.addEventListener('load', () => {
console.log('Página totalmente carregada. Verificando estado inicial do chat.');
trackDigisacChatOpen();
});
</script>
<noscript><style>.noscript{position: sticky;top:0;z-index: 1200;background: #D32F2F;color: #FFF;padding: 20px;text-align: center}</style>
<div class="noscript">
<p class="h1">(>_<) Ops....</p>
<p>Seu navegador está com os scripts desabilitados! Para ter uma melhor experiência com o nosso site, por favor, habilite-os.</p>
</div>
</noscript><!-- [if lt IE 10]><style>.ie-message{position: sticky;top: 0;z-index: 1200;background: #FF9800;color: #FFF}</style><div class="ie-message"><p class="h1"><em>Atenção!!!</em></p><p>Seu navegador está desatualizado! Para ter uma melhor experiência com o nosso site, por favor atualize-o para a última versão do Microsoft Edge.</p></div><![endif]-->
<div id="app">
<header class="topo topo--home">
<div class="topo__main" id="topo__main">
<div class="container">
<div class="main__logo" style="height: 90px"></div>
<ul class="main__menu">
<li class="menu__item menu__item--active">
<a class="menu__link" href="https://www.gv8.com.br/home">Home</a>
</li>
<li class="menu__item ">
<a class="menu__link" href="https://www.gv8.com.br/a-gv8">A GV8</a>
</li>
<li class="menu__item ">
<a class="menu__link" href="https://www.gv8.com.br/servicos">Serviços</a>
</li>
<li class="menu__item ">
<a class="menu__link" href="https://www.gv8.com.br/portfolio/web-sites">Portfólio</a>
</li>
<li class="menu__item ">
<a class="menu__link" href="https://www.gv8.com.br/contato">Contato</a>
</li>
</ul>
<div class="segura__botao__topo">
<a class="btn__cliente" href="https://gv8.com.br/blog" target="_blank" rel="noopener">Acessar o Blog</a>
<nav class="sociais__nav">
<a href="tel:1433727454" title="Ligue-nos" aria-label="Ligue-nos"><span class="fas fa-phone-alt" aria-hidden="true"></span><span class="sr-only">Telefone</span></a>
<a href="http://grupov8.com.br/whatsapp/gv8.php" target="_blank" rel="noopener" title="Whatsapp" aria-label="Whatsapp"><span class="fab fa-whatsapp" aria-hidden="true"></span><span class="sr-only">Whatsapp</span></a>
<a href="mailto:contato@gv8.com.br" target="_blank" rel="noopener" title="Envie-nos um e-mail" aria-label="Envie-nos um e-mail"><span class="fas fa-envelope" aria-hidden="true"></span><span class="sr-only">E-mail</span></a>
</nav>
</div>
</div>
</div>
<div class="topo__mobile">
<div class="container">
<button class="mbl__toggler" type="button" aria-label="Abrir Menu" aria-expanded="false" aria-haspopup="true" role="button" id="mbl__toggler"><span class="fas fa-bars" aria-hidden="true"></span><span class="sr-only">Ícone de menu</span></button>
</div>
</div>
<script>
let font_awesome = document.createElement('link');
font_awesome.setAttribute("rel" , "stylesheet" )
font_awesome.setAttribute("href" , '/assets/css/font_awesome.css' )
document.body.append(font_awesome) ;
let fonte_poppins = document.createElement('link');
fonte_poppins.setAttribute("rel" , "stylesheet" )
fonte_poppins.setAttribute("href" , '/assets/css/poppins.css' );
document.body.append(fonte_poppins) ;
</script>
</header>
<main class="wrapper">
<section class="pseudo__banner">
<div class="helper1"></div>
<div class="helper2"></div>
<div class="helper3"></div>
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="segura__texto" data-animate="fadeInLeft animated">
<h1 class="titulo__pseudo">Tenha resultados de alto nível no mercado digital</h1>
<div class="pseudo__desc">Conte com uma agência que vai muito além do digital para fazer sua empresa crescer forte e lucrativa.</div>
</div>
</div>
<div class="col-lg-6">
<div class="gv8__boneco" data-animate="zoomIn animated">
<div class="mbl__boneco">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_paginas/cortar-587-568-boneco.webp" width="587" height="568" alt="Imagem mobile" aria-label="Imagem mobile" loading="lazy">
</div>
<div class="lg__boneco">
<div class="corpo__boneco">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_paginas/cortar-587-568-boneco__sem__map.webp" width="587" height="568" alt="Corpo" aria-label="Corpo" loading="lazy">
</div>
<div class="mao__boneco">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_paginas/cortar-136-177-mao.webp" width="136" height="177" alt="Mão" aria-label="Mão" loading="lazy">
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="sobre">
<div class="container">
<div class="row">
<div class="col-lg-6">
<div class="imagem__sobre" data-animate="zoomIn animated">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_paginas/cortar-536-504-notebook.webp" width="536" height="504" alt="Imagem notebook" aria-label="Imagem notebook" loading="lazy">
</div>
</div>
<div class="col-lg-6" data-animate="fadeInRight animated" data-animar="active">
<div class="sobre__header">
<h2 class="titulo__secao"><span>Sobre a GV8</span></h2> <h3 class="sub__secao">Somos muito mais que uma agência de criação</h3>
</div>
<div class="sobre__desc">A GV8 é uma agência digital brasileira com mais de 18 anos de experiência no mercado. Nosso objetivo é ajudar empresas a alcançarem uma presença marcante na web.<br />
<br />
Desde nosso início, temos atendido mais de 4.500 clientes, através dos 27 estados brasileiros e 602 municípios. Oferecemos soluções para todos os tipos de empresas: desde profissionais liberais até grandes empresas.</div>
<div class="sobre__selos">
<div class="selo">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_selos/cortar-131-103-selo-18anos.png" width="131" height="103" alt="18 anos de GV8" aria-label="18 anos de GV8">
</div>
<div class="selo">
<a href="https://www.facebook.com/business/partner-directory/search?id=5227002767378588" target="_blank" rel="noopener">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_selos/cortar-388-222-1672914529_a79cf3336f497c338746.webp" width="388" height="222" alt="Meta partner" aria-label="Meta partner">
</a>
</div>
<div class="selo">
<a href="https://www.google.com/partners/agency?id=7221514886" target="_blank" rel="noopener">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_selos/cortar-164-56-selo3.webp" width="164" height="56" alt="Google Partner" aria-label="Google Partner">
</a>
</div>
</div>
<div class="conheco__btn">
<a class="btn__conteudo" href="/a-gv8" target="_blank" rel="noopener"><span>Conheça a GV8</span></a>
</div>
</div>
</div>
</div>
</section>
<div class="numeros">
<div class="container">
<div class="row">
<div class="col-lg-3 col-sm-6">
<div class="numero__card" data-animate="zoomIn animated">
<div class="numero__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_numeros/cortar-72-68-icone4.webp" width="72" height="68" alt="ícone clientes" aria-label="ícone clientes" loading="lazy">
</div>
<div class="numero__card__numero"><span class="counter" data-girar="true" data-count="5105">5105</span></div>
<div class="numero__card__titulo">clientes ativos em 27 estados do BR</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="numero__card" data-animate="zoomIn animated">
<div class="numero__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_numeros/cortar-72-68-icone3.webp" width="72" height="68" alt="ícone lampada" aria-label="ícone lampada" loading="lazy">
</div>
<div class="numero__card__numero"><span class="counter" data-girar="true" data-count="1">1</span>M</div>
<div class="numero__card__titulo">investidos em campanhas</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="numero__card" data-animate="zoomIn animated">
<div class="numero__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_numeros/cortar-72-68-icone2.webp" width="72" height="68" alt="ícone foguete" aria-label="ícone foguete" loading="lazy">
</div>
<div class="numero__card__numero"><span class="counter" data-girar="true" data-count="3000">3000</span></div>
<div class="numero__card__titulo">campanhas criadas</div>
</div>
</div>
<div class="col-lg-3 col-sm-6">
<div class="numero__card" data-animate="zoomIn animated">
<div class="numero__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_numeros/cortar-72-68-icone1.webp" width="72" height="68" alt="Ícone xícara de café" aria-label="Ícone xícara de café" loading="lazy">
</div>
<div class="numero__card__numero"><span class="counter" data-girar="true" data-count="1">1</span>M</div>
<div class="numero__card__titulo">xícaras de café</div>
</div>
</div>
</div>
</div>
</div>
<div class="servicos" data-animar="active">
<div class="container">
<div class="servico__titulo" data-animate="fadeInUp animated">
<h2 class="titulo__secao"><span>Serviços</span></h2> <div class="sub__secao">É mais que serviços, são soluções criativas!</div>
</div>
<div class="servico__desc">Te impulsionamos para que você vá mais longe.</div>
<div class="servico__grid">
<div class="segura__servico" data-animate="bounceIn animated">
<a class="servico__card" href="https://www.gv8.com.br/servicos/trafego-pago" title="Ver detalhes" aria-label="Ver detalhes">
<div class="servico__card__icone">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_servicos/redimencionar-79-83-servico3.webp" width="79" height="83" alt="Ícone Tráfego pago" aria-label="Ícone Tráfego pago" loading="lazy">
</div>
<div class="servico__card__titulo">
<div class="line__clamp">Tráfego pago</div>
</div>
<ul class="servico__lista">
<li>Aumenta o tráfego do seu site;</li>
<li>Melhora a visibilidade da sua marca;</li>
<li>Analisa a concorrência;</li>
<li>Crie anúncios personalizados.</li>
</ul>
</a>
</div>
<div class="segura__servico" data-animate="bounceIn animated">
<a class="servico__card" href="https://www.gv8.com.br/servicos/gestao-de-midias-sociais" title="Ver detalhes" aria-label="Ver detalhes">
<div class="servico__card__icone">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_servicos/redimencionar-79-83-servico4.webp" width="79" height="83" alt="Ícone Gestão de Mídias Sociais" aria-label="Ícone Gestão de Mídias Sociais" loading="lazy">
</div>
<div class="servico__card__titulo">
<div class="line__clamp">Gestão de Mídias Sociais</div>
</div>
<ul class="servico__lista">
<li>Fortalece a imagem da sua marca;</li>
<li>Conecta sua empresa com o público-alvo;</li>
<li>Cria campanhas publicitárias assertivas;</li>
<li>Melhora o relacionamento com o seu público.</li>
</ul>
</a>
</div>
<div class="segura__servico" data-animate="bounceIn animated">
<a class="servico__card" href="https://www.gv8.com.br/servicos/seo" title="Ver detalhes" aria-label="Ver detalhes">
<div class="servico__card__icone">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_servicos/redimencionar-79-83-servico7.webp" width="79" height="83" alt="Ícone SEO" aria-label="Ícone SEO" loading="lazy">
</div>
<div class="servico__card__titulo">
<div class="line__clamp">SEO</div>
</div>
<ul class="servico__lista">
<li>Aumenta o tráfego orgânico;</li>
<li>Melhora o posicionamento do site nos mecanismos de busca;</li>
<li>Melhora a experiência do usuário;</li>
<li>Aumenta a taxa de conversão.</li>
</ul>
</a>
</div>
<div class="segura__servico" data-animate="bounceIn animated">
<a class="servico__card" href="https://www.gv8.com.br/servicos/lojas-virtuais" title="Ver detalhes" aria-label="Ver detalhes">
<div class="servico__card__icone">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_servicos/redimencionar-79-83-servico2.webp" width="79" height="83" alt="Ícone Lojas Virtuais" aria-label="Ícone Lojas Virtuais" loading="lazy">
</div>
<div class="servico__card__titulo">
<div class="line__clamp">Lojas Virtuais</div>
</div>
<ul class="servico__lista">
<li>Aumenta suas vendas;</li>
<li>Maior alcance de consumidores;</li>
<li>Maior comodidade aos clientes;</li>
<li>Permite a venda de produtos 24 horas.</li>
</ul>
</a>
</div>
<div class="segura__servico" data-animate="bounceIn animated">
<a class="servico__card" href="https://www.gv8.com.br/servicos/site-institucional" title="Ver detalhes" aria-label="Ver detalhes">
<div class="servico__card__icone">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_servicos/redimencionar-79-83-servico1.webp" width="79" height="83" alt="Ícone Site Institucional" aria-label="Ícone Site Institucional" loading="lazy">
</div>
<div class="servico__card__titulo">
<div class="line__clamp">Site Institucional</div>
</div>
<ul class="servico__lista">
<li>Aumenta a visibilidade da sua marca;</li>
<li>Canal de comunicação direto com o seu público-alvo;</li>
<li>Apresentação da sua empresa de forma profissional; </li>
<li>Cria leads qualificados.</li>
</ul>
</a>
</div>
<div class="segura__servico" data-animate="bounceIn animated">
<a class="servico__card" href="https://www.gv8.com.br/servicos/identidade-visual" title="Ver detalhes" aria-label="Ver detalhes">
<div class="servico__card__icone">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_servicos/redimencionar-79-83-servico5.webp" width="79" height="83" alt="Ícone Identidade Visual" aria-label="Ícone Identidade Visual" loading="lazy">
</div>
<div class="servico__card__titulo">
<div class="line__clamp">Identidade Visual</div>
</div>
<ul class="servico__lista">
<li>Transmite profissionalismo;</li>
<li>Cria uma imagem positiva da empresa;</li>
<li>Melhora a comunicação com os clientes;</li>
<li>Estabelece diferenciais competitivos.</li>
</ul>
</a>
</div>
</div>
</div>
</div>
<section class="depoimentos">
<div class="container">
<div class="servico__titulo" data-animate="fadeInUp animated">
<h2 class="titulo__secao"><span>Depoimentos</span></h2> <div class="sub__secao">O que dizem sobre nós:</div>
</div>
<div class="dep__secao__desc"></div>
<div class="owl-carousel depoimentos__owl alt" id="depoimentosOwl" data-lg="4" data-md="3" data-sm="2" data-nav="true" data-loop="true" data-animate="fadeInUp animated" data-margin="10">
<button class="depoimento__card__novo" data-toggle="modal" data-target="#videoModal" onclick="chama_modal(1)">
<div class="depoimento__card__novo__img">
<div class="helper"></div>
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_depoimentos/cortar-256-356-dep1.png" width="256" height="356" alt="Thumb vídeo" aria-label="Thumb vídeo" loading="lazy">
</div>
<div class="depoimento__card__novo__titulo">Dra. Talita Izidório</div>
<div class="depoimento__card__novo__cargo">Mysa Pet</div>
</button>
<button class="depoimento__card__novo" data-toggle="modal" data-target="#videoModal" onclick="chama_modal(3)">
<div class="depoimento__card__novo__img">
<div class="helper"></div>
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_depoimentos/cortar-256-356-dep3.png" width="256" height="356" loading="lazy">
</div>
<div class="depoimento__card__novo__titulo">Ale Esclapes</div>
<div class="depoimento__card__novo__cargo">Escola Paulista de Psicanálise</div>
</button>
</div>
</div>
</section>
<section class="responsivo" data-animate="fadeInUp animated">
<div class="container">
<div class="responsivo__header">
<h2 class="sub__secao">Sua empresa na palma da mão.<br>Agora seu negócio vai junto com você!</h2>
</div>
<div class="responsivo__grid" data-animar="active">
<div class="responsivo__card">
<div class="responsivo__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_paginas/cortar-70-103-tablet.webp" width="70" height="103" alt="ícone tablet" aria-label="ícone tablet" loading="lazy">
</div>
<div class="responsivo__card__titulo">TABLET</div>
</div>
<div class="responsivo__detalhe">
<div class="detalhe__responsivo__titulo">ADEQUAÇÃO EXATA</div>
<div class="detalhe__responsivo__imagem mgt20">
<img class="img-fluid" src="https://www.gv8.com.br/assets/images/bolinha.png" width="189" height="6" alt="Bolinha" aria-label="Bolinha" loading="lazy">
</div>
</div>
<div class="responsivo__card">
<div class="responsivo__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_paginas/cortar-194-112-pc.webp" width="194" height="112" alt="ícone pc" aria-label="ícone pc" loading="lazy">
</div>
<div class="responsivo__card__titulo">PC</div>
</div>
<div class="responsivo__detalhe">
<div class="detalhe__responsivo__imagem mgb20">
<img class="img-fluid" src="https://www.gv8.com.br/assets/images/bolinha.png" width="189" height="6" alt="Bolinha" aria-label="Bolinha" loading="lazy">
</div>
<div class="detalhe__responsivo__titulo">PARA CADA DISPOSITIVO</div>
</div>
<div class="responsivo__card">
<div class="responsivo__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_paginas/cortar-39-80-celular.webp" width="39" height="80" alt="ícone celular" aria-label="ícone celular" loading="lazy">
</div>
<div class="responsivo__card__titulo">SMARTPHONE</div>
</div>
</div>
<div class="responsivo__subtitulo">Tecnologia GV8 ao seu favor sempre!</div>
</div>
</section>
<section class="portifolio">
<div class="container">
<hgroup class="servico__titulo" data-animate="fadeInUp animated">
<h2 class="titulo__secao"><span>Portfólio</span></h2> <h3 class="sub__secao">Do que somos capazes? De te surpreender!<br>Confira alguns de nossos projetos:</h3>
</hgroup>
<nav data-animate="fadeInUp animated">
<ul class="portifolio__categorias">
<li class="portifolio__li">
<button aria-label="Ver Web Sites" type="button" onclick="troca_portfolios(1)" id="categoria1" class="active"><span>Web Sites</span></button>
</li>
<li class="portifolio__li">
<button aria-label="Ver Web Banners" type="button" onclick="troca_portfolios(2)" id="categoria2" ><span>Web Banners</span></button>
</li>
<li class="portifolio__li">
<button aria-label="Ver Mídias Sociais" type="button" onclick="troca_portfolios(4)" id="categoria4" ><span>Mídias Sociais</span></button>
</li>
<li class="portifolio__li">
<button aria-label="Ver Criação de Marcas" type="button" onclick="troca_portfolios(3)" id="categoria3" ><span>Criação de Marcas</span></button>
</li>
</ul>
</nav>
</div>
<div class="portifolio__grid" id="portfoliosCategoria">
<a class="portifolio__card" href="https://lp.jrqmed.com.br/" target="_blank" rel="noopener" data-animate="bounceIn animated">
<div class="portifolio__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_portfolio/redimencionar-480-356-site_67.png" loading="lazy" width="480" height="356" >
</div>
<div class="portifolio__card__conteudo">
<div class="portifolio__card__tipo">Web Sites</div>
<div class="portifolio__card__nome">JRQMed</div>
<div class="portifolio__card__btn">Ver detalhes</div>
</div>
</a>
<a class="portifolio__card" href="https://standgames.com.br/" target="_blank" rel="noopener" data-animate="bounceIn animated">
<div class="portifolio__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_portfolio/redimencionar-480-356-site_66.png" loading="lazy" width="480" height="356" >
</div>
<div class="portifolio__card__conteudo">
<div class="portifolio__card__tipo">Web Sites</div>
<div class="portifolio__card__nome">STAND GAMES</div>
<div class="portifolio__card__btn">Ver detalhes</div>
</div>
</a>
<a class="portifolio__card" href="https://www.institutodenefrologia.com.br/" target="_blank" rel="noopener" data-animate="bounceIn animated">
<div class="portifolio__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_portfolio/redimencionar-480-356-site_64.png" loading="lazy" width="480" height="356" >
</div>
<div class="portifolio__card__conteudo">
<div class="portifolio__card__tipo">Web Sites</div>
<div class="portifolio__card__nome">Instituto de Nefrologia do Triangulo</div>
<div class="portifolio__card__btn">Ver detalhes</div>
</div>
</a>
<a class="portifolio__card" href="https://jhood.com.br/" target="_blank" rel="noopener" data-animate="bounceIn animated">
<div class="portifolio__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_portfolio/redimencionar-480-356-site_65.png" loading="lazy" width="480" height="356" >
</div>
<div class="portifolio__card__conteudo">
<div class="portifolio__card__tipo">Web Sites</div>
<div class="portifolio__card__nome">JHOOD</div>
<div class="portifolio__card__btn">Ver detalhes</div>
</div>
</a>
<a class="portifolio__card" href="https://www.labbeleza.com.br/" target="_blank" rel="noopener" data-animate="bounceIn animated">
<div class="portifolio__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_portfolio/redimencionar-480-356-site_63.png" loading="lazy" width="480" height="356" >
</div>
<div class="portifolio__card__conteudo">
<div class="portifolio__card__tipo">Web Sites</div>
<div class="portifolio__card__nome">Lab.beleza</div>
<div class="portifolio__card__btn">Ver detalhes</div>
</div>
</a>
<a class="portifolio__card" href="https://www.astroprotools.com.br/" target="_blank" rel="noopener" data-animate="bounceIn animated">
<div class="portifolio__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_portfolio/redimencionar-480-356-site_59.png" loading="lazy" width="480" height="356" >
</div>
<div class="portifolio__card__conteudo">
<div class="portifolio__card__tipo">Web Sites</div>
<div class="portifolio__card__nome">ASTROPRO</div>
<div class="portifolio__card__btn">Ver detalhes</div>
</div>
</a>
<a class="portifolio__card" href="https://www.nupike.com.br/" target="_blank" rel="noopener" data-animate="bounceIn animated">
<div class="portifolio__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_portfolio/redimencionar-480-356-site_57.png" loading="lazy" width="480" height="356" >
</div>
<div class="portifolio__card__conteudo">
<div class="portifolio__card__tipo">Web Sites</div>
<div class="portifolio__card__nome">NUPIKE</div>
<div class="portifolio__card__btn">Ver detalhes</div>
</div>
</a>
<a class="portifolio__card" href="https://www.hasner.com.br/" target="_blank" rel="noopener" data-animate="bounceIn animated">
<div class="portifolio__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_portfolio/redimencionar-480-356-site_56.png" loading="lazy" width="480" height="356" >
</div>
<div class="portifolio__card__conteudo">
<div class="portifolio__card__tipo">Web Sites</div>
<div class="portifolio__card__nome">hasner</div>
<div class="portifolio__card__btn">Ver detalhes</div>
</div>
</a>
</div>
</section>
<section class="vantagens">
<div class="container" data-animar="active">
<div class="helper"></div>
<div class="servico__titulo">
<h2 class="titulo__secao"><span>Vantagens</span></h2> <div class="sub__secao">O que oferecemos? Qualidade do início ao fim!</div>
</div>
<div class="servico__desc">Conheça as vantagens em ser cliente GV8:</div>
<div class="row__custom">
<div class="col__info">
<div class="info__card" data-animate="bounceInLeft animated">
<div class="info__numero">01</div>
<div class="info__desc">Acesso a uma equipe experiente e altamente qualificada;</div>
</div>
<div class="info__card" data-animate="bounceInLeft animated">
<div class="info__numero">02</div>
<div class="info__desc">Soluções personalizadas e adequadas para cada cliente;</div>
</div>
<div class="info__card" data-animate="bounceInLeft animated">
<div class="info__numero">03</div>
<div class="info__desc">Planejamento estratégico baseado nas suas necessidades;</div>
</div>
<div class="info__card" data-animate="bounceInLeft animated">
<div class="info__numero">04</div>
<div class="info__desc">Campanhas criativas e inovadoras;</div>
</div>
</div>
<div class="col__imagem" data-animate="bounceInUp animated">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_paginas/cortar-416-770-celular2.webp" width="416" height="770" alt="Imagem celular" aria-label="Imagem celular" loading="lazy">
</div>
<div class="col__info">
<div class="info__card" data-animate="bounceInLeft animated">
<div class="info__numero">05</div>
<div class="info__desc">Inovação constante;</div>
</div>
<div class="info__card" data-animate="bounceInLeft animated">
<div class="info__numero">06</div>
<div class="info__desc">Parcerias estratégicas com as principais empresas do mercado (Google e Facebook);</div>
</div>
<div class="info__card" data-animate="bounceInLeft animated">
<div class="info__numero">07</div>
<div class="info__desc">Comprometimento com o sucesso do cliente;</div>
</div>
<div class="info__card" data-animate="bounceInLeft animated">
<div class="info__numero">08</div>
<div class="info__desc">Suporte ilimitado.</div>
</div>
</div>
</div>
</div>
</section>
<section class="time " data-animar="active">
<div class="container">
<div class="time__header" data-animate="bounceInLeft animated">
<h2 class="sub__secao">Nosso time de outro mundo<br>está preparado para te atender!</h2>
</div>
<div class="segura__time__owl" data-animar="active">
<div class="owl-carousel time__owl" id="time__owl" data-xl="6" data-lg="5" data-md="4" data-sm="3" data-xs="2" data-loop="true" data-autoplay="true" data-nav="true" data-animate="bounceInRight animated">
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-maicon.webp" width="160" height="160" alt="Maicon" aria-label="Maicon" loading="lazy">
<div class="time__card__links">
<a href="https://www.facebook.com/maicon.pilato" title="Facebook" aria-label="Facebook" rel="noopener" target="_blank"><span class="fab fa-facebook-f"></span><span class="sr-only">Facebook Ícone</span></a>
<a href="https://www.google.com/url?sa=t&source=web&rct=j&opi=89978449&url=https://br.linkedin.com/in/maicon-pilato-b514bb77&ved=2ahUKEwiCsoLKwJmPAxU4p5UCHZ37McUQFnoECCIQAQ&usg=AOvVaw1d2L61_FeAwUIocxmvNp6M" title="Instagram" aria-label="Instagram" rel="noopener" target="_blank"><span class="fab fa-linkedin-in"></span><span class="sr-only">Instagram Ícone</span></a>
</div>
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Maicon Pilato</div>
<div class="time__card__cargo">CBO</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-hugo.webp" width="160" height="160" alt="Hugo" aria-label="Hugo" loading="lazy">
<div class="time__card__links">
<a href="https://www.facebook.com/HugoVidor" title="Facebook" aria-label="Facebook" rel="noopener" target="_blank"><span class="fab fa-facebook-f"></span><span class="sr-only">Facebook Ícone</span></a>
<a href="https://www.linkedin.com/in/hugo-mello-vidor-60a2a85b/" title="Instagram" aria-label="Instagram" rel="noopener" target="_blank"><span class="fab fa-linkedin-in"></span><span class="sr-only">Instagram Ícone</span></a>
</div>
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Hugo Vidor</div>
<div class="time__card__cargo">CEO</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-bruna.webp" width="160" height="160" alt="Bruna" aria-label="Bruna" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Bruna Bermejo</div>
<div class="time__card__cargo">Social Media</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-ana.jpg" width="160" height="160" alt="Ana" aria-label="Ana" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Ana Felicio</div>
<div class="time__card__cargo">Financeiro</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-9e908a6d4a84ca316522edca6017c9aa.jpg" width="160" height="160" alt="Simone" aria-label="Simone" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Simone Zabot</div>
<div class="time__card__cargo">Copywriter</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-talissa.webp" width="160" height="160" alt="Talissa" aria-label="Talissa" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Talissa Oliveira</div>
<div class="time__card__cargo">Programação</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-a021eb05b67aa159eab82b76a7e2e38d.jpg" width="160" height="160" alt="Luiz Henrique" aria-label="Luiz Henrique" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Luiz Henrique Gabriel</div>
<div class="time__card__cargo">Programação</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-bruno.webp" width="160" height="160" alt="Bruno" aria-label="Bruno" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Bruno Henrique</div>
<div class="time__card__cargo">Programação</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-15a81183ca0053f3cd980824cbaf4e7d.jpg" width="160" height="160" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Rebeca Nogueira</div>
<div class="time__card__cargo">Suporte Técnico</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-46e094cff90045c111457606fc4fb165.jpg" width="160" height="160" alt="Gustavo" aria-label="Gustavo" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Lucas Geromini</div>
<div class="time__card__cargo">Suporte Técnico</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-giovana.webp" width="160" height="160" alt="Giovana" aria-label="Giovana" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Giovana Beatriz</div>
<div class="time__card__cargo">UI Creator</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-256b97d101af23725b90e838ad7716dc.jpg" width="160" height="160" alt="Ingrid" aria-label="Ingrid" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Ingrid de Oliveira</div>
<div class="time__card__cargo">UX / UI Creator</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-screenshot_1.jpg" width="160" height="160" alt="Bárbara" aria-label="Bárbara" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Bárbara Vieira</div>
<div class="time__card__cargo">UX Designer</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-screenshot_1.png" width="160" height="160" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Cristiano dos Santos </div>
<div class="time__card__cargo">UX Creator</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-7ae654a768732c4489a914d21f35643e.jpg" width="160" height="160" alt="Daiane" aria-label="Daiane" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Daiane Silva</div>
<div class="time__card__cargo">Gerente de Projetos</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-f9b770c1f132b67de5216012b1a93cb1.jpg" width="160" height="160" alt="Jéssica" aria-label="Jéssica" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Jéssica Lopes</div>
<div class="time__card__cargo">Consultora de Vendas</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-6ce5c72d8d673ad531f42d66e307ae5b.jpg" width="160" height="160" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Tadeu Veiga</div>
<div class="time__card__cargo">Consultor de Vendas</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-fd8bebf6cb84bff5a08614e021a1e077.png" width="160" height="160" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Agnes Diniz</div>
<div class="time__card__cargo">Tráfego Pago</div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-caju.webp" width="160" height="160" alt="Caju" aria-label="Caju" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Caju</div>
<div class="time__card__cargo">Mascote<br>✯14/10/2022 a ✞03/10/2023 </div>
</div>
</div>
<div class="time__card">
<div class="time__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_equipe/cortar-160-160-layout.webp" width="160" height="160" alt="Layout" aria-label="Layout" loading="lazy">
</div>
<div class="time__card__texto">
<div class="time__card__titulo">Layout</div>
<div class="time__card__cargo">Mascote<br>✯04/10/2021 a ✞19/09/2022</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="contato ">
<div class="container">
<div class="row">
<div class="col-lg-8" data-animate="fadeInLeft animated">
<div class="sobre__header">
<h2 class="titulo__secao"><span>Contato</span></h2> <h3 class="sub__secao">Entre em contato conosco e<br>vamos começar algo legal juntos!</h3>
</div>
</div>
<div class="col-lg-4" data-animate="fadeInRight animated">
<div class="contato__btn">
<a class="btn__conteudo" href="/contato" target="_self" rel="noopener"><span>Solicite um orçamento</span></a>
</div>
</div>
</div>
</div>
</section>
</main><footer class="rodape">
<div class="container">
<div class="row row__linha">
<div class="col-lg-4">
<div class="rodape__card">
<div class="rodape__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/assets/images/emailrodape.png" width="81" height="82" alt="Ícone" aria-label="Ícone">
</div>
<div class="rodape__card__texto">
<div class="rodape__card__titulo">E-mail:</div>
<div class="rodape__card__links">
<a href="mailto:contato@gv8.com.br" target="_blank" rel="noopener" aria-label="Envie-nos um e-mail" title="Envie-nos um e-mail">contato@gv8.com.br</a>
<a href="mailto:suporte@gv8.com.br" target="_blank" rel="noopener" aria-label="Envie-nos um e-mail" title="Envie-nos um e-mail">suporte@gv8.com.br</a>
<a href="mailto:financeiro@gv8.com.br" target="_blank" rel="noopener" aria-label="Envie-nos um e-mail" title="Envie-nos um e-mail">financeiro@gv8.com.br</a>
</div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="rodape__card">
<div class="rodape__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/assets/images/localrodape.png" width="81" height="82" alt="Ícone" aria-label="Ícone">
</div>
<div class="rodape__card__texto">
<div class="rodape__card__titulo">Endereço:</div>
<div class="rodape__card__links"><span>Av. Cel. Clementino Gonçalves, nº 523 (Sala 2A) - Centro | CEP 18.900-340<br />
Santa Cruz do Rio Pardo - SP</span></div>
</div>
</div>
</div>
<div class="col-lg-4">
<div class="rodape__card">
<div class="rodape__card__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/assets/images/telrodape.png" width="81" height="82" alt="Ícone" aria-label="Ícone">
</div>
<div class="rodape__card__texto">
<div class="rodape__card__titulo">Telefone:</div>
<div class="rodape__card__links">
<div class="telefone__item"><span>São Paulo:</span>
<a href="tel:1128584864" title="Ligue-nos">(11) 2858-4864</a>
</div>
<div class="telefone__item"><span>SP Interior:</span>
<a href="tel:1433727454" title="Ligue-nos">(14) 3372-7454</a>
</div>
<div class="telefone__item"><span>Rio de Jan:</span>
<a href="tel:2140634142" title="Ligue-nos">(21) 4063-4142</a>
</div>
<div class="telefone__item"><span>WhatsApp:</span>
<a href="http://grupov8.com.br/whatsapp/gv8.php" title="Fale conosco pelo WhatsApp" target="_blank" rel="noopener">(11) 94317-0165</a>
</div>
</div>
</div>
</div>
</div>
</div>
<nav class="rodape__nav row__linha">
<ul>
<li class="menu__item--active">
<a href="https://www.gv8.com.br/home">Home</a>
</li>
<li class="">
<a href="https://www.gv8.com.br/a-gv8">A GV8</a>
</li>
<li class="">
<a href="https://www.gv8.com.br/servicos">Serviços</a>
</li>
<li class="">
<a href="https://www.gv8.com.br/portfolio/web-sites">Portfólio</a>
</li>
<li class="">
<a href="https://www.gv8.com.br/blog">Blog</a>
</li>
<li class="">
<a href="https://www.gv8.com.br/contato">Contato</a>
</li>
</ul>
</nav>
<div class="row row__linha">
<div class="col-lg-4">
<nav class="sociais__rodape">
<a href="https://www.instagram.com/agenciagv8/" title="Instagram" aria-label="Instagram" rel="noopener" target="_blank"><span class="fab fa-instagram" aria-hidden="true"></span><span class="sr-only">Instagram</span></a>
<a href="https://www.facebook.com/agenciagv8" title="Facebook" aria-label="Facebook" rel="noopener" target="_blank"><span class="fab fa-facebook-f" aria-hidden="true"></span><span class="sr-only">Facebook</span></a>
<a href="https://twitter.com/GV8" title="Twitter" aria-label="Twitter" rel="noopener" target="_blank"><span class="fab fa-twitter" aria-hidden="true"></span><span class="sr-only">Twitter</span></a>
<a href="https://www.youtube.com/channel/UCAuo8NzH6uHwereyeJ2UjNA/videos" title="Youtube" aria-label="Youtube" rel="noopener" target="_blank"><span class="fab fa-youtube" aria-hidden="true"></span><span class="sr-only">Youtube</span></a>
<a href="https://www.tiktok.com/@agenciagv8?lang=pt-BR" title="Tiktok" aria-label="Tiktok" rel="noopener" target="_blank"><span class="fab fa-tiktok" aria-hidden="true"></span><span class="sr-only">Tiktok</span></a>
</nav>
</div>
<div class="col-lg-4">
<div class="selos__rodape">
<a href="https://www.google.com/partners/agency?id=7221514886" target="_blank" rel="noopener">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_selos/redimencionar-106-75-selo-rodape.webp" width="106" height="75" alt="Google Partner" aria-label="Google Partner" loading="lazy">
</a>
<a href="https://www.facebook.com/business/partner-directory/search?id=5227002767378588" target="_blank" rel="noopener">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_selos/redimencionar-388-222-1672914529_a79cf3336f497c338746.webp" width="388" height="222" alt="Meta partner" aria-label="Meta partner" loading="lazy">
</a>
</div>
</div>
<div class="col-lg-4">
<div class="rodape__btns">
<a class="btn__conteudo" href="https://www.gv8.com.br/financeiro/" target="_blank" rel="noopener"><span>Financeiro</span></a>
<a class="btn__conteudo" href="https://www.gv8.com.br/suporte/" target="_blank" rel="noopener"><span>Suporte</span></a>
</div>
</div>
</div>
<div class="assinatura"><span class="red">GV8 Agência Digital</span><span>© Copyright GV8 Agência Digital - Todos os direitos reservados.</span></div>
</div>
</footer>
<div class="modal fade modal__custom alt" id="videoModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button class="btn__fechar__modal" type="button" data-dismiss="modal" aria-label="Fechar"><span class="fas fa-times" aria-hidden="true"></span></button>
</div>
<div class="modal-body" id="videoIframe"></div>
</div>
</div>
</div>
<div class="modal fade modal__custom alt" id="contatoModal" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button class="btn__fechar__modal" type="button" data-dismiss="modal" aria-label="Fechar"><span class="fas fa-times" aria-hidden="true"></span></button>
</div>
<div class="modal-body">
<div class="modal__galeria__imagem">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_modais/redimencionar-881-1076-obrigado.webp" width="881" height="1076" alt="Imagem de obrigada" aria-label="Imagem de obrigada" loading="lazy">
</div>
</div>
</div>
</div>
</div>
<div class="modal fade modal__boneco" id="modalTrabalhe" tabindex="-1" role="dialog" aria-hidden="true">
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<button class="btn__fechar__modal" type="button" data-dismiss="modal" aria-label="Fechar"><span class="fas fa-times" aria-hidden="true"></span></button>
</div>
<div class="modal-body">
<div class="trabalhe__modal__img">
<img class="img-fluid" src="https://www.gv8.com.br/uploads/images/bra_modais/redimencionar-328-357-trabalhe.webp" width="328" height="357" alt="Imagem de trabalhe" aria-label="Imagem de trabalhe" loading="lazy">
</div>
<div class="trabalhe__modal__titulo">Ficamos muito felizes em receber o seu currículo e saber que você quer fazer parte de nosso time!</div>
<div class="trabalhe__modal___desc">O mesmo será armazenado em nosso banco de dados, e estará a disposição para avaliação quando estivermos com processo seletivo em aberto.</div>
</div>
</div>
</div>
</div>
<div class="segura__btn__form">
<button class="btn__whats__toggler" data-toggle="collapse" data-target="#formBotao" aria-expanded="false">
<div class="btn__whats__mensagem">Olá! Como podemos ajudar?</div>
<div class="btn__whats__circulo">
<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg">
<path d="M17.507 14.307l-.009.075c-2.199-1.096-2.429-1.242-2.713-.816-.197.295-.771.964-.944 1.162-.175.195-.349.21-.646.075-.3-.15-1.263-.465-2.403-1.485-.888-.795-1.484-1.77-1.66-2.07-.293-.506.32-.578.878-1.634.1-.21.049-.375-.025-.524-.075-.15-.672-1.62-.922-2.206-.24-.584-.487-.51-.672-.51-.576-.05-.997-.042-1.368.344-1.614 1.774-1.207 3.604.174 5.55 2.714 3.552 4.16 4.206 6.804 5.114.714.227 1.365.195 1.88.121.574-.091 1.767-.721 2.016-1.426.255-.705.255-1.29.18-1.425-.074-.135-.27-.21-.57-.345z"></path>
<path d="M20.52 3.449C12.831-3.984.106 1.407.101 11.893c0 2.096.549 4.14 1.595 5.945L0 24l6.335-1.652c7.905 4.27 17.661-1.4 17.665-10.449 0-3.176-1.24-6.165-3.495-8.411zm1.482 8.417c-.006 7.633-8.385 12.4-15.012 8.504l-.36-.214-3.75.975 1.005-3.645-.239-.375c-4.124-6.565.614-15.145 8.426-15.145a9.865 9.865 0 017.021 2.91 9.788 9.788 0 012.909 6.99z"></path>
</svg>
</div>
</button>
<div class="flutuante__segura collapse" id="formBotao">
<div class="flutuante__conteudo">
<div class="segura__btn__fechar">
<button class="flutuante__fechar" data-toggle="collapse" data-target="#formBotao" aria-expanded="false"><span>X</span><span class="sr-only">Fechar formulário</span></button>
</div>
<div class="flutuante__titulo">Agência GV8 - Comercial</div>
<div class="flutuante__desc">Por favor, preencha o formulário para começar a conversar com um de nossos atendentes</div>
<form class="form__flutuante" id="form-flutuante" method="POST" action="https://www.gv8.com.br/ajax/flutuante.php">
<div class="form-group">
<label class="sr-only" for="flutuante__nome">Nome:</label>
<input class="contato__input" type="text" name="nome" id="flutuante__nome" placeholder="Nome:" required>
</div>
<div class="form-group">
<label class="sr-only" for="flutuante__email">Email:</label>
<input class="contato__input" type="email" name="email" id="flutuante__email" placeholder="Email:" required>
</div>
<div class="form-group">
<label class="sr-only" for="flutuante__telefone">(DDD) + Telefone:</label>
<input class="contato__input" type="tel" name="telefone" id="flutuante__telefone" placeholder="(DDD) + Telefone:" required>
</div>
<input type="hidden" name="ip" value="207.154.202.109">
<div class="custom__checkbox colspan">
<input class="custom__check__input" id="flutuante__aceitar" name="termos" type="checkbox">
<label class="custom__check__label" for="flutuante__aceitar">Declaro que li e concordo com os <a href="https://www.gv8.com.br/politica-de-privacidade">termos e condiçoes de uso.</a>
</label>
</div>
<div id="form-flutuante-msg" class="form__mensagem"></div>
<div class="form__btn__hold">
<button class="btn__conteudo"><span>Entrar em contato</span></button>
</div>
</form>
</div>
</div>
</div>
<div class="msg__cookies d-none" id="message-cookies">
<div class="content"><p>Utilizamos cookies para personalizar anúncios e melhorar a sua experiência no site. Ao continuar navegando, você concorda com a nossa <a href="https://www.gv8.com.br/politica-de-privacidade"><strong>Política de Privacidade</strong></a>.</p>
</div>
<button class="btn" type="button" role="button" aria-label="Aceitar termos" @click.prevent="aceitar" id="btnCookies">Aceitar e fechar</button>
</div>
</div>
<script src="https://www.gv8.com.br/assets/js/jquery.min.js"></script>
<!--<script src="https://www.gv8.com.br/painel/assets/js/jquery.maskedinput.min.js"></script>-->
<script src="https://www.gv8.com.br/painel/assets/js/sweetalert2.min.js"></script>
<script src="https://www.gv8.com.br/assets/js/bootstrap.min.js"></script>
<script src="https://www.gv8.com.br/assets/js/scripts.min.js"></script>
<script src="https://www.gv8.com.br/painel/assets/js/scriptsbackend.js"></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/jquery.maskedinput/1.4.1/jquery.maskedinput.js"></script>
<script type='text/javascript'>
$('#contato__telefone').mask('(99) 9999-9999?9').focusout(function (event) {
var target, phone, element;
target = (event.currentTarget) ? event.currentTarget : event.srcElement;
phone = target.value.replace(/\D/g, '');
element = $(target);
element.unmask();
if(phone.length > 10) {
element.mask('(99) 99999-999?9');
} else {
element.mask('(99) 9999-9999?9');
}
});
$('#contato__data').mask('99/99/9999').focusout(function (event) {
element.mask('99/99/9999');
});
</script>
</body>
</div>
</html>