exemplo.html 1.37 KB
<html>
    <head>
		  <meta charset="utf-8" />
		  <meta name=viewport content="width=device-width, initial-scale=1">
        <title>Barra Brasil</title>
        <style type="text/css">

body {
	font-family: sans-serif, Arial;
	margin: 0px;
	padding: 0px;
}

#content {
	padding: 50px;
}

#footer-brasil {
   background: none repeat scroll 0% 0% #00420c;
   padding: 1em 0px;
   max-width: 100%;
}

        </style>
    </head>

    <body>

        <div id="barra-brasil" style="background:#7F7F7F; height: 20px; padding:0 0 0 10px;display:block;"> 
	<ul id="menu-barra-temp" style="list-style:none;">
		<li style="display:inline; float:left;padding-right:10px; margin-right:10px; border-right:1px solid #EDEDED"><a href="http://brasil.gov.br" style="font-family:sans,sans-serif; text-decoration:none; color:white;">Portal do Governo Brasileiro</a></li> 
		<li><a style="font-family:sans,sans-serif; text-decoration:none; color:white;" href="http://epwg.governoeletronico.gov.br/barra/atualize.html">Atualize sua Barra de Governo</a></li>
	</ul>
</div>
<div id="content">
        <h1 id="principalll">Barra Brasil versão 2.1.2</h1>
        <p>Veja as <a href="http://barra.governoeletronico.gov.br/">instruções de como usar a barra</a> no e-PWG.</p>
</div><!-- #content -->
		  <div id="footer-brasil"></div>
 <script defer async src="barra.js" type="text/javascript"></script>
    </body>
</html>