-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
executable file
·165 lines (157 loc) · 9.34 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
<!DOCTYPE html>
<html lang="es">
<head >
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
<!-- Favicons -->
<link rel="apple-touch-icon" href="https://www.cfn.fin.ec/wp-content/themes/cfn/img/favicon.png"/>
<link rel="icon" href="https://www.cfn.fin.ec/wp-content/themes/cfn/img/favicon.png"/>
<link rel="icon" href="https://www.cfn.fin.ec/wp-content/themes/cfn/img/favicon.ico"/>
<title>CFN - Juega</title>
<!-- BootstrapCDN 4 -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/css/bootstrap.min.css">
<!-- bootstrap 4 js -->
<script src="https://code.jquery.com/jquery-3.3.1.slim.min.js" ></script>
<script src="https://cdnjs.cloudflare.com/ajax/libs/popper.js/1.14.7/umd/popper.min.js" ></script>
<script src="https://stackpath.bootstrapcdn.com/bootstrap/4.3.1/js/bootstrap.min.js" ></script>
<!-- iconos -->
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<link rel="stylesheet" href="https://fontawesome.com/v4.7.0/assets/css/site.css">
<!-- animación css -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/3.7.2/animate.min.css">
<!-- Mi estilos -->
<link rel="stylesheet" href="css/fuente.css">
<link rel="stylesheet" href="css/estilo.css">
</head>
<body>
<div class="separacion"></div>
<div class="container">
<div class="row">
<div class="col-md-6 col-sm-12" style="display: flex;align-items: center;">
<div>
<p style="text-align: center;">
<img src="images/logo.svg" alt="corporacion financiera nacional" style="width: 200px;">
</p>
<h1 class="centrar">
BIENVENIDO AL JUEGO DE VALORACIÓN EXPERIMENTAL DE PROYECTOS DE CFN.
</h1>
<h2 class="centrar" style="font-size: 28px;">
En este aplicativo podrás estimar el valor necesario para implementar un proyecto de inversión y serás puntuado de acuerdo a tu precisión con respecto a valores reales.
</h2>
<h2 class="centrar" style="font-size: 28px;">
El juego consiste en dos partes en las cuales podrás ganar puntos para Ingresar al Ranking CFN de Mejores Evaluadores de Proyectos de Inversión
</h2>
</div>
</div>
<div class="col-md-6 col-sm-12">
<form method="POST" action="basededatos-utilidadesFuncionarios.php">
<div class="tituloFormulario">
<h5 style="font-family: 'AH', venir-Black"><i class="fa fa-file-text" aria-hidden="true"></i> FORMULARIO</h5>
</div>
<div class="preguntasForm">
<div class="row">
<div class="col-sm-12 ">
<div class="input-group margin-bottom-sm">
<span class="input-group-addon"><i class="fa fa-user-circle fa-fw"></i></span>
<input type="text" class="form-control form-control-lg" id="nombre" placeholder="Nombre y Apellido" name="nombreCompleto" required>
</div>
<div class="input-group margin-bottom-sm">
<span class="input-group-addon"><i class="fa fa-user-o fa-fw"></i></span>
<select class="form-control form-control-lg" id="edad" name="edad" required>
<option value="" selected>Edad</option>
<option value="menos de 25"> menos de 25 </option>
<option value="25 - 35"> 25 - 35 </option></25>
<option value="36 - 45">36 - 45</option>
<option value="mas de 45"> mas de 45 </option>
</select>
</div>
<div class="input-group margin-bottom-sm">
<span class="input-group-addon"><i class="fa fa-eye fa-fw"></i></span>
<select class="form-control form-control-lg" id="experiencia" name="experiencia" required>
<option value="" selected>Años de experiencia en Banca</option>
<option value="menos de 1"> menos de 1 </option>
<option value="1-4">1 - 4</option>
<option value="5-8">5 - 8</option>
<option value="mas de 8"> mas de 8 </option>
</select>
</div>
</div>
<div class="col-sm-12 ">
<div class="input-group margin-bottom-sm">
<span class="input-group-addon"><i class="fa fa-users fa-fw"></i></span>
<select class="form-control form-control-lg" id="trabajo" name="trabajo" required>
<option value="" selected>Elija su área de trabajo</option>
<option value="Presidencia">Presidencia</option>
<option value="Gerencia General"> Gerencia General</option>
<option value="Subgerencia General"> Subgerencia General</option>
<option value="Gerencia de Cumplimiento"> Gerencia de Cumplimiento</option>
<option value="Gerencia de Gestión Estratégica"> Gerencia de Gestión Estratégica</option>
<option value="Gerencia de Riesgos"> Gerencia de Riesgos</option>
<option value="Gerencia de Talento Humano"> Gerencia de Talento Humano</option>
<option value="Gerencia Administrativa"> Gerencia Administrativa</option>
<option value="Gerencia de Presupuesto y Control"> Gerencia de Presupuesto y Control</option>
<option value="Gerencia de Contabilidad"> Gerencia de Contabilidad</option>
<option value="Secretaría General"> Secretaría General</option>
<option value="Gerencia de Atención de Reclamos"> Gerencia de Atención de Reclamos</option>
<option value="Gerencia de Auditoría Interna Gubernamental"> Gerencia de Auditoría Interna Gubernamental</option>
<option value="Gerencia de Auditoría Interna Bancaria"> Gerencia de Auditoría Interna Bancaria</option>
<option value="Gerencia de Mercadeo y Comunicación"> Gerencia de Mercadeo y Comunicación</option>
<option value="Gerencia Jurídica"> Gerencia Jurídica</option>
<option value="Gerencia de Participación Accionaria y Enlace"> Gerencia de Participación Accionaria y Enlace</option>
<option value="Gerencia de Coactiva"> Gerencia de Coactiva</option>
<option value="Gerencia de Productos y Servicios"> Gerencia de Productos y Servicios</option>
<option value="Gerencia de Calidad"> Gerencia de Calidad</option>
<option value="Gerencia de Tecnologías de la Información"> Gerencia de Tecnologías de la Información</option>
<option value="Gerencia de Servicios No Financieros"> Gerencia de Servicios No Financieros</option>
<option value="Gerencia de Negocios Especializados"> Gerencia de Negocios Especializados</option>
<option value="Gerencia de Cobranzas"> Gerencia de Cobranzas</option>
<option value="Gerencia de Negocios Fiduciarios"> Gerencia de Negocios Fiduciarios</option>
<option value="Gerencia de Negocios Financieros y Captaciones">Gerencia de Negocios Financieros y Captaciones</option>
<option value="Gerencia de Operaciones Financieras"> Gerencia de Operaciones Financieras</option>
<option value="Gerencia Regional"> Gerencia Regional</option>
<option value="Gerencia Sucursal Mayor Guayaquil"> Gerencia Sucursal Mayor Guayaquil</option>
<option value="Gerencia Sucursal Mayor Quito"> Gerencia Sucursal Mayor Quito</option>
<option value="Gerencia Sucursal Menor Manta"> Gerencia Sucursal Menor Manta</option>
<option value="Gerencia Sucursal Menor Esmeraldas"> Gerencia Sucursal Menor Esmeraldas</option>
<option value="Gerencia Sucursal Menor Machala"> Gerencia Sucursal Menor Machala</option>
<option value="Gerencia Sucursal Menor Ambato"> Gerencia Sucursal Menor Ambato</option>
<option value="Gerencia Sucursal Menor Cuenca"> Gerencia Sucursal Menor Cuenca</option>
<option value="Gerencia Sucursal Menor Riobamba"> Gerencia Sucursal Menor Riobamba</option>
<option value="Gerencia Sucursal Menor Loja"> Gerencia Sucursal Menor Loja</option>
<option value="Gerencia Sucursal Menor Ibarra"> Gerencia Sucursal Menor Ibarra</option>
</select>
</div>
<div class="input-group margin-bottom-sm">
<span class="input-group-addon"><i class="fa fa-graduation-cap fa-fw"></i></span>
<select class="form-control form-control-lg" id="instruccion" name="instruccion" required>
<option value="" selected>Nivel de instrucción</option>
<option value="Estudiante Universitario">Estudiante Universitario</option>
<option value="Tercer Nivel">Tercer Nivel</option>
<option value="Cuarto Nivel o Superior">Cuarto Nivel o Superior</option>
</select>
<!-- <span class="input-group-addon"><i class="fa fa-sort-desc fa-fw"></i></span> -->
</div>
<div class="content-btn" >
<button type="button" class="btn btn-primary btn-lg btn-block" onclick="guardarVariables()"><i class="fa fa-gamepad" aria-hidden="true"></i> JUGAR</button>
</div>
</div>
</div>
</div>
</form>
</div>
</div>
</div>
<script>
function guardarVariables()
{
localStorage.setItem('index-Nombre',document.getElementById('nombre').value);
localStorage.setItem('index-Edad',document.getElementById('edad').value);
localStorage.setItem('index-Experiencia',document.getElementById('experiencia').value);
localStorage.setItem('index-Trabajo',document.getElementById('trabajo').value);
localStorage.setItem('index-Instruccion',document.getElementById('instruccion').value);
window.location = "globo.html";
}
</script>
</body>
</html>