Untitled

<html>
  <head>
   <script language="javascript" type="text/javascript">
            function validar() {
                var username = form1.username.value;
                var password = form1.password.value;
                var pais = form1.pais.value;
                var estado = form1.estado.value;
                var cidade = form1.estado.value;
                var telefone = form1.telefone.value;
                var dia = form1.dia.value;
                var mes = form1.mes.value;
                var ano = form1.ano.value;
                var nome = form1.nome.value;
                var sobrenome = form1.sobrenome.value;
                var ddd = form1.ddd.value;

                if (nome == ""){
                alert('Por favor, preencha o campo com seu nome');
                form1.nome.focus();
                return false;
                }
                if (password == "") {
                alert ('Por favor, preencha o campo com sua senha!');
                form1.password.focus();
                return false;
                }
                if (pais == "") {
                alert ('Por favor, preencha o campo com seu país!');
                form1.pais.focus();
                return false;
                }
                if (estado == "") {
                alert ('Por favor, preencha o campo com seu estado!');
                form1.estado.focus();
                return false;
                }
                if (cidade == "" ) {
                alert ('Por favor, preencha o campo com sua cidade!');
                form1.estado.focus();
                return false;
                }
                if (telefone == "") {
                alert ('Por favor, preencha o campo com seu telefone!');
                form1.telefone.focus();
                return false;
                }
                if (dia == "") {
                alert ('Por favor, preencha o campo com seu dia!');
                form1.dia.focus();
                return false;
                }
                if (mes == "") {
                alert ('Por favor preencha o campo com o mês!');
                form1.mes.focus();
                return false;
                }
                if (ano == "") {
                alert ('Por favor, preencha o campo com o ano!');
                form1.ano.focus();
                return false;
                }
                if (username == ""){
                alert ('Por favor, preencha o campo com seu nome!');
                form1.username.focus();
                return false;
                }
                if (sobrenome == ""){
                alert ('Por favor, preencha o campo com o sobrenome!');
                form1.sobrenome.focus();
                return false;
                }
                if (ddd == ""){
                alert ('Por favor, preencha o campo com o DDD!');
                form1.ddd.focus();
                return false;
                }
                }
            </script>
  <link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css">
  <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.2.1/jquery.min.js"></script>
  <script src="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/js/bootstrap.min.js"></script>
    <title>Chocolate</title>
	<meta charset="UTF-8"/>
	<link href="https://fonts.googleapis.com/css?family=Architects+Daughter" rel="stylesheet">
	<link href="https://fonts.googleapis.com/icon?family=Material+Icons" rel="stylesheet">
	<link href="stilo.css" rel="stylesheet" type="text/css"/>
	<link rel="icon" href="img/ico.png" type="image/x-icon" />
<link rel="shortcut icon" href="Ico.ico" type="image/x-icon" />
<link rel="stylesheet" href="path/to/font-awesome/css/font-awesome.min.css">
  </head>

  <body background="img/stripes.png">

	<div class="logo" align="center">
		<img class="grow" src="img/jump.png" width="350" height="200" align="center">
	</div>
    <nav id="menu">
		<ul>
			<li> <a href="index.html"><i class="material-icons left">home</i> Sobre </a></li>
			<li> <a href="fotos.html"><i class="material-icons left">camera_alt</i> Fotos </a></li>
			<li> <a href="produtos.html"><i class="material-icons left">star_rate</i>Produtos</a></li>
			<li> <a href="localização.html"><i class="material-icons left">gps_fixed</i>Localização</a></li>
			<li> <a href="contato.html"><i class="material-icons left">contacts</i>Contato</a></li>
		</ul>
	</nav>
	</div>

	<div id="conteudo3">
	<div id="letras">
	<font size="4">
<br><br><div class="formulario" align="center">
<font color="#f2f2f2">
<br><h1 align="center">O que você achou do site?</h1><br>
	</font>
					<form name="form1" " method="post">

						<p><input type="text" name="cidade"placeholder="pais" size="30" maxlength="30"><br><br>
					<p><input type="text"placeholder="Email" name="estado" size="30" maxlength="30"><br><br>
						<br><textarea cols="37" rows="20" style="background-color:#" placeholder="Mensagem"></textarea>
						<br><input type="submit" value="Enviar"onclick= "return validar()">
						<input type="reset" >
					</form>
					</div><br><br>
					</font>
					</div>
					</div>
					</div>
		<font size="6">
<br><div id="cab" align="center">
	Desenvolvido por Vinicius Borges de Lima
	</div>