Incam_PROFIND_Aterrizaje/src/index.html
david 2adbafb9c8 - Tarea #1093 -> Cambiar el texto de la 3ª columna de la página de portada
- Cambiados enlaces de los formularios para que funcionen en producción.

git-svn-id: https://192.168.0.254/svn/Proyectos.Incam_PROFIND_Aterrizaje/trunk@11 db07b8d6-80f3-1c4e-84de-227a4fed3af2
2012-09-22 14:02:07 +00:00

330 lines
16 KiB
HTML

<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="description" content="" />
<meta name="keywords" content=""/>
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>PROFIND</title>
<link rel="shortcut icon" href="favicon.ico">
<link href='http://fonts.googleapis.com/css?family=Droid+Sans:400,400italic,700' rel='stylesheet' type='text/css'>
<link rel="stylesheet" media="screen" href="css/bootstrap.min.css"/>
<link rel="stylesheet" media="screen" href="css/style.css"/>
<script src="js/jquery-1.8.1.min.js" type="text/javascript"></script>
</head>
<body>
<header id="header">
<div class="container">
<div class="row">
<div class="span4"> <a href="index.html"><img src="img/logo.png" width="300" height="79" alt="PROFIND"></a> </div>
<!-- Navegación -->
<div class="span8">
<div class="tabnav-wrapper">
<ul id="menu" class="nav nav-tabs">
<li class="active"><a href="index.html">Home</a></li>
<li><a href="productos.html">Productos</a></li>
<li><a href="blog.html">Blog</a></li>
</ul>
</div>
</div>
</div>
</div>
</header>
<div class="container">
<div class="row">
<div class="span12 pagination-centered">
<h1>La herramienta de los Agentes de Selección de personal informático</h1>
<p>¡ Mantenga su información en un entorno privado ! ¡ Sea usted el único propietario de sus datos ! <br/> ¡ Cree su cuenta y utilícela gratis durante un mes !</p>
</div>
</div>
</div>
<div class="container">
<div class="row">
<div class="span6">
<div id="entrar" class="form-box">
<h4 class="btn-primary"><i class="icon-white icon-user"></i> Entrada para socios</h4>
<form class="form-horizontal" id="entrarForm" method='post' action='/profind/profind/index.php?r=site/login'>
<fieldset>
<div class="control-group">
<label class="control-label" for="FormularioLogin_email">Email:</label>
<div class="controls">
<input type="text" class="input-large" id="FormularioLogin_email" name="FormularioLogin_email" placeholder="">
</div>
</div>
<div class="control-group">
<label class="control-label" for="FormularioLogin_password">Password:</label>
<div class="controls">
<input type="password" class="input-large" id="FormularioLogin_password" name="FormularioLogin_password" placeholder="">
</div>
</div>
<div class="control-group">
<div class="controls">
<p>Olvidé mi password: <a href="">Solicitar</a></p>
</div>
</div>
<div class="form-actions">
<button title="Entrar a mi cuenta" class="btn btn-primary btn-large" type="submit">Entrar</button>
</div>
</fieldset>
</form>
</div>
</div>
<div class="span6">
<div id="registro" class="form-box">
<h4 class="btn-success"><i class="icon-white icon-edit"></i> ¿Quiere crear una cuenta? (gratis)</h4>
<form class="form-horizontal" id="registroForm" method='post' action='/profind/profind/index.php?r=registroUsuario/registrar'>
<fieldset>
<div class="control-group">
<label class="control-label" for="FormularioRegistro_email">Email:</label>
<div class="controls">
<input type="text" class="input-large" id="FormularioRegistro_email" name="FormularioRegistro_email" placeholder="">
</div>
</div>
<div class="control-group">
<label class="control-label" for="FormularioRegistro_password">Crear password:</label>
<div class="controls">
<input type="password" class="input-large" id="FormularioRegistro_password" name="FormularioRegistro_password" placeholder="">
</div>
</div>
<div class="control-group">
<label class="control-label" for="FormularioRegistro_password2">Confirmar password:</label>
<div class="controls">
<input type="password" class="input-large" id="FormularioRegistro_password2" name="FormularioRegistro_password2" placeholder="">
</div>
</div>
<div class="control-group">
<div class="controls">
<label for="FormularioRegistro_acepto" class="checkbox">
<input type="checkbox" id="FormularioRegistro_acepto" name="FormularioRegistro_acepto" value="0"> Acepto los <a target="_blank" href="terminos-uso.html">Términos legales de uso</a> y la <a target="_blank" href="politica-privacidad.html">política de privacidad</a>.
</label>
</div>
</div>
<div class="form-actions">
<button title="Crear mi cuenta" class="btn btn-success btn-large" type="submit">Pulsa aquí</button>
</div>
</fieldset>
</form>
</div>
</div>
</div>
<div class="row">
<div class="span12" id="resultado"></>
</div>
</div>
</div>
<div class="container clearfix">
<div class="row pagination-centered">
<div class="divider"></div>
<!--div class="span12">
<h3>PROFIND tiene aplicación en las siguientes situaciones</h3>
</div-->
</div>
</div>
<div class="container clearfix">
<div class="row feature-bg-icon">
<div class="span4">
<div class="icon-bg green-bg"><img width="60" height="60" alt="icon" src="img/icons/icon-big-4.png"></div>
<p>TEXTO 1</p>
</div>
<div class="span4">
<div class="icon-bg blue-bg"><img width="60" height="60" alt="icon" src="img/icons/icon-big-4.png"></div>
<p>TEXTO 2</p>
</div>
<div class="span4">
<div class="icon-bg red-bg"><img width="60" height="60" alt="icon" src="img/icons/icon-big-4.png"></div>
<p><strong>Visite Clubjobtic</strong><br>La página de los Agentes de empleo <a href="www.clubjobtic.com/frasier" title="Clubjobtic">www.clubjobtic.com/frasier</a></p>
</div>
</div>
</div>
<!-- Pie -->
<footer id="footer">
<div class="container">
<div class="row">
<!-- Menú al pie de página -->
<div class="span9">
<div class="tabnav-wrapper">
<ul id="footermenu" class="nav nav-tabs">
<li><a href="que-es-profind.html">¿Qué es PROFIND?</a></li>
<li><a href="contactar.html">Contactar</a></li>
<li><a href="terminos-uso.html">Términos legales de uso</a></li>
<li><a href="politica-privacidad.html">Política de Privacidad</a></li>
<li><a href="prensa.html">Prensa</a></li>
<li><a href="soporte.html">Soporte</a></li>
</ul>
</div>
<div class="row">
<div class="span9"><p class="copyright">© Copyright (Todos los derechos Reservados)
</p></div>
</div>
</div>
<div class="span3">
<h5>Síguenos en:</h5>
<ul class="connected">
<li><a href="#"><img src="img/icons/icon-linkedin.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-facebook.png" width="48" height="48" alt="icon"></a></li>
<li><a href="#"><img src="img/icons/icon-twitter.png" width="48" height="48" alt="icon"></a></li>
</ul>
</div>
</div>
</div>
</footer>
<script src="js/bootstrap.min.js" type="text/javascript"></script>
<script src="js/jquery.validate.min.js" type="text/javascript"></script>
<script type="text/javascript">
$(document).ready(function(){
var enviar_login = function() {
var $form = $("#entrarForm");
$.ajax({
url: $form.attr('action'),
dataType: 'json',
type: 'POST',
data : $form.serialize()+'&ajax=login-form',
success: function(data, textStatus, XMLHttpRequest) {
if (data.status == '200') {
window.location.href = data.redirect;
}
else {
if (data != null && typeof data == 'object') {
$('#resultado').val('');
$.each(data, function(key, value){
$('#resultado').append(key + ' => ' + value);
});
}
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$('#resultado').append('Error de comunicación con el servidor');
}
});
return false;
};
$("#entrarForm").validate({
onfocusout: false,
onkeyup: false,
onclick: false,
rules:{
FormularioLogin_email:{
required:true,
email: true
},
FormularioLogin_password:{
required:true
}
},
messages:{
FormularioLogin_email:{
required:"Introduzca su e-mail",
email:"Indique un e-mail válido"
},
FormularioLogin_password:{
required:"Indique su contraseña",
}
},
errorClass: "help-inline",
errorElement: "span",
highlight:function(element, errorClass, validClass) {
$(element).parents('.control-group').addClass('error');
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents('.control-group').removeClass('error');
},
submitHandler: enviar_login
});
var enviar_registro = function() {
var $form = $("#registroForm");
$.ajax({
url: $form.attr('action'),
dataType: 'json',
type: 'POST',
data : $form.serialize()+'&ajax=registro-form',
success: function(data, textStatus, XMLHttpRequest) {
if (data.status == '200') {
$('#resultado').append(data.texto);
}
else {
if (data != null && typeof data == 'object') {
$('#resultado').val('');
$.each(data, function(key, value){
$('#resultado').append(key + ' => ' + value);
});
}
}
},
error: function(XMLHttpRequest, textStatus, errorThrown) {
$('#resultado').append('Error de comunicación con el servidor');
}
});
return false;
};
$("#registroForm").validate({
onfocusout: false,
onkeyup: false,
onclick: false,
rules:{
FormularioRegistro_email:{
required:true,
email: true
},
FormularioRegistro_password:{
required:true,
minlength: 6
},
FormularioRegistro_password2:{
required:true,
minlength: 6,
equalTo: "#FormularioRegistro_password"
},
FormularioRegistro_acepto:{
required:true
}
},
messages:{
FormularioRegistro_email:{
required:"Introduzca su e-mail",
email:"Indique un e-mail válido"
},
FormularioRegistro_password:{
required:"Indique una nueva contraseña",
minlength:"La contraseña debe tener un mínimo de 6 caracteres"
},
FormularioRegistro_password2:{
required:"Introduzca otra vez la contraseña",
minlength:"La contraseña debe tener un mínimo de 6 caracteres",
equalTo:"La confirmación de contraseña no coincide con la contraseña"
},
FormularioRegistro_acepto:""
},
errorClass: "help-inline",
errorElement: "span",
highlight:function(element, errorClass, validClass) {
$(element).parents('.control-group').addClass('error');
},
unhighlight: function(element, errorClass, validClass) {
$(element).parents('.control-group').removeClass('error');
},
submitHandler: enviar_registro
});
});
</script>
</body>
</html>