Logo CEWEB.br Logo NIC.br Logo CGI.br
Home Sobre o projeto

Sites Pertecentes a (o) SP

Recomendações Avaliadas
1.1 Respeitar os Padrões Web.

Recomendações

Número Descrição Quantidade Linhas Código Fonte
1.1.3 Presença de CSS(s) in-line 11 52 53 56 57 61 66 302 303 307 325 375
1.1.4 Presença de CSS(s) interno 1 25
1.1.6 Presença de javascript(s) interno 2 13 204
52 <![CDATA[<div id="faixaGoverno" style="border:1px solid black; margin: 2px auto; margin-botton:1px; justify-content: center; width:990px; height:55px !important; vertical-align:baseline;"> <iframe style=" margin-left:0px; " src="/usercontrols/barraSP/barraSP.htm" width="100%" height="55" frameborder="0" scrolling="no"></iframe> </div>]]>
53 <![CDATA[<iframe style=" margin-left:0px; " src="/usercontrols/barraSP/barraSP.htm" width="100%" height="55" frameborder="0" scrolling="no"></iframe>]]>
56 <![CDATA[<div id="topo_bgHeader" style="width:100%;float:left;background:url(&#39;/images/banners/cultura.jpg&#39;) no-repeat center 0px;"> <div id="header" style="max-height:374px;"> <div id="faixaMenuTop"> <div id="menuTop"> <div id="guardaMenuTop" style="z-index:999999;"> <div id="logoMetro"> <a href="/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/fale-conosco/index.aspx">Fale Conosco</a></li> <!-- <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank">Acessibilidade deficientes visuais</a></li> --> <li><a href="/fale-conosco/ouvidoria/index.aspx">Ouvidoria</a></li> <li><a href="/sic/index.aspx">SIC</a></li> <li><a href="https://transparencia.metrosp.com.br/" target="_blank">Governança e Transparência</a></li> <li><a href='/denuncia/index.aspx'>Canal de denúncia</a></li> <!-- <li><a href="/mapa-site/mapa-site.aspx">Mapa do site</a></li>--> </ul> </div> <br class="clear" /> </div> </div> </div> <div id="menuSite"> <div class="floatLeft"><img src="/images/borda-esquerda-menu.gif" alt="" /></div> <ul> <li class="home"> <a href="/index.aspx" title="Home"> <img src="/images/borda-esqueda-over-menu.gif" alt="Home" /> <span>Home</span> <img src="/images/borda-direita-over-menu.gif" alt="Home" /> </a> </li> <li class="metro"> <a href="/metro/index.aspx" title="Empresa"> <img src="/images/borda-esqueda-over-menu.gif" alt="Empresa" /> <span>Empresa</span> <img src="/images/borda-direita-over-menu.gif" alt="Empresa" /> </a> </li> <li class="sua-viagem"> <a href="/sua-viagem/index.aspx" title="Sua viagem"> <img src="/images/borda-esqueda-over-menu.gif" alt="Sua viagem" /> <span>Sua viagem</span> <img src="/images/borda-direita-over-menu.gif" alt="Sua viagem" /> </a> </li> <li class="noticias"> <a href="/noticias/index.aspx" title="Notícias"> <img src="/images/borda-esqueda-over-menu.gif" alt="Notícias" /> <span>Notícias</span> <img src="/images/borda-direita-over-menu.gif" alt="Notícias" /> </a> </li> <li class="cultura-lazer"> <a href="/cultura/index.aspx" title="Cultura"> <img src="/images/borda-esqueda-over-menu.gif" alt="Cultura" /> <span>Cultura</span> <img src="/images/borda-direita-over-menu.gif" alt="Cultura" /> </a> </li> <li class="tecnologia"> <a href="/tecnologia/index.aspx" title="Tecnologia"> <img src="/images/borda-esqueda-over-menu.gif" alt="Tecnologia" /> <span>Tecnologia</span> <img src="/images/borda-direita-over-menu.gif" alt="Tecnologia" /> </a> </li> <li class="obras"> <a href="/obras/index.aspx" title="Obras"> <img src="/images/borda-esqueda-over-menu.gif" alt="Obras" /> <span>Expansão e Obras</span> <img src="/images/borda-direita-over-menu.gif" alt="Obras" /> </a> </li> <li class="novos-negocios"> <a href="/negocios/index.aspx" title="Novos Negócios"> <img src="/images/borda-esqueda-over-menu.gif" alt="Novos Negócios" /> <span>Novos Negócios</span> <img src="/images/borda-direita-over-menu.gif" alt="Novos Negócios" /> </a> </li> <li id="ultimaLiMenuSite" class="fale-conosco"> <a href="/fale-conosco/index.aspx" title="Fale conosco"> <img src="/images/borda-esqueda-over-menu.gif" alt="Fale conosco" /> <span>Fale conosco</span> <img src="/images/borda-direita-over-menu.gif" alt="Fale conosco" /> </a> </li> </ul> <div class="floatRight"><img src="/images/borda-direita-menu.gif" alt="" /></div> </div> <br class="clear" /> </div> </div>]]>
57 <![CDATA[<div id="header" style="max-height:374px;"> <div id="faixaMenuTop"> <div id="menuTop"> <div id="guardaMenuTop" style="z-index:999999;"> <div id="logoMetro"> <a href="/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/fale-conosco/index.aspx">Fale Conosco</a></li> <!-- <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank">Acessibilidade deficientes visuais</a></li> --> <li><a href="/fale-conosco/ouvidoria/index.aspx">Ouvidoria</a></li> <li><a href="/sic/index.aspx">SIC</a></li> <li><a href="https://transparencia.metrosp.com.br/" target="_blank">Governança e Transparência</a></li> <li><a href='/denuncia/index.aspx'>Canal de denúncia</a></li> <!-- <li><a href="/mapa-site/mapa-site.aspx">Mapa do site</a></li>--> </ul> </div> <br class="clear" /> </div> </div> </div> <div id="menuSite"> <div class="floatLeft"><img src="/images/borda-esquerda-menu.gif" alt="" /></div> <ul> <li class="home"> <a href="/index.aspx" title="Home"> <img src="/images/borda-esqueda-over-menu.gif" alt="Home" /> <span>Home</span> <img src="/images/borda-direita-over-menu.gif" alt="Home" /> </a> </li> <li class="metro"> <a href="/metro/index.aspx" title="Empresa"> <img src="/images/borda-esqueda-over-menu.gif" alt="Empresa" /> <span>Empresa</span> <img src="/images/borda-direita-over-menu.gif" alt="Empresa" /> </a> </li> <li class="sua-viagem"> <a href="/sua-viagem/index.aspx" title="Sua viagem"> <img src="/images/borda-esqueda-over-menu.gif" alt="Sua viagem" /> <span>Sua viagem</span> <img src="/images/borda-direita-over-menu.gif" alt="Sua viagem" /> </a> </li> <li class="noticias"> <a href="/noticias/index.aspx" title="Notícias"> <img src="/images/borda-esqueda-over-menu.gif" alt="Notícias" /> <span>Notícias</span> <img src="/images/borda-direita-over-menu.gif" alt="Notícias" /> </a> </li> <li class="cultura-lazer"> <a href="/cultura/index.aspx" title="Cultura"> <img src="/images/borda-esqueda-over-menu.gif" alt="Cultura" /> <span>Cultura</span> <img src="/images/borda-direita-over-menu.gif" alt="Cultura" /> </a> </li> <li class="tecnologia"> <a href="/tecnologia/index.aspx" title="Tecnologia"> <img src="/images/borda-esqueda-over-menu.gif" alt="Tecnologia" /> <span>Tecnologia</span> <img src="/images/borda-direita-over-menu.gif" alt="Tecnologia" /> </a> </li> <li class="obras"> <a href="/obras/index.aspx" title="Obras"> <img src="/images/borda-esqueda-over-menu.gif" alt="Obras" /> <span>Expansão e Obras</span> <img src="/images/borda-direita-over-menu.gif" alt="Obras" /> </a> </li> <li class="novos-negocios"> <a href="/negocios/index.aspx" title="Novos Negócios"> <img src="/images/borda-esqueda-over-menu.gif" alt="Novos Negócios" /> <span>Novos Negócios</span> <img src="/images/borda-direita-over-menu.gif" alt="Novos Negócios" /> </a> </li> <li id="ultimaLiMenuSite" class="fale-conosco"> <a href="/fale-conosco/index.aspx" title="Fale conosco"> <img src="/images/borda-esqueda-over-menu.gif" alt="Fale conosco" /> <span>Fale conosco</span> <img src="/images/borda-direita-over-menu.gif" alt="Fale conosco" /> </a> </li> </ul> <div class="floatRight"><img src="/images/borda-direita-menu.gif" alt="" /></div> </div> <br class="clear" /> </div>]]>
61 <![CDATA[<div id="guardaMenuTop" style="z-index:999999;"> <div id="logoMetro"> <a href="/index.aspx" title="Metrô"><img src="/images/metro-logo.gif" alt="Metrô"/></a> </div> <div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div> <div id="linksMenuTop"> <ul> <li><a href="/fale-conosco/index.aspx">Fale Conosco</a></li> <!-- <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank">Acessibilidade deficientes visuais</a></li> --> <li><a href="/fale-conosco/ouvidoria/index.aspx">Ouvidoria</a></li> <li><a href="/sic/index.aspx">SIC</a></li> <li><a href="https://transparencia.metrosp.com.br/" target="_blank">Governança e Transparência</a></li> <li><a href='/denuncia/index.aspx'>Canal de denúncia</a></li> <!-- <li><a href="/mapa-site/mapa-site.aspx">Mapa do site</a></li>--> </ul> </div> <br class="clear" /> </div>]]>
66 <![CDATA[<div id="compartilheTop2" style="z-index:999999; float:rigth !important;"> <ul> <li><a href="/en/index.aspx"><img src="/images/english.png" alt="English" title="English" /></a></li> <li><a href="http://intervox.nce.ufrj.br/dosvox/download.htm" target="_blank"><i class="fa fa-wheelchair" aria-hidden="true" alt="Acessibilidade" title="Acessibilidade"></i></a></li> <li><a href="http://www.facebook.com/metrosp" target="_blank"><i class="fa fa-facebook-official" aria-hidden="true" alt="Facebook" title="Facebook"></i></a></li> <li><a href="http://twitter.com/metrosp_oficial" target="_blank"><i class="fa fa-twitter-square" aria-hidden="true" alt="Twitter" title="Twitter"></i></a></li> <li><a href="http://youtube.com.br/MetrospOficial" target="_blank"><i class="fa fa-youtube-play" aria-hidden="true" alt="Youtube" title="Youtube"></i></a></li> <!-- <li><a href="http://www.flickr.com/photos/metrosp_oficial/" target="_blank"><img src="/images/flickr.png" alt="Flickr" title="Flickr" /></a></li>--> <li><a href="https://www.instagram.com/metrospoficial/ " target="_blank"><i class="fa fa-instagram" aria-hidden="true" alt="Instagram" title="Instagram"></i></a></li> </ul> </div>]]>
302 <![CDATA[<div id="conteudoPagina" style="display:inline-block padding:0px;"> <div style="float:left; width:30%; display:inline-block; margin:0px; padding:0px;"> <img src='images/fotografia/coluna_ods1-10.png'> </div> <div style="float:left;width:70%; display:inline-block margin:0px; position:relative; left:-3em; top:-2em; padding:0px;"> <img src='images/fotografia/header_onu.png'> <p>Os Objetivos de Desenvolvimento Sustentável (ODS) compõe a Agenda 2030, compromisso firmado por 193 países-membros da ONU em setembro de 2015. Nesta Agenda, composta por 17 objetivos, estão previstas ações mundiais nas áreas de infraestrutura e inovação, cidades sustentáveis, ações contra a mudança global do clima, erradicação da pobreza, água e saneamento, consumo e produção responsáveis, crescimento econômico inclusivo, entre outros. Cada um dos objetivos é detalhado em metas que no total somam 169. O Governo do Estado de São Paulo é signatário indireto do compromisso assumido pelos países e instituiu a Comissão Estadual para a implementação da Agenda 2030 e dos Objetivos de Desenvolvimento Sustentável (ODS) e construir oportunidades de alinhamento entre a Agenda e os programas e metas dos Planos Plurianuais estaduais.<p> <h4><a style="text-decoration:underline; color:#0000EE;" href="https://nacoesunidas.org/pos2015/agenda2030/">Conheça mais sobre a Agenda 2030 <br>e os Objetivos do Desenvolvimento Sustentável</a></h4> <br> <h3>METRÔ E OS ODS</h3> <p>Para realização do Concurso de Fotografia Metrô SP 2019 foi selecionado como fonte de inspiração para os fotógrafos, o ODS 11 - Cidades e Comunidades Sustentáveis, conhecido como ODS das cidades, que tem por objetivo promover cidades sustentáveis e a mobilidade urbana, o desenvolvimento econômico, a qualidade de vida e as relações sociais. A partir da visão do fotógrafo, o Metrô SP quer conhecer o que representa a mobilidade sustentável para a vida das pessoas nas cidades e para o cumprimento dos Objetivos do Desenvolvimento Sustentável – ODS. Também quer engajar empregados e passageiros na adoção de práticas e hábitos que promovam o desenvolvimento sustentável. </p> <a href="cidades-sustentaveis.aspx"><img src='images/fotografia/tarja_onu-11.png'></a> <p>Clique acima e saiba mais.</p> </div> </div>]]>
303 <![CDATA[<div style="float:left; width:30%; display:inline-block; margin:0px; padding:0px;"> <img src='images/fotografia/coluna_ods1-10.png'> </div>]]>
307 <![CDATA[<div style="float:left;width:70%; display:inline-block margin:0px; position:relative; left:-3em; top:-2em; padding:0px;"> <img src='images/fotografia/header_onu.png'> <p>Os Objetivos de Desenvolvimento Sustentável (ODS) compõe a Agenda 2030, compromisso firmado por 193 países-membros da ONU em setembro de 2015. Nesta Agenda, composta por 17 objetivos, estão previstas ações mundiais nas áreas de infraestrutura e inovação, cidades sustentáveis, ações contra a mudança global do clima, erradicação da pobreza, água e saneamento, consumo e produção responsáveis, crescimento econômico inclusivo, entre outros. Cada um dos objetivos é detalhado em metas que no total somam 169. O Governo do Estado de São Paulo é signatário indireto do compromisso assumido pelos países e instituiu a Comissão Estadual para a implementação da Agenda 2030 e dos Objetivos de Desenvolvimento Sustentável (ODS) e construir oportunidades de alinhamento entre a Agenda e os programas e metas dos Planos Plurianuais estaduais.<p> <h4><a style="text-decoration:underline; color:#0000EE;" href="https://nacoesunidas.org/pos2015/agenda2030/">Conheça mais sobre a Agenda 2030 <br>e os Objetivos do Desenvolvimento Sustentável</a></h4> <br> <h3>METRÔ E OS ODS</h3> <p>Para realização do Concurso de Fotografia Metrô SP 2019 foi selecionado como fonte de inspiração para os fotógrafos, o ODS 11 - Cidades e Comunidades Sustentáveis, conhecido como ODS das cidades, que tem por objetivo promover cidades sustentáveis e a mobilidade urbana, o desenvolvimento econômico, a qualidade de vida e as relações sociais. A partir da visão do fotógrafo, o Metrô SP quer conhecer o que representa a mobilidade sustentável para a vida das pessoas nas cidades e para o cumprimento dos Objetivos do Desenvolvimento Sustentável – ODS. Também quer engajar empregados e passageiros na adoção de práticas e hábitos que promovam o desenvolvimento sustentável. </p> <a href="cidades-sustentaveis.aspx"><img src='images/fotografia/tarja_onu-11.png'></a> <p>Clique acima e saiba mais.</p> </div>]]>
325 <![CDATA[<a style="text-decoration:underline; color:#0000EE;" href="https://nacoesunidas.org/pos2015/agenda2030/">Conheça mais sobre a Agenda 2030 <br>e os Objetivos do Desenvolvimento Sustentável</a>]]>
375 <![CDATA[<img style="margin-top: 0px;" src="/images/logo-horizontal.png" alt="GOVERNO DO ESTADO DE SÃO PAULO" />]]>
25 <![CDATA[<style type="text/css"> #boxGalerias{padding-top:20px;} #boxGalerias #primDestaque{float:left;} #boxGalerias ul{float:left;margin-top:30px;} #boxGalerias ul li{padding:0 0 0 15px;margin:5px 0 0 0;} .guardaObras{float:left;width:258px;} #boxGalerias #primDestaque, #primDestaque .hover{height:175px;width:250px;float:left;} #primDestaque .hover .hover-content{height:115px!important;width:228px!important;} #boxGalerias #segDestaque, #boxGalerias #segDestaque .hover{height:175px;width:250px;float:left;} #boxGalerias #segDestaque .hover .hover-content{height:115px;width:228px;} #boxGalerias #ultimoDestaque, #boxGalerias #ultimoDestaque .hover{height:175px;width:250px;float:left;} #boxGalerias #ultimoDestaque .hover .hover-content{height:115px;width:228px;} </style>]]>
13 <![CDATA[<script type="text/javascript"> var _gaq = _gaq || []; _gaq.push(['_setAccount', 'UA-145274-3']); _gaq.push(['_trackPageview']); (function() { var ga = document.createElement('script'); ga.type = 'text/javascript'; ga.async = true; ga.src = ('https:' == document.location.protocol ? 'https://ssl' : 'http://www') + '.google-analytics.com/ga.js'; var s = document.getElementsByTagName('script')[0]; s.parentNode.insertBefore(ga, s); })(); </script>]]>
204 <![CDATA[<script type="text/javascript"> window.onload = function() { if (new Date() > new Date('2019-10-14T08:59:59-03:00')) { document.getElementById('aparecer').style.display = 'block'; document.getElementById('apagar').style.display = 'none'; }else{ document.getElementById('aparecer').style.display = 'none'; document.getElementById('apagar').style.display = 'block'; } } </script>]]>