-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
351 lines (308 loc) · 16.8 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
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width">
<title>Web grupal Take off Team</title>
<link rel="stylesheet" href="css/style.css">
</head>
<body>
<header class="header">
<nav class="nav">
<h1 class="namegroup">Take off TEAM</h1>
<ul class="menu">
<li class="limenu"><a class="limenu" href="#home">Home</a></li>
<li class="limenu"><a class="limenu" href="#adalab">Adalab</a></li>
<li class="limenu"><a class="limenu" href="#roles">Roles</a></li>
<li class="limenu"><a class="limenu" href="#about-us">About us</a></li>
<li class="limenu"><a class="limenu" href="#contact">Contact</a></li>
</ul>
</nav>
</header>
<div class="container">
<img id="home" class="plane" src="images/plane.gif" alt="plane">
<div id="adalab" class="blank">
</div>
<h1 class="adalab">¿QUE ES UNA ADALABER?</h1>
<div class="content">
<p class="text">
<a target="_blank" class="linkproyect" href="http://adalab.es/" target="_blank">ADALAB</a>
Fue creado en 2015 en Madrid por un equipo de profesionales ilustrados como iniciativa
social con el objetivo de luchar contra el subempleo de mujeres en el sector digital. Un grupo selecto
de mujeres de diversos orígenes y habilidades participan en un programa de entrenamiento
<span id="adalaber"> ADALAB</span>, celebrado en el
<a target="_blank" class="linkproyect" href="https://laterminal.org/">LA TERMINAL</a>
co-working space, en preparación para su incorporación en empresas digitales con necesidad
urgente de contratar desarrolladores front-end. Adicionalmente,
<span id="adalaber"> ADALABERS</span> son asesorados por generosos profesionales comprometido
a compartir su experiencia y visión en un esfuerzo de transformar la sociedad a través de la bondad,
profesionalismo y ética de trabajo.
<br>
<br> Unidos en su transición a nuevos papeles profesionales,
<span id="adalaber"> ADALABERS </span> comparten desafíos emocionales relacionados con el proceso de
reinvención profesional y personal y el sueño de lograr la estabilidad económica y la satisfacción en
el trabajo dentro de este campo dinámico. El objetivo final es cultivar
un cuerpo de mujeres altamente capaces pero tradicionalmente excluidos de estos campos técnicos para
estimular innovación a través de la contribución de su diversidad y talento al sector.
<a target="_blank" class="linkproyect" href="https://drive.google.com/drive/folders/0Bz1V7rq7bk4zeHlGQlFLelk4eXM">TAKE OFF TEAM</a>
representa esta visión perfectamente en su excepcional capacidad de superar discriminación y
adversidad con coraje y determinación y en su compromiso de contribuir al avance
de cultura y sociedad a través de su dedicación y esfuerzo persistente.
</p>
</div>
<img class="groupphoto"src="images/grupo.jpg" alt="Take Off Team">
<h1 class="adalab"> WHAT IS AN ADALABER?</h1>
<div class="content">
<p class="text">
<a target="_blank" class="linkproyect" href="http://adalab.es/" target="_blank">ADALAB</a> was created in
2015 in Madrid by a team of enlightend professionals as a
social initiative with the aim of combating the underemployment of women
in the digital sector. A select group of
women of diverse backgrounds and abilities participate
in an <span id="adalaber"> ADALAB</span>, training program , held at
<a target="_blank" class="linkproyect" href="https://laterminal.org/">LA TERMINAL</a> co-working space,
in preparation for their incorporation into digital companies in urgent
need of hiring front-end developers. Additionally,
<span id="adalaber"> ADALABERS</span> are advised by generous professionals
committed to sharing their experience and vision in an effort to transform society
through kindness, professionalism and work ethic.
</p>
<p class="text">
United in their transition to new professional roles,
<span id="adalaber"> ADALABERS</span> share emotional challenges
related to the process of professional and personal reinvention and
the dream of achieving economic stability and job satisfaction within
this dynamic field. The ultimate goal is to cultivate a body of highly
capable but traditionally excluded women from these technical fields to
stimulate innovation through contribution of diversity and talent
to the sector. <a target="_blank" class="linkproyect" href="https://drive.google.com/drive/folders/0Bz1V7rq7bk4zeHlGQlFLelk4eXM">TAKE OFF TEAM</a> represents this vision perfectly in its exceptional
capacity to overcome discrimination and adversity with courage and
determination and in its commitment to contribute to the advancement of
culture and society through its dedication and persistent effort.
</p>
</div>
</div>
<div id="roles" class="blank">
</div>
<div class="rls">
<h1>ROLES</h1>
</div>
<div class="role">
<div class="indep">
<div class="rol-wrapper">
<div class="communication types">
<h3 class="namerol">COMMUNICATION</h3>
<div class="iconrol">
<img class="iconimg"src="images/comunication2.png" alt="icono comunicación">
</div>
<p>¡¡Que nadie se pierda nuestros logros!! Encontraréis nuestros avances, retos superados, eventos visitados...</p>
<p>Me apoyaré en recursos como Slack, Twitter y otras redes sociales.</p>
<p>Y la ardua misión de mantener el silencio...sshhhh.</p>
</div>
<div class="types">
<h5>
<a class="none-style" href="#biodiana">DIANA</a>
</h5>
</div>
</div>
</div>
<div class="indep">
<div class="rol-wrapper">
<div class="learning types ">
<h3 class="namerol">LEARNING</h3>
<div class="iconrol">
<img class="iconimg"src="images/learn.png" alt="icono aprendizaje">
</div>
<p>¿Llegaste a objetivos? ¿Necesitas ayuda? Aquí me tienes, estaré pendiente de tí.</p>
<p>El equipo está para ayudarte, pero si no somos capaces...los instructores nos guiarán.</p>
<p>WE CAN DO IT!!</p>
</div>
<div class="types">
<h5>
<a class="none-style" href="#biokeylin">KEYLIN</a>
</h5>
</div>
</div>
</div>
<div class="indep">
<div class="rol-wrapper">
<div class="planning types">
<h3 class="namerol">PLANNING</h3>
<div class="iconrol">
<img class="iconimg"src="images/planification.png" alt="icono planificación">
</div>
<p>¿Qué tenemos que hacer? ¿Para cuándo es?</p>
<p>Tranquilo equipo, os dimensionaré el volumen de trabajo, y comprobaré que todo el mundo sabe qué tiene que hacer.</p>
<p>Lograremos los tiempos, no nos agobiaremos y si está difícil os daré alternativas para lograr los objetivos.</p>
</div>
<div class="types">
<h5>
<a class="none-style" href="#biosara">SARA</a>
</h5>
</div>
</div>
</div>
<div class="indep">
<div class="rol-wrapper">
<div class="teamwork types ">
<h3 class="namerol">TEAMWORK</h3>
<div class="iconrol">
<img class="iconimg" src="images/teamwork.png" alt="icono trabajo en equipo">
</div>
<p>¿Tienes más volumen de trabajo que la compañera? Tranquila...me daré cuenta y conseguiré que el reparto sea más equitativo. Colaborando todos los miembros del equipo.</p>
<p>Lo decidiremos todo como equipo, consensuado. ¡¡Todas tenemos voz!!</p>
<p>Espero que no haya rencillas, pero si surgen...calmaré las aguas.</p>
</div>
<div class="types">
<h5>
<a class="none-style" href="#biomarta">MARTA</a>
</h5>
</div>
</div>
</div>
<div class="indep">
<div class="rol-wrapper">
<div class="events types">
<h3 class="namerol">EVENTS</h3>
<div class="iconrol">
<img class="iconimg" src="images/events.png" alt="icono eventos">
</div>
<p>¿No te has enterado del último evento? No creo, mira el tablón de eventos, y sino, seguramente lo encuentres en Slack, en nuestro canal de eventos.</p>
<p>Te tendré debidamente informada de todo lo que pueda ser interesante para nuestro desarrollo profesional.</p>
<p>¡¡Vámonos al siguiente evento!!</p>
</div>
<div class="types">
<h5>
<a class="none-style" href="#bioaida">AIDA</a>
</h5>
</div>
</div>
</div>
</div>
<div id="about-us" class="blank">
</div>
<h1 class="conocenos">ABOUT US</h1>
<div class="aboutus">
<div id="biodiana" class="bios line-bio">
<div class="padding-bio">
<div class="diana">
<img class="carnet"src="images/diana.jpg" alt="foto de Diana">
<div class="title-bio">
<h3 class="membername">Diana Saez</h3>
<div class="redes">
<a target="_blank" href="https://www.linkedin.com/in/diana-saez-1b244196/"><img class="iconred" src="iconos/linkedin.png" alt="logo linkedin"></a>
<a target="_blank" href="https://github.com/diadalab"><img class="iconred" src="iconos/github.png" alt="logo github"></a>
<a target="_blank" href="https://twitter.com/diadalab"><img class="iconred" src="iconos/twitter.png" alt="logo twitter"></a>
</div>
</div>
</div>
<p class="pabout">
Diana Saez es historiadora de arte y arquitectura nacida en Nueva York, con una formación académica en teoría estética y filosofía de la tecnología. Ha trabajado como investigadora, escritora, consultora de arte y colaboradora en la producción de obras de performance arte utilizando la realidad aumentada (AR). Recientemente se ha formado como diseñadora grafica (Adobe CCS) en Nueva York, y ahora se está formando como desarrollador Front-end (HTML, CSS, JS) con Adalab en Madrid.
</p>
</div><!--termino padding-->
</div>
<div id="biokeylin" class="bios">
<div class="padding-bio">
<div class="keylin">
<img class="carnet"src="images/keylin.jpg" alt="foto de Diana">
<div class="title-bio">
<h3 class="membername">Keylin Estanga</h3>
<div class="redes">
<a target="_blank" href="https://www.linkedin.com/in/keylin-estanga-5a4522127/"><img class="iconred" src="iconos/linkedin.png" alt="logo linkedin"></a>
<a target="_blank" href="https://github.com/keyestanga"><img class="iconred" src="iconos/github.png" alt="logo github"></a>
<a target="_blank" href="https://twitter.com/AdaLab_Digital?lang=es"><img class="iconred" src="iconos/twitter.png" alt="logo twitter"></a>
</div>
</div>
</div>
<p class="pabout">
Venezolana, amante del diseño y de la creación de cosas nuevas y funcionales; me gusta leer, dibujar y pintar, me encanta la música . Renaciendo en Madrid, descubriendo y aprendiendo a conocer esta tierra, que me ha abierto las puertas a nuevas y buenas oportunidades. Como ahora lo hace Adalab junto a Fundación Telefónica, con este gran proyecto que nos “Reinventa” como Programadoras Web, insertándonos en el mundo digital.
</p>
</div> <!--termino padding-->
</div>
<div id="biosara" class="bios line-bio">
<div class="padding-bio">
<div class="sara">
<img class="carnet"src="images/sara.jpg" alt="foto de Diana">
<div class="title-bio">
<h3 class="membername">Sara Damián</h3>
<div class="redes">
<a target="_blank" href="https://www.linkedin.com/in/sara-damián-san-emeterio-a69b1875"><img class="iconred" src="iconos/linkedin.png" alt="logo linkedin"></a>
<a target="_blank" href="https://github.com/saraboven"><img class="iconred" src="iconos/github.png" alt="logo github"></a>
<a target="_blank" href="https://twitter.com/Sasi_boven"><img class="iconred" src="iconos/twitter.png" alt="logo twitter"></a>
</div>
</div>
</div>
<p class="pabout">
Sara es española, licenciada en economía y cursando su segunda carrera en psicología, ha trabajado en diferentes campos tanto dentro como fuera del mundo financiero, mientras vivía en diferentes países.<br>
Después de darse cuenta de que quería un cambio drástico en camino profesional, está apostando fuerte por la programación, bajo un curso intensivo como programadora de front-end gracias al proyecto Adalab y Fundación Telefónica.
</p>
</div> <!--termino padding-->
</div>
<div id="biomarta" class="bios">
<div class="padding-bio">
<div class="marta">
<img class="carnet" src="images/marta.jpg" alt="foto de Diana">
<div class="title-bio">
<h3 class="membername">Marta Bermejo</h3>
<div class="redes">
<a target="_blank" href="https://www.linkedin.com/in/marta-bermejo-lorenzo-10988a53/"><img class="iconred" src="iconos/linkedin.png" alt="logo linkedin"></a>
<a target="_blank" href="https://github.com/martabl"><img class="iconred" src="iconos/github.png" alt="logo github"></a>
<a target="_blank" href="https://twitter.com/mberlo2"><img class="iconred" src="iconos/twitter.png" alt="logo twitter"></a>
</div>
</div>
</div>
<p class="pabout">
Ingeniera técnica de Obras Públicas, cultivada en múltiples trabajos no relacionados con dicha formación y con muchas ganas de comerme el mundo, así que gracias al proyecto de Adalab-Fundación Telefónica me reinvento como desarrolladora web en el campo del Front-end.<br>
Algunas de las aficiones que comparto con la programación son las rutas en bici y unas buenas cañas con los amigos.
</p>
</div> <!--termino padding-->
</div>
<div id="bioaida" class="bios line-bio">
<div class="padding-bio">
<div class="aida">
<img class="carnet"src="images/aida.jpg" alt="foto de Diana">
<div class="title-bio">
<h3 class="membername">Aida Fernández</h3>
<div class="redes">
<a target="_blank" href="https://www.linkedin.com/in/aida-fern%C3%A1ndez-385a943b/"><img class="iconred" src="iconos/linkedin.png" alt="logo linkedin"></a>
<a target="_blank" href="https://github.com/aidafer"><img class="iconred" src="iconos/github.png" alt="logo github"></a>
<a target="_blank" href="https://twitter.com/aida_adalaber?lang=es"><img class="iconred" src="iconos/twitter.png" alt="logo twitter"></a>
</div>
</div>
</div>
<p class="pabout">
Soy diseñadora gráfica y me encanta crear, aunque tanto mis estudios como mi trayectoria profesional han estado enfocados a la imagen corporativa y publicidad para empresas (flyers, cartelería, logotipos, regalos personalizados...).
<br> Desde hace unos años me he interesado por la parte web y gracias al proyecto Adalab y Fundación Telefónica, tengo la oportunidad de reinventarme como programadora front-end.
</p>
</div> <!--termino padding-->
</div>
</div>
<div id="contact" class="blank">
</div>
<footer>
<div class="estamos">
<p class="direction">
Dónde estamos<br>
Calle Martín de Vargas #40, 28005 Madrid<br>
Telf.: 911 38 68 98<br>
</p>
<div class="map">
<iframe src="https://www.google.com/maps/embed?pb=!1m18!1m12!1m3!1d3038.329711158465!2d-3.7009962000000143!3d40.40154609999998!2m3!1f0!2f0!3f0!3m2!1i1024!2i768!4f13.1!3m3!1m2!1s0xd4226328d5880cd%3A0x1b515d165c092e8c!2sLa+Terminal!5e0!3m2!1ses!2ses!4v1492799123846" width="200" height="200" frameborder="0" style="border:0" allowfullscreen>
</iframe>
</div>
</div>
<div class="reserv">
<div class="iconosfooter">
<a target="_blank" href="https://www.linkedin.com/company/adalab"><img class="iconfoot" src="iconos/linkedin.png" alt="logo linkedin"></a>
<a target="_blank" href="https://github.com/Adalab"><img class="iconfoot" src="iconos/github.png" alt="logo github"></a>
<a target="_blank" href="https://twitter.com/AdaLab_Digital?lang=es"><img class="iconfoot" src="iconos/twitter.png" alt="logo twitter"></a>
</div>
<div class="derechos">
<p>
Derechos Reservados | <strong>2017 Take off Team</strong> ©
</p>
</div>
</div>
</footer>
</body>
</html>