CursoDeEmprendedores_Web/contacta-con-nosotros.html
david 7ea120bbd8 - Quitar la frase en latín del formulario de contacto
- Hacer más pequeñas las fotos de la sección 'material exclusivo'.

git-svn-id: https://192.168.0.254/svn/Proyectos.CursoDeEmprendedores_Web/trunk@8 63913255-ac98-a54a-998e-8993d3625c3c
2013-09-13 08:27:59 +00:00

115 lines
5.2 KiB
HTML

<!doctype html>
<html>
<head>
<meta charset=utf-8>
<meta name=description content="">
<meta name=viewport content="width=device-width, initial-scale=1">
<title>Te interesa | Programa de emprendedores FRP Y FLQDVI</title>
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,700' rel='stylesheet' type='text/css'>
<link rel=stylesheet href="css/style.css">
</head>
<body>
<div class="maincolumn">
<div id="menu">
<ul>
<li><a class="menubginicio" href="index.html"></a></li>
<li><a class="menubgprof" href="profesores.html"></a></li>
<li><a class="menubgprecio" href="material"></a></li>
<li><a class="menubginteres current" href="te-interesa.html"></a></li>
</ul>
</div>
<div id="contenedor">
<div class="cabecera"><span id="logo" style="width: 425px;">PROGRAMA DE EMPRENDEDORES FUNDACIÓN RAFAEL DEL PINO Y FUNDACIÓN LO QUE DE VERDAD IMPORTA</span></div>
<hr>
<div class="clear">
<div class="doscolumnas titular" style="width: 440px">CONTACTA CON NOSOTROS</div>
<div class="doscolumnas titularpeq" style="width: 200px;"><strong>Próximo curso:</strong> Próximamente <br />(fecha aún no disponible)</div>
</div>
<hr>
<div class="fila">
<p><span class="titularpeq"><strong></strong></span></p>
</div>
<p id="respuesta_ok"></p>
<form id="form">
<p><label>Nombre:<br />
<input type="text" name="nombre" class="textfield" value="" />
</label></p>
<p><label>Email:</label><br />
<input type="text" name="email" class="textfield" value="" />
</p>
<p><label>Mensaje:<br />
<textarea name="mensaje" class="textarea" cols="45" rows="5"></textarea>
</label></p>
<p><button type="submit" name="submit" class="button">Enviar</button></p>
<p id="respuesta_error" class="error"></p>
</form>
<div class="push"></div>
</div>
<hr>
<div class="footer">
<a href="http://www.loquedeverdadimporta.org"><img style="border: 0;" src="imgs/logo_importa_2.jpg" alt="lo que de verdad importa"></a>
<a href="http://www.frdelpino.es"><img style="border: 0;" src="imgs/logo_rafael_2.jpg" alt="rafel del pino"></a>
</div>
</div>
<div class="bgblanc"></div>
<div class="bgtaronja"></div>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.10.1/jquery.min.js"></script>
<script>window.jQuery || document.write(unescape('%3Cscript src="js/jquery.min.js"%3E%3C/script%3E'));</script>
<script src="http://ajax.aspnetcdn.com/ajax/jquery.validate/1.11.1/jquery.validate.min.js"></script>
<script>jQuery().validate || document.write(unescape('%3Cscript src="js/jquery.validate.min.js"%3E%3C/script%3E'));</script>
<script>
$().ready(function() {
$("#form").validate({
rules: {
nombre: "required",
mensaje: {
required: true,
minlength: 2
},
email: {
required: true,
email: true
}
},
messages: {
nombre: "Por favor, indica tu nombre",
mensaje: "Por favor, escribe tu mensaje",
email: "Por favor, indica una dirección de email válida"
},
submitHandler: function(form) {
$('#respuesta_error').text('');
$.ajax({
type: "POST",
url: "contactar.php",
dataType: "json",
data: $("#form").serialize(),
success: function(response) {
if (response['ok']) {
$('#form').remove();
$('#respuesta_ok').text('Tu mensaje se ha enviado correctamente.');
} else {
$('#respuesta_error').text(response['msg']);
}
},
error: function(request, status, error) {
alert(request.responseText);
}
});
}
});
});
</script>
</body>
</html>