<!DOCTYPE html>
    <html manifest="appcache.php">
        <head>
            <meta charset="UTF-8" />
            <meta name="viewport" content="width=device-width" />
            <title>Visie: sites e sistemas web de alta performance, treinamento para desenvolvedores</title>
            <meta name="description" content="Sites e sistemas web de alta performance, integrados com tudo, com escalabilidade dinâmica. Facilidade de uso e omnichannel." /> 
            <link rel="icon" href="/favicon.ico" />
            <meta property="og:url" content="pagseguro/feed/">
            <meta property="og:title" content="Visie: sites e sistemas web de alta performance, treinamento para desenvolvedores">
            <meta property="og:description" content="Sites e sistemas web de alta performance, integrados com tudo, com escalabilidade dinâmica. Facilidade de uso e omnichannel." name="description">
            <meta property="og:image" content="/img/sobre2.jpg">
            <meta property="fb:app_id" content="144725928984734">

            <meta name="twitter:card" content="summary">
            <meta name="twitter:site" content="@visie">
            <meta name="twitter:title" content="Visie: sites e sistemas web de alta performance, treinamento para desenvolvedores">
            <meta name="twitter:description" content="Sites e sistemas web de alta performance, integrados com tudo, com escalabilidade dinâmica. Facilidade de uso e omnichannel.">
            <meta name="twitter:image" content="/img/sobre2.jpg">

            <script type='application/ld+json'>
                        { 
              "@context": "http://schema.org",
              "@type": "Article",
              "headline": "Visie: sites e sistemas web de alta performance, treinamento para desenvolvedores",
              "author": "Visie Padrões Web",
              "image": "/img/sobre2.jpg",
              "publisher": {
                "@type" : "Organization",
                "name":"Visie Padrões Web",
                "logo":"/img/logo.svg"
                },
              "url": "pagseguro/feed/",
              "description": "Sites e sistemas web de alta performance, integrados com tudo, com escalabilidade dinâmica. Facilidade de uso e omnichannel."
            }
                        </script>
            <style>*{margin:0;padding:0;box-sizing:border-box;font-weight:400}html{font-family:quicksand,sans-serif;font-size:16px;line-height:30px}h1{font-size:2.5rem;line-height:4rem;padding:4rem 0}h2{font-size:1.7rem;line-height:4rem;font-weight:100}a{color:#c33}header{background-repeat:no-repeat;background-attachment:fixed;background-size:cover;background-position:top center;position:relative;height:100vh}header>div>*{padding:10px 0;max-width:960px;margin:0 auto}header>div{width:100%;position:absolute;bottom:0;padding:0 30px;color:#fff;text-shadow:#000 2px 2px 2px;background:rgba(0,0,0,.7)}header h1{padding-bottom:0}header h2{padding-top:0}nav{position:absolute;top:0;left:0;width:100%;line-height:60px;background:#222;z-index:10;text-align:center;overflow:hidden}nav div.menu{background:#333}nav img{height:50px;vertical-align:middle;margin-top:-10px}nav .logo,nav ul,nav li{display:inline}nav li a{display:inline-block;padding:0 20px;line-height:2.5rem;text-decoration:none;text-align:center;color:#fff;border-radius:5px;transition:all .4s}section{display:flex}section.home div{flex:1;padding:0;background-size:cover;background-position:top center;filter:grayscale(100%) brightness(70%) contrast(130%);transition:all .5s}section.home div a{display:block;padding:75vh 1rem 0;border-bottom:30vh solid rgba(0,0,0,.9);height:0;color:#fff;text-decoration:none;transition:all .5s}section.home div a h1{padding-bottom:0;padding-top:1rem}section ol li{margin-left:2rem}@media screen and (max-width:799px){header.wide.top{height:calc( 57vw + 130px );margin-top:120px;border-bottom:130px solid #000}header.wide.top>div{bottom:-130px}header.wide{height:57vw;background-attachment:scroll}section.home{min-height:0}section.home div{height:30vh;width:100vw;filter:none;background-size:30vw auto;background-position:left top;background-repeat:no-repeat;margin-bottom:2px}section.home div:first-child{margin-top:7rem}section.home div a,section.home div a:hover{font-size:90%;padding:0 1rem;width:70vw;height:30vh;border-bottom:0;background:#222;margin-left:30vw}nav>div.logo{display:block}}@media screen and (max-width:670px){nav li a{padding:0 5px}h1{font-size:1.7rem;line-height:2rem;padding:2rem 0}h2{font-size:1.4rem;line-height:2rem}header>div{border-bottom:3rem solid #000}}@media screen and (max-width:499px){nav div.menu{width:100vw;overflow:auto}nav ul{width:200vw;display:flex}nav ul li{flex:1}}</style>
        </head>
        <body>
        <nav>
            <div class="logo"><a href="."><img src="/img/logob.svg" /></a></div>
            <div class="menu">
            <ul>
                                    <li><a href="/sites.html">Sites</a></li>
                                    <li><a href="/sistemas.html">Sistemas</a></li>
                                    <li><a href="/treinamento.html">Treinamento</a></li>
                                    <li><a href="/sobre.html">Sobre</a></li>
                                    <li><a href="https://blog.visie.com.br/">Blog</a></li>
                                    <li><a href="/contato.html">Contato</a></li>
                            </ul>
            </div>
        </nav>
        <article>
        <header style="background-image:url(/img/404.jpg)">
<div>
    <h1>Ué...</h1>
    <h2>Não encontramos o conteúdo pelo qual você está procurando.</h2>
</div>
</header>

<section>
    <figure>
        <img src="/img/lego.jpg" />
        <figcaption>Alguma coisa está fora da ordem...</figcaption>
    </figure>
    <div>
    <h1>Erro 404: página não encontrada.</h1>
    <p>A página que você deveria estar vendo não está mais aqui.</p>
    <p>Nossa equipe técnica já foi avisada para investigar porque isso ocorreu.</p>
    <p>Enquanto isso, você pode dar uma olhada em nossos principais conteúdos abaixo:</p>
    </div>
</section>
<section class="home">
    <div style="background-image:url(/img/consumidor.jpg)">
    <a href="/sites.html">
    <h1>Sites</h1>
    <p>Para grandes negócios, rápidos, fáceis de usar, preparados para milhões de visitantes.</p>
    </a>
    </div>
    <div style="background-image:url(/img/escritorio.jpg)">
    <a href="/sistemas.html">
    <h1>Sistemas web</h1>
    <p>Sistemas de alta performance, seguros e integrados com tudo.</p>
    </a>
    </div>
    <div style="background-image:url(/img/aula.jpg)">
    <a href="/treinamento.html">
    <h1>Treinamento</h1>
    <p>Treinamentos avançados em desenvolvimento web, criados para quem já é desenvolvedor.</p>
    </a>
    </div>
</section>
        </article>
        <footer class="vcard org" itemprop="affiliation" itemscope="itemscope" itemtype="http://www.data-vocabulary.org/Organization/">
            <div class="contact">
                <div class="logo url"><a href="."><img class="photo" src="/img/logo.svg" /></a></div>
                <p class="fn organization-name" itemprop="name">Visie Padrões Web</p>
                <address class="adr" itemprop="address" itemscope="itemscope" itemtype="http://data-vocabulary.org/Address/">
                    <span class="street-address" itemprop="street-address">Rua Grumixamas - 99 - sala 206</span><br>
                    <span class="postal-code" itemprop="postal-code">04349-000</span> - Jabaquara - <span class="locality" itemprop="locality">São Paulo</span> - <span class="region">SP</span> <br>
                    <a href="http://goo.gl/maps/8Mlr3">Mapa de como chegar</a><br>
                    <strong class="phone tel"><a href="tel:+551138539261">Tel (11) 3853-9261</a></strong><br>
                    <a href="mailto:visie@visie.com.br" class="contato email">visie@visie.com.br</a>
                </address>
            </div>
            <div>
                <h2>Serviços:</h2>
                <ul class="menu">
                    <li><a href="/sites.html">Sites</a></li>
                    <li><a href="/sistemas.html">Sistemas</a></li>
                    <li><a href="/treinamento.html">Treinamento</a></li>
                    <li><a href="/sobre.html">Sobre</a></li>
                    <li><a href="/contato.html">Contato</a></li>
                </ul>
            </div>
            <div>
                <h2>Mais Visie:</h2>
                <ul class="social">
                    <li><a href="https://blog.visie.com.br/">Blog da Visie</a></li>
                    <li><a href="https://www.youtube.com/channel/UClmPYWv0O_nHJyj22SGOD6A/">Visie no YouTube</a></li>
                    <li><a href="https://www.youtube.com/channel/UCsO_hZcO3qdb_ehdhXF78qw">Vídeos para programadores</a></li>
                    <li><a href="http://www.facebook.com/visiebr/">Visie no Facebook</a></li>
                    <li><a href="http://twitter.com/visie/">Visie no Twitter</a></li>
                </ul>
            </div>
        </footer>
        <div class="ps"></div>

        </body>
        <script>
        (function(){
            let figures=document.querySelectorAll('figure');
            [].forEach.call(figures,function(figure){
                let img=figure.querySelector('img').src;
                figure.style.backgroundImage='url('+img+')';
                figure.className+=' loaded';
            });
        })();
        </script>
    <script>
      window.dataLayer = window.dataLayer || [];
      function gtag(){dataLayer.push(arguments);}
      gtag('js', new Date());
      gtag('config', 'UA-27798059-1');
      var l=document.createElement('link');
      l.rel="stylesheet";
      l.href="/css/style.min.css?v=1515160652" ;
      document.querySelector('head').appendChild(l);
      var l2=document.createElement('link');
      l2.rel="stylesheet";
      l2.href="https://fonts.googleapis.com/css?family=Quicksand";
      document.querySelector('head').appendChild(l2);
      function putGA(){
          if(!window.gadone){
              var s=document.createElement('script');
              s.async=true;
              s.src="https://www.googletagmanager.com/gtag/js?id=UA-27798059-1";
              document.querySelector('head').appendChild(s);
              window.gadone=true;
          }
      }
      setTimeout(putGA,5000);
      window.addEventListener('mousemove',putGA);
      window.addEventListener('scroll',putGA);
    </script>
</html>
