<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<link rel="stylesheet" type="text/css" href="styler.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
</head>
<body>
<div id="geral">
<div id="topo"> </div>
<div id="menu">
<ul>
<li><a href="#" id="home">Home</a></li>
<li><a href="#" id="cursos">Cursos</a></li>
<li><a href="#" id="quemsomos">Quem Somos</a></li>
<li><a href="#" id="faleconosco">Fale Conosco</a></li>
</ul>
</div>
<div id="conteudo"></div>
<div id="rodape"> <p>Direitos Reservados</p> </div>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
#geral {width:800px; height:600px;background:#999;margin:auto;}
#topo {width:800px; height:143px;background:#000;margin:auto;background:url(walking%20Dead.jpg)}
#menu {width:800px;height:80px;background:#000; float:left;}
#conteudo {width:800px;height:402px;background:#CCC;margin-top:10px}
#conteudo p{color:#000;text-align:justify;font-size:20px; margin:20px;padding:0; padding-top:10px}
#rodape{width:800px;height:55px;background:#000;clear:both;float:left;font-size:20px;text-align:center;padding-top:5px;}
#rodape p{color:#FFF;}
/*Menu*/
#menu ul {padding:0;margin:0}
#menu li {list-style:none;margin-top:10px;float:left;}
#menu a:link,a:visited {color:#FFF;font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:20px;padding:10px;display:block;margin:11px}
#menu a:visited#home, a:link#home{background:#C93;}
#menu a:visited#cursos, a:link#cursos{background:#30F;}
#menu a:visited#quemsomos, a:link#quemsomos{background:#93C;}
#menu a:visited#faleconosco, a:link#faleconosco{background:#900;}
#menu a:hover{background:#C30}
<html xmlns="http://www.w3.org/1999/xhtml"><head>
<link rel="stylesheet" type="text/css" href="styler.css"/>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
</head>
<body>
<div id="geral">
<div id="topo"> </div>
<div id="menu">
<ul>
<li><a href="#" id="home">Home</a></li>
<li><a href="#" id="cursos">Cursos</a></li>
<li><a href="#" id="quemsomos">Quem Somos</a></li>
<li><a href="#" id="faleconosco">Fale Conosco</a></li>
</ul>
</div>
<div id="conteudo"></div>
<div id="rodape"> <p>Direitos Reservados</p> </div>
</div>
</body>
</html>
@charset "utf-8";
/* CSS Document */
#geral {width:800px; height:600px;background:#999;margin:auto;}
#topo {width:800px; height:143px;background:#000;margin:auto;background:url(walking%20Dead.jpg)}
#menu {width:800px;height:80px;background:#000; float:left;}
#conteudo {width:800px;height:402px;background:#CCC;margin-top:10px}
#conteudo p{color:#000;text-align:justify;font-size:20px; margin:20px;padding:0; padding-top:10px}
#rodape{width:800px;height:55px;background:#000;clear:both;float:left;font-size:20px;text-align:center;padding-top:5px;}
#rodape p{color:#FFF;}
/*Menu*/
#menu ul {padding:0;margin:0}
#menu li {list-style:none;margin-top:10px;float:left;}
#menu a:link,a:visited {color:#FFF;font:"Lucida Sans Unicode", "Lucida Grande", sans-serif;font-size:20px;padding:10px;display:block;margin:11px}
#menu a:visited#home, a:link#home{background:#C93;}
#menu a:visited#cursos, a:link#cursos{background:#30F;}
#menu a:visited#quemsomos, a:link#quemsomos{background:#93C;}
#menu a:visited#faleconosco, a:link#faleconosco{background:#900;}
#menu a:hover{background:#C30}
Nenhum comentário:
Postar um comentário