2012-09-17 17:05:07 +00:00
<!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' >
2012-09-18 14:01:29 +00:00
< link rel = "stylesheet" media = "screen" href = "css/bootstrap.min.css" / >
2012-09-17 17:05:07 +00:00
< 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" > Inicio< / a > < / li >
< li > < a href = "como-funciona.html" > Cómo funciona< / a > < / li >
< li > < a href = "blog.html" > Blog< / a > < / li >
< li > < a href = "contactar.html" > Contactar< / 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 !!!< / p >
< / div >
< / div >
< / div >
< div class = "container" >
< div class = "row" >
2012-09-18 14:01:29 +00:00
< 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 = '/usuarios/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" > Crear 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 id = "resultado" > < / div >
< / 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 = '' >
< fieldset >
< div class = "control-group" >
< label class = "control-label" for = "registroEmail" > Email:< / label >
< div class = "controls" >
< input type = "text" class = "input-large" id = "registroEmail" name = "registroEmail" placeholder = "" >
< / div >
< / div >
< div class = "control-group" >
< label class = "control-label" for = "registroPassword" > Crear password:< / label >
< div class = "controls" >
< input type = "password" class = "input-large" id = "registroPassword" name = "registroPassword" placeholder = "" >
< / div >
< / div >
< div class = "control-group" >
< label class = "control-label" for = "registroConfirmPassword" > Confirmar password:< / label >
< div class = "controls" >
< input type = "password" class = "input-large" id = "registroConfirmPassword" name = "registroConfirmPassword" placeholder = "" >
< / div >
< / div >
< div class = "control-group" >
< div class = "controls" >
< label for = "registroAcepto" class = "checkbox" >
< input type = "checkbox" id = "registroAcepto" name = "registroAcepto" value = "0" > Acepto los < a target = "_blank" href = "terminos-uso.html" > términos 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 >
2012-09-17 17:05:07 +00:00
< / div >
< / div >
< / div >
< / div >
< div class = "container clearfix" >
< div class = "row pagination-centered" >
2012-09-18 14:01:29 +00:00
< div class = "divider" > < / div >
2012-09-17 17:05:07 +00:00
< 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 > Agentes de Empleo que seleccionan Candidatos para puestos a cubrir por sus Empresas Clientes tanto de forma directa por ellas mismas ó subcontratados a la empresa del Agente.< / 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 > Agentes de Empleo que seleccionan Candidatos para puestos a cubrir en su propia empresa.< / 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 > Agentes de empresa que subcontratan Servicios técnicos a sus Proveedores.< / p >
< / div >
< / div >
< / div >
<!-- Pie -->
< footer id = "footer" >
< div class = "container" >
< div class = "row" >
<!-- Menú al pie de página -->
< div class = "span7" >
< div class = "tabnav-wrapper" >
< ul id = "footermenu" class = "nav nav-tabs" >
< li > < a href = "prensa.html" > Prensa< / a > < / li >
< li > < a href = "politica-privacidad.html" > Política de Privacidad< / a > < / li >
< li > < a href = "terminos-uso.html" > Términos de uso< / a > < / li >
< li > < a href = "soporte.html" > Soporte< / a > < / li >
< / ul >
< / div >
< div class = "row" >
< div class = "span7" > < p class = "copyright" > © Copyright (Todos los derechos Reservados)
< / p > < / div >
< / div >
< / div >
< div class = "span5" >
< 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(){
2012-09-18 14:01:29 +00:00
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) {
console.log("data => " + data);
console.log(textStatus);
console.log(XMLHttpRequest);
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;
};
2012-09-17 17:05:07 +00:00
$("#entrarForm").validate({
rules:{
2012-09-18 14:01:29 +00:00
FormularioLogin_email:{
2012-09-17 17:05:07 +00:00
required:true,
email: true
},
2012-09-18 14:01:29 +00:00
FormularioLogin_password:{
2012-09-17 17:05:07 +00:00
required:true
}
},
messages:{
2012-09-18 14:01:29 +00:00
FormularioLogin_email:{
2012-09-17 17:05:07 +00:00
required:"Introduzca su e-mail",
email:"Indique un e-mail válido"
},
2012-09-18 14:01:29 +00:00
FormularioLogin_password:{
2012-09-17 17:05:07 +00:00
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');
2012-09-18 14:01:29 +00:00
},
submitHandler: enviar_login
});
2012-09-17 17:05:07 +00:00
$("#registroForm").validate({
rules:{
registroEmail:{
required:true,
email: true
},
registroPassword:{
required:true,
minlength: 6
},
registroConfirmPassword:{
required:true,
equalTo: "registroPassword"
},
registroTipoCuenta:"required",
registroAcepto:{
required:true
}
},
messages:{
registroEmail:{
required:"Introduzca su e-mail",
email:"Indique un e-mail válido"
},
registroPassword:{
required:"Indique una nueva contraseña",
minlength:"La contraseña debe tener un mínimo de 6 caracteres"
},
registroConfirmPassword:{
required:"Introduzca otra vez la contraseña",
equalTo:"La confirmación de contraseña no coincide con la contraseña"
},
registroTipoCuenta:"Seleccione el tipo de cuenta que desea crear",
registroAcepto:""
},
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');
$(element).parents('.control-group').addClass('success');
}
});
});
< / script >
< / body >
< / html >
