277 lines
15 KiB
HTML
277 lines
15 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/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">
|
||
|
|
<div class="span12">
|
||
|
|
<div class="nav pagination-centered">
|
||
|
|
<a href="#entrar" data-toggle="tab" id="btn-entrar" class="btn btn-primary btn-big"><i class="icon-white icon-user"></i> Entrar (socios)</a>
|
||
|
|
<a href="#registro" data-toggle="tab" id="btn-registros" class="btn btn-success btn-big"><i class="icon-white icon-edit"></i> ¿Quiere crear una cuenta?</a>
|
||
|
|
</div>
|
||
|
|
<div class="tabbable">
|
||
|
|
<div class="tab-content">
|
||
|
|
<div id="entrar" class="tab-pane hide well">
|
||
|
|
<h4>Entrada para socios</h4>
|
||
|
|
<form class="form-horizontal" id="entrarForm" method='post' action=''>
|
||
|
|
<fieldset>
|
||
|
|
<div class="control-group">
|
||
|
|
<label class="control-label" for="entrarEmail">Email:</label>
|
||
|
|
<div class="controls">
|
||
|
|
<input type="text" class="input-xlarge" id="entrarEmail" name="entrarEmail" placeholder="">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="control-group">
|
||
|
|
<label class="control-label" for="entrarPassword">Crear password:</label>
|
||
|
|
<div class="controls">
|
||
|
|
<input type="password" class="input-xlarge" id="entrarPassword" name="entrarPassword" placeholder="">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="control-group">
|
||
|
|
<div class="controls">
|
||
|
|
<p>Olvidé mi password: <a href="">Solicitar</a></p>
|
||
|
|
<button title="Entrar a mi cuenta" class="btn btn-primary" type="submit">Entrar</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</fieldset>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
<div id="registro" class="tab-pane hide well">
|
||
|
|
<h4>Crear una cuenta</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-xlarge" 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-xlarge" 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-xlarge" id="registroConfirmPassword" name="registroConfirmPassword" placeholder="">
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
<div class="control-group">
|
||
|
|
<label for="registroTipoCuenta" class="control-label">Tipo de cuenta</label>
|
||
|
|
<div class="controls">
|
||
|
|
<select id="registroTipoCuenta" name="registroTipoCuenta" class="input-xlarge">
|
||
|
|
<option value="personal">Cuenta personal</option>
|
||
|
|
<option value="grupo">Cuenta de grupo</option>
|
||
|
|
</select>
|
||
|
|
</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="control-group">
|
||
|
|
<div class="controls">
|
||
|
|
<button title="Crear mi cuenta" class="btn btn-success" type="submit">Pulsa aquí</button>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</fieldset>
|
||
|
|
</form>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
</div>
|
||
|
|
|
||
|
|
<div class="container clearfix">
|
||
|
|
<div class="row pagination-centered">
|
||
|
|
<div class="divider-10px"></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>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(){
|
||
|
|
$("#entrarForm").validate({
|
||
|
|
rules:{
|
||
|
|
entrarEmail:{
|
||
|
|
required:true,
|
||
|
|
email: true
|
||
|
|
},
|
||
|
|
entrarPassword:{
|
||
|
|
required:true
|
||
|
|
}
|
||
|
|
},
|
||
|
|
messages:{
|
||
|
|
entrarEmail:{
|
||
|
|
required:"Introduzca su e-mail",
|
||
|
|
email:"Indique un e-mail válido"
|
||
|
|
},
|
||
|
|
entrarPassword:{
|
||
|
|
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');
|
||
|
|
$(element).parents('.control-group').addClass('success');
|
||
|
|
}
|
||
|
|
});
|
||
|
|
|
||
|
|
|
||
|
|
$("#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>
|