Src/contato.html
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" />
<title>Canoagem</title>
<link rel="stylesheet" type="text/css" media="all" href="scripts/css.css" />
<script type="text/javascript" src="scripts/scripts.js"></script>
<script src="scripts/spryvalidationtextfield.js" type="text/javascript"></script>
<script src="scripts/spryvalidationselect.js" type="text/javascript"></script>
<link href="scripts/spryvalidationtextfield.css" rel="stylesheet" type="text/css" />
<link href="scripts/spryvalidationselect.css" rel="stylesheet" type="text/css" />
</head>
<body>
<div id="cabecalho">
<div id="topo">
<div id="borda_topo_esquerda"></div>
<div id="topo_centro">
<div id="logo">
<a href="index.html">
<img src="imagens_layout/logo.png" alt="Canoagem" border="0" title="Canoagem" />
</a>
</div>
</div>
<div id="borda_topo_direita"></div>
</div>
</div>
<div id="central">
<div id="conteudo">
<div id="borda_conteudo_esquerda"></div>
<div id="conteudo_centro">
<div id="menu" title="Clique com mouse para mostrar/esconder o menu de navegação">
<div id="canto_menu_esquerdo"></div>
<div id="menu_centro">
<ul>
<li><a href="index.html"><img src="imagens_layout/menu_inicio.jpg" alt="Inicio" title="Inicio" border="0" /></a></li>
<li><a href="imagens.html"><img src="imagens_layout/menu_imagens.jpg" alt="Imagens" title="Imagens" border="0" /></a></li>
<li><a href="videos.html"><img src="imagens_layout/menu_videos.jpg" alt="Videos" title="Videos" border="0" /></a></li>
<li><a href="historia.html"><img src="imagens_layout/menu_historia.jpg" alt="Historia" title="Historia" border="0" /></a></li>
<li><a href="contato.html"><img src="imagens_layout/menu_contato.jpg" alt="Contato" title="Contato" border="0" /></a></li>
<li><a href="noticias.html"><img src="imagens_layout/menu_noticias.jpg" alt="Noticias" title="Noticias" border="0" /></a></li>
</ul>
</div>
<div id="canto_menu_direito"></div>
</div>
<div id="contato">
<form action="envia.php" method="post" enctype="application/x-www-form-urlencoded">
<fieldset>
<legend>Contato</legend>
<div style="float:left;width:50%;"><span id="sprytextfield1">
<label>Nome:
<input type="text" name="nome" id="nome" />
</label>
<span class="textfieldRequiredMsg">Campo obrigatorio.</span></span><br />
<span id="spryselect1">
<label>Como encontrou o site:
<select name="encontrou" id="encontrou">
<option>Selecione a opção</option>
<option value="direto">Acesso direto</option>
<option value="busca">Sites de busca</option>
<option value="relacionados">Sites sobre canoagem</option>
<option value="banner">Anuncio/Banner</option>
<option value="recomendado">Recomendação</option>
</select>
</label>
<br />
<span class="selectRequiredMsg">Selecione uma opção.</span></span>
</div>
<div style="float:left;width:50%;"><span id="sprytextfield2">
<label>E-mail:
<input type="text" name="email" id="email" />
</label>
<span class="textfieldRequiredMsg">Campo obrigatorio.</span><span class="textfieldInvalidFormatMsg">Formato inválido.</span></span><br />
<span id="spryselect2">
<label>Assunto:
<select name="assunto" id="assunto">
<option>Selecione a opção</option>
<option value="sugestao">Sugestão</option>
<option value="reclamacao">Reclamação</option>
<option value="duvida">Dúvida</option>
<option value="outros">Outros</option>
</select>
</label>
<br />
<span class="selectRequiredMsg">Selecione uma opção.</span></span>
</div>
<label>Mensagem:<br />
<textarea name="mensagem" id="mensagem" cols="95" rows="10"></textarea>
</label>
<br />
<input type="submit" name="enviar" value="Enviar" />
</fieldset>
</form>
</div>
<div id="rodape">
Canoagem 2011 © <a href="https://guilherme.stracini.com/">Guilherme Branco Stracini</a> - SENAC Vila Prudente - Informatica - Turma NT
</div>
</div>
<div id="borda_conteudo_direita"></div>
</div>
</div>
<script type="text/javascript">
setTimeout("menu()",5000);
var sprytextfield1 = new Spry.Widget.ValidationTextField("sprytextfield1", "none", {validateOn:["blur", "change"]});
var sprytextfield2 = new Spry.Widget.ValidationTextField("sprytextfield2", "email", {validateOn:["blur", "change"]});
var spryselect1 = new Spry.Widget.ValidationSelect("spryselect1", {validateOn:["change", "blur"]});
var spryselect2 = new Spry.Widget.ValidationSelect("spryselect2", {validateOn:["change", "blur"]});
</script>
</body>
</html>