-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathindex.html
268 lines (254 loc) · 12.5 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
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" href="style/style.css">
<title>las codebreakers mobile</title>
<link href="https://fonts.googleapis.com/css?family=Yanone+Kaffeesatz" rel="stylesheet">
</head>
<body id="contenedorPrincipal">
<header>
<img src="image/logocodebreakers2.png" alt="Las Codebreakers" class="logo-codebreakers">
<nav class="menu">
<ul>
<li>
<a href="contacto.html" class ="hovercontacto" title="Contacto">CONTACTO</a>
</li>
</ul>
</nav>
</header>
<main>
<section class="grupo">
<div class="foto-grupo">
<img src="image/foto-grupal.jpg" alt="Foto Grupal" >
</div>
<h2 class="section-title">SOMOS UN EQUIPO...</h2>
<div class="texto-grupo">
<p> Somos un grupo de mujeres jóvenes con ganas de aprender y reinventarnos. Lo que más nos motiva para levantarnos por las mañanas es mejorar nuestra proyección profesional, por ello nos hemos animado a aprender a programar. Así que con ganas, ilusión y un poquito de Rock para desperezarnos esperamos abandonar nuestra zona de confort y confiamos en sacar el máximo provecho a este proyecto de la mano de Adalab.
</p>
<p>En honor a las mujeres que contribuyeron en la Segunda Guerra Mundial a desencriptar código enemigo, y que gracias a ello, se estima que la guerra se acortó en varios años, adoptamos el nombre de <a href="http://www.eldiario.es/turing/alan_turing-bletchley_park_0_341216141.html" class="enlacecodebreakers"> Las Codebreakers </a>.
</p>
</div>
</section>
<section class="fortalezas-debilidades">
<h2 class="section-title">FORTALEZAS Y DEBILIDADES</h2>
<div class="bloque-fd">
<div class="cajadebilidades">
<h3>Tenemos dificultades porque...</h3>
<ul class="debilidades">
<li>Partimos de cero</li>
<li>Tenemos muchas dudas</li>
<li>Necesitamos tiempo de trabajo juntas</li>
<li>Hay inseguridad por falta de conocimiento</li>
</ul>
</div>
<div class="cajafortalezas">
<h3>Y lo conseguimos porque...</h3>
<ul class="fortalezas">
<li>Tenemos ganas de aprender</li>
<li>Somos autodidactas buscando recursos externos</li>
<li>Hacemos un buen reparto de responsabilidades</li>
<li>Tenemos buena comunicación y organización</li>
</ul>
</div>
</div>
</section>
<hr class="separador">
<section class="miembras">
<h2 class="section-title">CONÓCENOS</h2>
<div class="Persona">
<div class="bloque">
<div class="avatar">
<img src="image/moni.jpg" class="foto" alt="imagen comunicacion y eventos">
<div class="opacidad"></div>
<div class="datos">
<h2 class="nombre">Mónica Aguado</h2>
<h4 class="rol">Comunicación Y Eventos</h4>
</div>
</div>
</div>
<div class="bloque-texto">
<div>
<p>Aloha! Soy Mónica, una pamplonica que llegó a Madrid para que se abriera ante ella un mundo de posibilidades. He sido escaparatista, community manager y social media. Actualmente estoy inmersa en la programación web. Creo que es una profesión que reúne muchas de las cualidades que busco en el trabajo: constancia, retos, creatividad, y un futuro prometedor. Me gusta el rock&roll, tocar el ukelele, caminar por la naturaleza y los conciertos en directo. Soy adicta a los cursos, así que un día investigando cursos de programación web, apareció en San Google Adalab, y creo que me va a cambiar la vida ;)
</p>
<p>Mi rol en este primer Sprint es el de líder de comunicación y eventos. Mis principales funciones son comunicar lo que sucede en nuestro día a día, a través de redes sociales, los retos que vamos superando y lo bien que lo pasamos en los eventos a los que acudimos. Eventos que me encargo de encontrar para poder ampliar nuestros conocimientos y motivar a mis compañeras a que asistan y disfruten de la experiencia.
</p>
</div>
<div>
<ul class="listaSocial">
<li>
<a href="https://www.linkedin.com/in/monicaaguadoalonso/" target="_blank" class="flotarIzq iconoSocial">
<img src="image/linkedin.png" alt="linkedin" class="iconoampliado">
</a>
</li>
<li>
<a href="https://twitter.com/moniaguado85" target="_blank" class="flotarIzq iconoSocial">
<img src="image/twitter.png" alt="HTML twitter" class="iconoampliado">
</a>
</li>
<li>
<a href="https://github.com/MoniAguado" target="_blank" class="iconoSocial">
<img src="image/github.png" alt="github" class="iconoampliado">
</a>
</li>
</ul>
</div>
</div>
</div>
<hr class="separador">
<div class="Persona">
<div class="bloque">
<div class="avatar">
<img src="image/marta.jpg" class="foto" alt="lider team building">
<div class="opacidad"></div>
<div class="datos">
<h2 class="nombre">Marta Aguilar</h2>
<h4 class="rol">Líder De Team Building</h4>
</div>
</div>
</div>
<div class="bloque-texto">
<div>
<p>Marta, madrileña, amante de los animales y de la naturaleza, rockera y ahora atrapada en el mundo de la programación web. Simpática, risueña y trabajadora, pero sobre todo, metódica y perfeccionista. Soy maquilladora profesional y caracterizadora, también he trabajado de teleoperadora y backoffice en varias empresas de telemarketing. Inquieta por sacar la creatividad encerrada me recomendaron Adalab como el lugar perfecto para reinventarme y construir todo lo que se me proponga.
</p>
<p>Mi rol en el primer Sprint es Lider de Team Building, las funciones a desempeñar son establecer mecanismos de decisión consensuados, proporcionar apoyo, crear comunicación directa, liderar la resolución de conflictos, promover relaciones mas allá del trabajo, establecer actividades fuera de la rutina y celebrar los éxitos.
</p>
</div>
<div>
<ul class="listaSocial">
<li>
<a href="https://www.linkedin.com/in/marta-aguilar-soto-b5207b151/" target="_blank" class="flotarIzq iconoSocial">
<img src="image/linkedin.png" alt="linkedin" class="iconoampliado">
</a>
</li>
<li>
<a href="https://twitter.com/MartaAgSo" target="_blank" class="flotarIzq iconoSocial">
<img src="image/twitter.png" alt="twitter" class="iconoampliado">
</a>
</li>
<li>
<a href="https://github.com/MartaAS" target="_blank" class="iconoSocial">
<img src="image/github.png" alt="github" class="iconoampliado">
</a>
</li>
</ul>
</div>
</div>
</div>
<hr class="separador">
<div class="Persona">
<div class="bloque">
<div class="avatar">
<img src="image/cris.jpg" class="foto" alt="planificacion y seguimiento">
<div class="opacidad"></div>
<div class="datos">
<h2 class="nombre">Cristina Gala</h2>
<h4 class="rol">Planificación Y Seguimiento</h4>
</div>
</div>
</div>
<div class="bloque-texto">
<div>
<p>Soy Cristina, tengo 35 primaveras y soy madrileña. Apasionada de viajar, me encanta la naturaleza y los paseos con mi familia y mi perro, una buena charla con amigos y la repostería.Soy una persona alegre, ordenada y resolutiva.Diplomada en Magisterio de Lengua Extranjera, completo mis estudios en la Escuela Oficial de Idiomas estudiando Inglés, Alemán e Italiano. En el mundo laboral he trabajado desde Au-pair, a Formadora de departamento pasando por Gestora de Cobros. Actualmente he aparecido en el mundo de la programación, gracias a Adalab, y en el cual se me abre un universo muy interesante y con mucho futuro.
</p>
<p>Mi rol es de Planificación y Seguimiento. Mi labor es la de asegurar que se cumplen los objetivos acordados en tiempo y forma y que sea un reparto equitativo entre todos los miembros del equipo. Estar pendiente del correcto uso de Trello y la actualización del mismo por los miembros del equipo. En el supuesto que no se llegue a los objetivos debo proponer soluciones alternativas . Una vez realizado el proyecto seré la encargada de reflexionar acerca del correcto trabajo sobre la planificación y el seguimiento.
</p>
</div>
<div>
<ul class="listaSocial">
<li>
<a href="https://www.linkedin.com/in/cristina-gala-sanchez/" target="_blank" class="flotarIzq iconoSocial">
<img src="image/linkedin.png" alt="linkedin" class="iconoampliado" >
</a>
</li>
<li>
<a href="https://twitter.com/crisgalasanchez" target="_blank" class="flotarIzq iconoSocial">
<img src="image/twitter.png" alt="twitter" class="iconoampliado">
</a>
</li>
<li>
<a href="https://github.com/crisgalasanchez" target="_blank" class="iconoSocial">
<img src="image/github.png" alt="github" class="iconoampliado">
</a>
</li>
</ul>
</div>
</div>
</div>
<hr class="separador">
<div class="Persona">
<div class="bloque">
<div class="avatar">
<img src="image/teresa.jpg" class="foto" alt="lider de aprendizaje">
<div class="opacidad"></div>
<div class="datos">
<h2 class="nombre">Teresa Marbán</h2>
<h4 class="rol">Líder De Aprendizaje</h4>
</div>
</div>
</div>
<div class="bloque-texto">
<div>
<p>Teresa, graduada en psicología y máster en neurociencia. Mi pasión siempre han sido las ciencias, de ahí que me dedicara dos años a la investigación. Después me pasé a una rama más humana de la neuropsicología trabajando en un centro de daño cerebral. Tras una aventura de voluntariado este verano en Zambia proporcionando sesiones en salud, volví con ganas de dar un giro a mi formación y desarrollar las habilidades que marcan esta era. Así es como empezó mi andadura en programación.
</p>
<p>Mi rol principal como líder de aprendizaje consiste en asegurarme de que el grupo tiene el conocimiento necesario para poder desarrollar el proyecto. Para ello propongo reuniones de colaboración para buscar soluciones en caso de que el equipo se estanque en un objetivo. Además me encargo de monitorizar los avances desde el punto de vista de conocimiento, y proponer a las alumnas más avanzadas ayudar a las que tienen más dificultades. Por último también me encargo de buscar ayuda externa como hablar con los profesores para solventar dudas.
</p>
</div>
<div>
<ul class="listaSocial">
<li>
<a href="https://www.linkedin.com/in/teresa-marban-castro/" target="_blank" class="flotarIzq iconoSocial">
<img src="image/linkedin.png" alt="linkedin" class="iconoampliado">
</a>
</li>
<li>
<a href="https://twitter.com/MarbanCastro" target="_blank" class="flotarIzq iconoSocial">
<img src="image/twitter.png" alt="twitter" class="iconoampliado">
</a>
</li>
<li>
<a href="https://github.com/TeresaMarbanCastro" target="_blank" class="iconoSocial">
<img src="image/github.png" alt="github" class="iconoampliado">
</a>
</li>
</ul>
</div>
</div>
</div>
</section>
</main>
<footer>
<div class="div1">
<a href="http://adalab.es" target="blank"> <img src="image/logo-adalab.png" alt="Logo Adalab" class="fotologoadalab" > </a>
</div>
<div class="timeline">
<a class="twitter-timeline" data-width="250" data-height="200" data-theme="light" data-link-color="#3CDBC0" href="https://twitter.com/MartaAgSo/lists/adalab?ref_src=twsrc%5Etfw"></a>
<script async src="https://platform.twitter.com/widgets.js" charset="utf-8">
</script>
</div>
<div class="redes">
<ul>
<li class="red">
<a href="https://twitter.com/AdaLab_Digital" target="_blank">
<img src="image/twitter.png" alt="Logo Twitter" class="fotologotwitter">
</a>
</li>
<li class="red">
<a href="https://www.linkedin.com/company/adalab?report%2Esuccess=KJ_KkFGTDCfMt-A7wV3Fn9Yvgwr02Kd6AZHGx4bQCDiP6-2rfP2oxyVoEQiPrcAQ7Bf" target="_blank">
<img src="image/linkedin.png" alt="Logo Linkedin" class="fotologolinkedin">
</a>
</li>
<li class="red">
<a href="https://www.facebook.com/AdaLabDigital/" target="_blank">
<img src="image/facebook.png" alt="Logo Facebook" class="fotologofacebook">
</a>
</li>
</ul>
</div>
<a id="arriba" href="#contenedorPrincipal" title="Arriba">
<img src="image/arriba.png" title="Arriba" alt="Arriba">
</a>
</footer>
</body>
</html>