<!DOCTYPE html>
<html lang="pt-br">
<head>
  <title>Desenvolvimento de Aplicativos Mobile, Criação e Desenvolvimento de Projetos.</title>
  <meta name="Description" content="Dinamismo, Criatividade e Inovação. Agência Digital Web, Criação e Desenvolvimento de Sites, E-commerce Loja Virutal, Aplicativos Mobile para seu Produto." />
  <link rel="canonical" href="https://javaliazul.com.br/" />

  <meta property="og:title" content="Javaliazul. Aplicativos Mobile, Criação e Desenvolvimento de Projetos."/>
	<meta property="og:url" content="https://javaliazul.com.br"/>
	<meta property="og:image" content="https://javaliazul.com.br/https://javaliazul.com.br/images/imagem-compartilhar-redes-sociais.png" />
	<meta property="og:site_name" content="javaliazul"/>
	<meta property="og:description" content="Dinamismo, Criatividade e Inovação. Agência Digital Web, Criação e Desenvolvimento de Sites, E-commerce Loja Virutal, Aplicativos Mobile para sua Agência."/>

  <meta charset="utf-8">
  <meta http-equiv="cache-Control" content="no-cache, must-revalidate" />
	<meta http-equiv="pragma" content="no-cache" />
	<meta http-equiv="Expires" content="-1" />
	<meta name="Language" content="pt-br" />
	<meta name="robots" content="index, follow" />
	<meta name="copyright" content="Javaliazul. Aplicatiovs Mobile, Criação e Desenvolvimento de Projetos." />
	<meta name="author" content="Javaliazul" />
	<meta name="classification" content="Desenvolvimento Web" />
	<meta name="speciality" content="Web, Internet, desenvolvimento" />
	<meta name="document-state" content="dynamic" />
	<meta name="document-type" content="document" />
	<meta name="revisit-after" content="2 days" />

	<meta name="geo.region" content="BR-BA" />
	<meta name="geo.placename" content="Salvador" />
	<meta name="geo.position" content="-13.005896;-38.528366" />
	<meta name="ICBM" content="-13.005896, -38.528366" />

  <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">

  <link href="https://fonts.googleapis.com/css?family=Poppins:100,200,300,400,500,600,700,800,900" rel="stylesheet">
  <link rel="stylesheet" href="https://javaliazul.com.br/css/open-iconic-bootstrap.min.css">
  <link rel="stylesheet" href="https://javaliazul.com.br/css/animate.css">
  <link rel="stylesheet" href="https://javaliazul.com.br/css/owl.carousel.min.css">
  <link rel="stylesheet" href="https://javaliazul.com.br/css/aos.css">
  <link rel="stylesheet" href="https://javaliazul.com.br/css/flaticon.css">
  <link rel="stylesheet" href="https://javaliazul.com.br/css/icomoon.css">
  <link rel="stylesheet" href="https://javaliazul.com.br/css/sweetalert.min.css">
  <link rel="stylesheet" href="https://javaliazul.com.br/css/style.min.css">
  <link rel="shortcut icon" href="https://javaliazul.com.br/images/javaliazul-menor.png" />

  <!-- Global site tag (gtag.js) - Google Analytics -->
  <script async src="https://pagead2.googlesyndication.com/pagead/js/adsbygoogle.js?client=ca-pub-2931831654521049" crossorigin="anonymous"></script>
  <script async src="https://www.googletagmanager.com/gtag/js?id=G-H0B9PK50EN"></script>
  <script>
        window.dataLayer = window.dataLayer || [];
    function gtag(){dataLayer.push(arguments);}
    gtag('js', new Date());
    gtag('config', 'G-H0B9PK50EN');

    function clickGAEvent( category, action, label ) {
      ga( 'create', 'G-H0B9PK50EN' );
      ga( 'send', 'event', {
        eventCategory: category,
        eventAction: action,
        eventLabel: label
      } );
    }
      </script>

  <!-- Hotjar Tracking Code for https://javaliazul.com.br -->
  <script>
    (function(h,o,t,j,a,r){
      h.hj=h.hj||function(){(h.hj.q=h.hj.q||[]).push(arguments)};
      h._hjSettings={hjid:2642521,hjsv:6};
      a=o.getElementsByTagName('head')[0];
      r=o.createElement('script');r.async=1;
      r.src=t+h._hjSettings.hjid+j+h._hjSettings.hjsv;
      a.appendChild(r);
    })(window,document,'https://static.hotjar.com/c/hotjar-','.js?sv=');
  </script>
  <script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "Organization",
    "name": "Javaliazul",
    "description": "Dinamismo, Criatividade e Inovação. Agência Digital Web, Criação e Desenvolvimento de Sites, E-commerce Loja Virutal, Aplicativos Mobile para seu Produto.",
    "address": {
        "@type": "PostalAddress",
        "addressLocality": "Rio de Janeiro, Brazil",
        "postalCode": "22775-130",
        "streetAddress": "Avenida Jaime Poggi - Barra da Tijuca, Rio de Janeiro"
    },
    "brand": {
        "@type": "Brand",
        "logo": "Array/images/imagem-compartilhar-redes-sociais.png"
    },
    "founder": {
        "@type": "Person",
        "givenName": "Javaliazul",
        "familyName": "Agencia Digital",
        "jobTitle": "Founder"
    },
    "url": "https://www.javaliazul.com.br/"
  }
</script>
<script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "SiteNavigationElement",
    "name": ["Sobre a Javaliazul"],
    "url": ["https://javaliazul.com.br/#sobre"]
  }
</script>
<script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "SiteNavigationElement",
    "name": ["Projetos da Javaliazul"],
    "url": ["https://javaliazul.com.br/#projetos"]
  }
</script>
<script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "SiteNavigationElement",
    "name": ["Contatos da Javaliazul"],
    "url": ["https://javaliazul.com.br/#contato"]
  }
</script>
<script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "SiteNavigationElement",
    "name": ["Serviços da Javaliazul"],
    "url": ["https://javaliazul.com.br/#servicos"]
  }
</script>
<script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "SiteNavigationElement",
    "name": ["Campanha Política"],
    "url": ["https://javaliazul.com.br/campanha-politica/"]
  }
</script>
<script type="application/ld+json">
  {
    "@context": "https://schema.org/",
    "@type": "SiteNavigationElement",
    "name": ["Aplicativo Mobile"],
    "url": ["https://javaliazul.com.br/aplicativo-mobile/"]
  }
</script>
<script type="application/ld+json">
  {
    "@context": "https://schema.org",
    "@type": "FAQPage",
    "mainEntity": [{
      "@type": "Question",
      "name": "Por que preciso de um site?",
      "acceptedAnswer": {
        "@type": "Answer",
        "text": "É sempre bom ser visto. Se você tem um negócio e quer potencializa-lo, é bom ser visto. A grande maioria dos seus compradores certamente usam interent, então, o investimento em um site retona bons frutos ao negócio."
      }
    }, {
        "@type": "Question",
        "name": "Por que ter um Aplicativo?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "90% das pessoas hoje em dia tem um ou mais smartphones, mas somente 39% tem computadores, então, ter um aplicativo para vender, expor ou anunciar seus produtos ou negócio é praticamente uma obrigação. É muito mais simples para o seu cliente entrar em contato com você ou solicitar um produto seu. Fique sempre atendo a isso."
        }
    }, {
        "@type": "Question",
        "name": "Por que ter uma loja virtual?",
        "acceptedAnswer": {
          "@type": "Answer",
          "text": "Ter um loja virtual ou e-commerce é a maneira mais simples e prática de vender sem transtornos. Você vende sem problemas, basta cadastrar os produtos adequadamente, anunciar eles em marketing places e ter um bom atendimento para dar saída aos seus produtos."
        }
    }]
  }
</script>
</head>
<body>
  <nav class="navbar navbar-expand-lg navbar-dark ftco_navbar bg-dark ftco-navbar-light" id="ftco-navbar">
		<div class="container">
			<a class="navbar-brand" href="https://javaliazul.com.br/"><h1 class="marca-final">Javaliazul! Agência Web</h1></a>
			<button class="navbar-toggler" type="button" data-toggle="collapse" data-target="#ftco-nav" aria-controls="ftco-nav" aria-expanded="false" aria-label="Toggle navigation">
				<span class="oi oi-menu"></span> Menu
			</button>
			<div class="collapse navbar-collapse" id="ftco-nav">
				<ul class="navbar-nav ml-auto">
					<li class="nav-item"><a href="https://javaliazul.com.br/" class="nav-link" onclick="clickGAEvent('Menu Topo', 'click', 'Home');">Home</a></li>
					<li class="nav-item"><a href="https://javaliazul.com.br/#sobre" class="nav-link" onclick="clickGAEvent('Menu Topo', 'click', 'Sobre');">Sobre</a></li>
					<li class="nav-item"><a href="https://javaliazul.com.br/#servicos" class="nav-link" onclick="clickGAEvent('Menu Topo', 'click', 'Serviços');">Serviços</a></li>
          					<li class="nav-item"><a href="https://javaliazul.com.br/#projetos" class="nav-link" onclick="clickGAEvent('Menu Topo', 'click', 'Projetos');">Projetos</a></li>
					<li class="nav-item"><a href="https://javaliazul.com.br/#equipe" class="nav-link" onclick="clickGAEvent('Menu Topo', 'click', 'Equipe');">Equipe</a></li>
					<li class="nav-item"><a href="https://javaliazul.com.br/#contato" class="nav-link" onclick="clickGAEvent('Menu Topo', 'click', 'Contato');">Contato</a></li>
				</ul>
			</div>
		</div>
	</nav>
	<!-- END nav -->

  <section class="home-slider js-fullheight owl-carousel bg-white">
    
		<div class="slider-item js-fullheight">
			<div class="overlay"></div>
			<div class="container">
				<div class="row d-md-flex no-gutters slider-text js-fullheight align-items-center justify-content-end" data-scrollax-parent="true">
				<div class="one-third order-md-last img js-fullheight" style="background-image:url(https://javaliazul.com.br/images/pessoa-trabalhando-no-computador.jpg);">
					<h3 class="vr">Melhor experiência</h3>
				</div>
					<div class="one-forth d-flex js-fullheight align-items-center ftco-animate" data-scrollax=" properties: { translateY: '70%' }">
					<div class="text">
						<h3 class="mb-4">Precisa criar um<br>Aplicativo Mobile?</h3>
						<p>90% das pessoas hoje em dia tem um ou mais smartphones, mas somente 39% tem computadores, então, ter um aplicativo para vender, expor ou anunciar seus produtos ou negócio é praticamente uma obrigação.</p>
						<p><a href="https://javaliazul.com.br/aplicativo-mobile/" class="btn btn-primary px-4 py-3 mt-3" onclick="clickGAEvent('Banner', 'click', 'Saiba Mais do Precisa criar um aplicativo');">Saiba mais</a></p>
					</div>
					</div>
				</div>
			</div>
		</div>

		<div class="slider-item js-fullheight">
			<div class="overlay"></div>
				<div class="container">
					<div class="row d-flex no-gutters slider-text js-fullheight align-items-center justify-content-end" data-scrollax-parent="true">
					<div class="one-third order-md-last img js-fullheight" style="background-image:url(https://javaliazul.com.br/images/imagem-caneta-estudos-projeto.jpg);">
						<h3 class="vr">Tem uma ideia?</h3>
					</div>
					<div class="one-forth d-flex js-fullheight align-items-center ftco-animate" data-scrollax=" properties: { translateY: '70%' }">
						<div class="text">
							<h3 class="mb-4">Desenvolvendo novas soluções?</h3>
							<p>Pensou em algo mais não sabe como escrever? Podemos criar estrutura e wireframes de suas ideias! Veja mais abaixo e entenda como trabalhamos.</p>
							<p><a href="#projetos" class="btn btn-primary px-4 py-3 mt-3" onclick="clickGAEvent('Banner', 'click', 'Saiba Mais do Tem uma ideia?');">Saiba mais</a></p>
						</div>
					</div>
				</div>
			</div>
		</div>
  </section>

	<section class="ftco-section ftc-no-pb" id="sobre">
		<div class="container">
			<div class="row no-gutters">
				<div class="col-md-5 p-md-5 img img-2" style="background-image: url(https://javaliazul.com.br/images/pessoas-trabalhando-em-um-projeto-web.jpg);"></div>
				<div class="col-md-7 wrap-about pb-md-5 ftco-animate">
					<div class="heading-section mb-5 pl-md-5">
						<div class="pl-md-5 ml-md-5">
							<span class="subheading subheading-with-line"><small class="pr-2 bg-white">Sobre</small></span>
							<h2 class="mb-4">- Por que o nome <b>Javaliazul?</b> <br/>- Ah, porque não ?</h2>
						</div>
					</div>
					<div class="pl-md-5 ml-md-5 mb-5">
            <p>A <b>Javaliazul</b>, é uma agência web localizada no Rio de Janeiro, que está atuando no mercado desde 2010, apenas 11 anos de total dedicação para encantar os nossos clientes.</p>
            <p><b> Como e porquê?  </b></p>
						<p>Porque somos comprometidos com conhecimento e apaixonados por tecnologia, estamos em constante atualização!</p>
            <p> Possuimos profissionais engajados e focados em gerar resultados, para que toda entrega seja além do esperado, 100% funcionais e no prazo estipulado, dessa forma garantimos a felicidade do nosso cliente, criando experiências únicas e personalizadas, pois, cada projeto possui suas particularidades e solucioná-las durante o desenvolvimento do projeto, faz parte de quem somos e adoramos!.</p>

            <p>Essa é a Javaliazul, está pronto para ser encantado?</p>
					</div>
				</div>
			</div>
		</div>
	</section>

	<section class="ftco-section ftco-counter img" id="section-counter" style="background-image: url(https://javaliazul.com.br/images/pessoas-trabalhando-comptuador-sala.jpeg);" data-stellar-background-ratio="0.5">
    <div class="container">
      <div class="row d-md-flex align-items-center justify-content-end">
        <div class="col-lg-12">
          <div class="row d-md-flex align-items-center">
            <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
              <div class="block-18">
                <div class="text">
                  <strong class="number" data-number="13">0</strong>
                  <span>Anos de Experiência</span>
                </div>
              </div>
            </div>
            <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
              <div class="block-18">
                <div class="text">
                  <strong class="number" data-number="66">0</strong>
                  <span>Clientes Felizes</span>
                </div>
              </div>
            </div>
            <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
              <div class="block-18">
                <div class="text">
                  <strong class="number" data-number="792">0</strong>
                  <span>Projetos Finalizados</span>
                </div>
              </div>
            </div>
            <div class="col-md d-flex justify-content-center counter-wrap ftco-animate">
              <div class="block-18">
                <div class="text">
                  <strong class="number" data-number="12">0</strong>
                  <span>Pessoas Trabalhando</span>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="ftco-services" id="servicos">
    <div class="container">
      <div class="row justify-content-start mb-5 pb-5">
        <div class="col-md-4 heading-section ftco-animate">
          <h2 class="mb-4">O que podemos fazer?</h2>
        </div>
        <div class="col-md-8 pl-md-5 ftco-animate">
          <div class="pl-md-4 border-line">
            <p>E como podemos ajudar você ou sua empresa a alcançar os resultados?</p>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-4 d-flex align-self-stretch ftco-animate">
          <div class="media block-6 services d-block">
            <div class="icon d-flex justify-content-center align-items-center">
              <span class="flaticon-idea"></span>
            </div>
            <div class="media-body p-2 mt-3">
              <h3 class="heading">Planejamento</h3>
              <p>Estratégia de marketing, planejamento de projetos, estrutura de dados e estudo para seus projetos. Tem uma ideia e não consegue colocar em prática, podemos ajudar.</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 d-flex align-self-stretch ftco-animate">
          <div class="media block-6 services d-block">
            <div class="icon d-flex justify-content-center align-items-center">
              <span class="flaticon-compass-symbol"></span>
            </div>
            <div class="media-body p-2 mt-3">
              <h3 class="heading">Aplicativos</h3>
              <p>Aplicativos para iOS ou Android ou até mesmo aplicativos desktop. Desenvolvemos desde do design até o produto nas lojas para você.</p>
            </div>
          </div>
        </div>
        <div class="col-md-4 d-flex align-self-stretch ftco-animate">
          <div class="media block-6 services d-block">
            <div class="icon d-flex justify-content-center align-items-center">
              <span class="flaticon-layers"></span>
            </div>
            <div class="media-body p-2 mt-3">
              <h3 class="heading">Sistemas / Sites</h3>
              <p>Site para sua empresa ou sistema para seu projeto? Não tem problema! Conseguimos criar, desenvolver e gerenciar suas aplicações tudo na nuvem.</p>
            </div>
          </div>
        </div>
      </div>
      <div class="row justify-content-start mt-4">
        <div class="col-md-4 heading-section ftco-animate">
          <h2 class="mb-4">Outros Serviços</h2>
          <p>Temos capacidade de construir junto com você, o melhor produto para o seu negócio.</p>
        </div>
        <div class="col-md-8 ftco-animate">
          <div class="row d-flex">
            <div class="col-md-6 d-flex align-items-stretch">
              <div class="media block-6 services services-2 d-block bg-light p-4 mb-4">
                <div class="icon d-flex justify-content-center align-items-center">
                  <span class="flaticon-layers"></span>
                </div>
                <div class="media-body p-2 mt-3">
                  <h3 class="heading">E-commerce</h3>
                  <p>Adquira seu E-commerce (Loja Virutal). Do desenvolvimento até o Suporte ao Cliente.</p>
                </div>
              </div>
            </div>
            <div class="col-md-6 d-flex align-items-stretch">
              <div class="media block-6 services services-2 d-block bg-light p-4 mb-4">
                <div class="icon d-flex justify-content-center align-items-center">
                  <span class="flaticon-layers"></span>
                </div>
                <div class="media-body p-2 mt-3">
                  <h3 class="heading">Design</h3>
                  <p>Precisa de identidade visual? Temos os melhores e mais criativos designers para te atender.</p>
                </div>
              </div>
            </div>
            <div class="col-md-6 d-flex align-items-stretch">
              <div class="media block-6 services services-2 d-block bg-light p-4 mb-4">
                <div class="icon d-flex justify-content-center align-items-center">
                  <span class="flaticon-layers"></span>
                </div>
                <div class="media-body p-2 mt-3">
                  <h3 class="heading">Gerência de Projetos</h3>
                  <p>Criação e gerenciamento de projetos, planejamento do produto e finalização de propostas de negócio. Conte conosco que vamos te instruir da melhor forma.</p>
                </div>
              </div>
            </div>
            <div class="col-md-6 d-flex align-items-stretch">
              <div class="media block-6 services services-2 d-block bg-light p-4 mb-4">
                <div class="icon d-flex justify-content-center align-items-center">
                  <span class="flaticon-layers"></span>
                </div>
                <div class="media-body p-2 mt-3">
                  <h3 class="heading">Criação de Mídias</h3>
                  <p>Precisa criar layout de de postagens para seu negócio? Fale com a gente, podemos te auxiliar com isso também! Melhores conversões e grande impacto em seu negócio online.</p>
                </div>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
	</section>

  <section class="ftco-section ftco-no-pb bg-light" id="projetos">
    <div class="container">
      <div class="row justify-content-start">
        <div class="col-md-4 heading-section ftco-animate">
          <span class="subheading subheading-with-line"><small class="pr-2 bg-light">Como trabalhamos</small></span>
          <h2 class="mb-4">O que esperar? Como funciona?</h2>
        </div>
        <div class="col-md-8 pl-md-5 heading-section ftco-animate">
          <div class="pl-md-4 border-line">
            <p>Transparência é um dos nossos pilares, prezamos pela boa comunicação e clareza em todas as etapas. Por isso, listamos a seguir todas as etapas que ocorrerão após recebermos seu contato.</p>
          </div>
        </div>
      </div>
    </div>
    <div class="container-wrap">
      <div class="row no-gutters">
        <div class="col-md-6 col-lg-3 ftco-animate">
          <div class="project" onclick="clickGAEvent('Como_Trabalhamos', 'click', 'Consultoria');">
            <img src="https://javaliazul.com.br/images/consultoria-javaliazul.jpg" class="img-fluid" alt="Consultoria Javaliazul, pessoas felizes, brainstorm">
            <div class="text">
              <h3>Consultoria/ Brainstorm</h3>
              <span>É o momento em que iremos bater um bom papo, de modo que possamos entender a suas necessidades, e definir melhores aplicações e soluções que atendam as suas demandas e te ajudem a crescer.</span>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3 ftco-animate">
          <div class="project" onclick="clickGAEvent('Como_Trabalhamos', 'click', 'Planejamento');">
            <img src="https://javaliazul.com.br/images/planejamento-javaliazul.png" class="img-fluid" alt="Planejamento Javali azul, Briefing">
            <div class="text">
              <h3>Planejamento</h3>
              <span>Plano de projeto, cronograma, documentação, recursos, análise de SEO, domínio, conteúdo e prazo.</span>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3 ftco-animate">
          <div class="project">
            <img src="https://javaliazul.com.br/images/design-conteudo-javaliazul.png" class="img-fluid" alt="Design e conteúdo javaliazul, criação de telas">
            <div class="text">
              <h3>Design e conteúdo</h3>
              <span>Após definirmos o projeto, chegamos a etapa de criação do layout, onde será definida toda identidade visual da sua aplicação. Esta etapa só avança após sua aprovação do layout e com todo conteúdo definido.</span>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3 ftco-animate">
          <div class="project" onclick="clickGAEvent('Como_Trabalhamos', 'click', 'Codificação');">
            <img src="https://javaliazul.com.br/images/codificacao-javaliazul.png" class="img-fluid" alt="Colorlib Template">
            <div class="text">
              <h3>Codificação</h3>
              <span>Aqui a magia acontece! Nosso time de dev's coloca a mão na massa, codando e seguindo todas as especificações definidas. Eles já irão entregar o projeto responsivo, ou seja navegável em todos os dispositivos, e com velocidade de carregamento.</span>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3 ftco-animate">
          <div class="project" onclick="clickGAEvent('Como_Trabalhamos', 'click', 'Testes');">
            <img src="https://javaliazul.com.br/images/testes-javaliazul.png" class="img-fluid" alt="Desenvolvedora de software trabalhando">
            <div class="text">
              <h3>Testes</h3>
              <span>Aqui desenvolvemos testes, forçando a aplicação a situações extremas, analisando seu comportamento e corrigindo possíveis falhas. Para te entregar sempre o melhor! Nesta etapa te convidamos para que possa validar tudo.</span>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3 ftco-animate">
          <div class="project" onclick="clickGAEvent('Como_Trabalhamos', 'click', 'Lançamento');">
            <img src="https://javaliazul.com.br/images/lancamento-javaliazul.png" class="img-fluid" alt="Lançamento javaliazul">
            <div class="text">
              <h3>Lançamento</h3>
              <span>O momento mais esperado chegou!!! Nesta etapa, com o seu ok… Iniciamos todo o processo para que a aplicação seja colocada no ar. Mas já vai? Fica, vai ter bolo… Nossa parceria não acaba aqui!</span>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3 ftco-animate">
          <div class="project" onclick="clickGAEvent('Como_Trabalhamos', 'click', 'Suporte');">
            <img src="https://javaliazul.com.br/images/suporte-javaliazul.png" class="img-fluid" alt="Suporte Técnico 24h - javaliazul">
            <div class="text">
              <h3>Suporte</h3>
              <span>A agência web Javaliazul está pronta para lhe oferecer o máximo em manutenção de sites. Estaremos sempre disponíveis para repetir todo o processo, quando precisar de uma atualização. Oferecemos suporte 24/7!</span>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3 ftco-animate">
          <div class="project" onclick="clickGAEvent('Como_Trabalhamos', 'click', 'Gostou');">
            <img src="https://javaliazul.com.br/images/gostou-javaliazul.png" class="img-fluid" alt="Colorlib Template">
            <div class="text">
              <h3>Gostou?</h3>
              <span>... Então leva pra casa! Aguardamos seu contato.</span>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="ftco-section ftco-no-pb" id="equipe">
    <div class="container">
      <div class="row justify-content-center mb-5 pb-3">
        <div class="col-md-7 heading-section ftco-animate">
          <span class="subheading subheading-with-line"><small class="pr-2 bg-white">Um time experiente</small></span>
          <h2 class="mb-4">Uma equipe completa</h2>
          <p>Temos excelentes profissionais de muitas áreas para dar total suporte aos seus projetos sanar suas dúvidas.</p>
        </div>
      </div>
      <div class="row">
        <div class="col-md-6 col-lg-3 ftco-animate">
          <div class="staff">
            <div class="img" style="background-image: url(https://javaliazul.com.br/images/team-2.png);"></div>
            <div class="text px-4 pt-4">
              <h3>UX Design</h3>
              <span class="position mb-2">UX e UI</span>
              <div class="faded">
                <p>Desenvolvendo as melhores soluções visuais para uma boa experiência de uso e navegação.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3 ftco-animate">
          <div class="staff">
            <div class="img" style="background-image: url(https://javaliazul.com.br/images/team-3.png);"></div>
            <div class="text px-4 pt-4">
              <h3>Front End</h3>
              <span class="position mb-2">SEO / Mobile Apps / Sistemas</span>
              <div class="faded">
                <p>Tudo que há de novo no mercado para seu projeto. Todo o código-fonte é seu por direito!</p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3 ftco-animate">
          <div class="staff">
            <div class="img" style="background-image: url(https://javaliazul.com.br/images/team-1.png);"></div>
            <div class="text px-4 pt-4">
              <h3>Back-End</h3>
              <span class="position mb-2">Database / DevOps</span>
              <div class="faded">
                <p>Sistemas robustos, integrações e banco de dados, com estrutura para deixar seu projeto sem sair do ar.</p>
              </div>
            </div>
          </div>
        </div>
        <div class="col-md-6 col-lg-3 ftco-animate">
          <div class="staff">
            <div class="img" style="background-image: url(https://javaliazul.com.br/images/team-4.png);"></div>
            <div class="text px-4 pt-4">
              <h3>Planejamento</h3>
              <span class="position mb-2">Gerenciamento / Análise</span>
              <div class="faded">
                <p>Gestão de projeto, arquitetura de software, gerenciamento de risco. O que precisar podemos solucionar.</p>
              </div>
            </div>
          </div>
        </div>
      </div>
    </div>
  </section>

  <section class="ftco-section contact-section bg-light" id="contato">
    <div class="container-wrap">
      <div class="row d-flex align-items-stretch no-gutters">
        <div class="col-md-6 p-5 align-items-stretch">
          <div class="row d-flex mb-5 contact-info">
            <div class="col-md-12 mb-4">
              <h2 class="mb-4">Por fim... </h2>
            </div>
            <div class="w-100"></div>
            <div class="col-md-12">
              <p>Nós somos pessoas, que entende de pessoas e tecnologia, então... Nada como uma boa conversa para entender tudo sobre o seu projeto e encontrar a melhor solução. Entre em contato, é rapidinho e nós vamos adorar te conhecer! </p>
            </div>
            <div class="col-md-12">
              <p><span>Endereço:</span> Rio de Janeiro / RJ</p>
            </div>
            <div class="col-md-12">
              <p><span>Tel/Whatsapp:</span> <a href="https://api.whatsapp.com/send?phone=5521980849426" onclick="clickGAEvent('Contato', 'click', 'Telefone');">+55 (21) 98084-9426</a></p>
            </div>
            <div class="col-md-12">
              <p><span>Email:</span> <a href="mailto:ol@javaliazul.com.br" onclick="clickGAEvent('Contato', 'click', 'Email');">oi@javaliazul.com.br</a></p>
            </div>
          </div>
        </div>
        <div class="col-md-6 p-5 order-md-last">
          <form action="?" method="POST" id="form_contact">
            <div class="form-group">
              <input type="text" class="form-control" id="form_field_name" placeholder="Seu Nome">
            </div>
            <div class="form-group">
              <input type="text" class="form-control" id="form_field_email" placeholder="Seu Email">
            </div>
            <div class="form-group">
              <input type="text" class="form-control" id="form_field_subject" placeholder="Assunto">
            </div>
            <div class="form-group">
              <textarea cols="30" maxlength="512" rows="7" id="form_field_message" class="form-control" placeholder="Mensagem"></textarea>
            </div>
            <div class="form-group">
              <input type="submit" value="Enviar Mensagem" class="btn btn-primary py-3 px-5">
            </div>
          </form>
        </div>
      </div>
    </div>
  </section>

  <footer class="ftco-footer ftco-bg-dark ftco-section">
    <div class="container">
      <div class="row mb-5">
        <div class="col-md">
          <div class="ftco-footer-widget mb-4">
            <h2 class="ftco-heading-2">Social</h2>
            <p>Você pode nos encontrar nas redes sociais:</p>
            <ul class="ftco-footer-social list-unstyled float-md-left float-lft mt-3">
              <li class="ftco-animate"><a href="https://www.linkedin.com/company/javaliazul" title="Linkedin" onclick="clickGAEvent('Footer', 'click', 'Rede Social: linkedin');" target="_blank"><span class="icon-linkedin"></span></a></li>
              <li class="ftco-animate"><a href="https://www.instagram.com/javaliazulweb/" title="Instagram" onclick="clickGAEvent('Footer', 'click', 'Rede Social: instagram');" target="_blank"><span class="icon-instagram"></span></a></li>
            </ul>
          </div>
        </div>
        <div class="col-md">
          <div class="ftco-footer-widget mb-4 ml-md-4">
            <h2 class="ftco-heading-2">Links</h2>
            <ul class="list-unstyled">
              <li><a href="/"><span class="icon-long-arrow-right mr-2"></span>Home</a></li>
              <li><a href="https://javaliazul.com.br/#sobre"><span class="icon-long-arrow-right mr-2"></span>Sobre</a></li>
              <li><a href="https://javaliazul.com.br/#servicos"><span class="icon-long-arrow-right mr-2"></span>Serviços</a></li>
              <li><a href="https://javaliazul.com.br/#projetos"><span class="icon-long-arrow-right mr-2"></span>Projetos</a></li>
              <li><a href="https://javaliazul.com.br/#equipe"><span class="icon-long-arrow-right mr-2"></span>Equipe</a></li>
              <li><a href="https://javaliazul.com.br/#contato"><span class="icon-long-arrow-right mr-2"></span>Contato</a></li>
            </ul>
          </div>
        </div>
        <div class="col-md">
            <div class="ftco-footer-widget mb-4">
            <h2 class="ftco-heading-2">Serviços</h2>
            <ul class="list-unstyled">
                            <li><a href="https://javaliazul.com.br/#servicos"><span class="icon-long-arrow-right mr-2"></span>Planejamnto</a></li>
              <li><a href="https://javaliazul.com.br/aplicativo-mobile/"><span class="icon-long-arrow-right mr-2"></span>Aplicativos Mobile</a></li>
              <li><a href="https://javaliazul.com.br/#servicos"><span class="icon-long-arrow-right mr-2"></span>Sistemas e Sites</a></li>
              <li><a href="https://javaliazul.com.br/#servicos"><span class="icon-long-arrow-right mr-2"></span>E-commerce</a></li>
              <li><a href="https://javaliazul.com.br/#servicos"><span class="icon-long-arrow-right mr-2"></span>Social media</a></li>
            </ul>
          </div>
        </div>
        <div class="col-md">
          <div class="ftco-footer-widget mb-4">
            <h2 class="ftco-heading-2">Trabalhe Conosco</h2>
            <p>Envie o link do seu <b>LinkedIn</b> pra gente através do campo abaixo.</p>
            <form  method="POST" id="form_contact_linkedin" class="subscribe-form">
              <div class="form-group">
                <input type="text" id="form_linkedin_url" class="form-control mb-2 text-center" placeholder="URL do seu LinkedIn">
                <input type="submit" value="Enviar" class="form-control submit px-3">
              </div>
            </form>
          </div>
        </div>
      </div>
      <div class="row">
        <div class="col-md-12 text-center">
          <p>Copyright &copy; 2010 / 2023 Todos os direitos reservados |<b> Javaliazul</b> <i class="icon-heart" aria-hidden="true"></i></p>
        </div>
      </div>
    </div>
  </footer>

  <div id="ftco-loader" class="show fullscreen"><svg class="circular" width="48px" height="48px"><circle class="path-bg" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke="#529ed3"/><circle class="path" cx="24" cy="24" r="22" fill="none" stroke-width="4" stroke-miterlimit="10" stroke="#ccc"/></svg></div>

  <script src="https://javaliazul.com.br/js/jquery.min.js"></script>
  <script src="https://javaliazul.com.br/js/jquery-migrate-3.0.1.min.js"></script>
  <script src="https://javaliazul.com.br/js/bootstrap.min.js"></script>
  <script src="https://javaliazul.com.br/js/jquery.easing.1.3.js"></script>
  <script src="https://javaliazul.com.br/js/jquery.waypoints.min.js"></script>
  <script src="https://javaliazul.com.br/js/jquery.stellar.min.js"></script>
  <script src="https://javaliazul.com.br/js/aos.js"></script>
  <script src="https://javaliazul.com.br/js/jquery.animateNumber.min.js"></script>
  <script src="https://javaliazul.com.br/js/owl.carousel.min.js"></script>
  <script src="https://javaliazul.com.br/js/scrollax.min.js"></script>
  <script src="https://javaliazul.com.br/js/sweetalert.min.js"></script>
  <script src="https://javaliazul.com.br/js/main.js"></script>
</body>
</html>
