-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
328 lines (325 loc) · 17 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
<!DOCTYPE HTML>
<html>
<head>
<!-- Global site tag (gtag.js) - Google Analytics -->
<script async src="https://www.googletagmanager.com/gtag/js?id=UA-90393340-1"></script>
<script>
window.dataLayer = window.dataLayer || [];
function gtag(){dataLayer.push(arguments);}
gtag('js', new Date());
gtag('config', 'UA-90393340-1');
</script>
<meta charset="utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0">
<link rel="stylesheet" type="text/css" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/8.0.1/normalize.min.css">
<link href="https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,200;0,300;0,400;1,200;1,300;1,400&display=swap" rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Quattrocento:wght@400;700&display=swap" rel="stylesheet">
<title>Learnability by Women Techmakers</title>
<link rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<header>
<div class="nav-container">
<nav role="navigation">
<div id="menuToggle" class="nav-wrapper">
<input type="checkbox" />
<span></span>
<span></span>
<span></span>
<ul id="menu" class="nav-items">
<li>
<a href="#" >
<img class="wtm-logo" src="images/logo-completo-wtm.png">
</a>
</li>
<li><a href="index.html">Home</a></li>
<li><a href="interviews.html">Entrevistas</a></li>
<li><a href="blog.html">Blog</a></li>
<li><a href="https://wtm-valencia.webflow.io/wtm19" target="blank">Edición WTM19</a>
</li>
<li><a href="us.html">Nosotras</a></li>
</ul>
</div>
</nav>
</div>
<section>
<div class="hero-container">
<article class="hero">
<div class="circle big-green"></div>
<div class="circle small-green"></div>
<div class="circle big-big-green"></div>
<div class="logo"></div>
<div class="circle big-big-blue"></div>
<div class="circle small-blue"></div>
<div class="circle medium-green"></div>
<div class="circle medium-blue"></div>
</article>
</div>
</section>
</header>
<div class="main-container">
<main>
<section class="statement">
<article>
<h2>COMUNICADO</h2>
<p>La crisis sanitaria por el COVID-19 ha provocado la cancelación del evento presencial.</p>
<p>Tras meses de trabajar con mucha ilusión, seguimos contagiando nuestra pasión por la tecnología y dando visibilidad a más mujeres, esta vez con un nuevo formato.</p>
</article>
<article class="podcast">
<h3 class="subscription-title">Suscríbete a nuestros canales: </h3>
<div class="rss">
<a href="https://open.spotify.com/show/4wX0uxnaEduSRq46wO6JuA?si=m2Xvo_OdR-OsxzgSPplzgQ" target="_blank">
<div class="platform spotify"></div>
</a>
<a href="https://www.ivoox.com/podcast-learnability-by-wtm-vlc_sq_f11085040_1.html" target="_blank">
<div class="platform ivoox"></div>
</a>
<a href="https://www.youtube.com/channel/UC4LHXMfr6hKlq30r_UX07bw" target="_blank">
<div class="platform youtube"></div>
</a>
</div>
</article>
</section>
<section>
<div class="full-container values">
<div class="title">
<h1>Entrevistas</h1>
</div>
<div class="line-up-container cards">
<article class="card value-item">
<h3 class="item-title">Inspiración</h3>
<div class="item-underline"></div>
<div class="item-description">
<p>Queremos saber sobre experiencias y trayectorias contadas de primera mano.</p>
<p>Learnability para inspirar con fuerza</p>
</div>
</article>
<article class="card value-item">
<h3 class="item-title">Aprendizaje</h3>
<div class="item-underline"></div>
<div class="item-description">
<p>¿En qué consiste el proceso? ¿Qué impulsa el aprendizaje?</p>
<p>Cómo tomar las riendas de tu trayectoria profesional.</p>
</div>
</article>
<article class="card value-item">
<h3 class="item-title">Experiencias</h3>
<div class="item-underline"></div>
<div class="item-description">
<p>Lo tienen más o menos claro y aprenden de sus fracasos y sus logros.</p>
<p>Mujeres autodidactas, cada una a su manera. </p>
</div>
</article>
</div>
</div>
</section>
<section>
<div class="slider full-container featured">
<div class="slides women-container">
<article class="slide span-container women" id="angelica">
<div class="intro">
<div class="intro-container">
<div class="intro-box">
<h1>Learnability with</h1>
<h2>Angélica Bellver</h2>
<p>Decidida aprendedora y emprendedora</p>
</div>
<div class="portrait-container">
<div class="portrait angelica-img"></div>
</div>
</div>
</div>
<div class="video">
<div class="embed">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/kEskAkuMK7E" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="bio">
<p>Angélica es Ingeniera en Geomática y Topografía y experta en fotogrametría con drones. Sobre todo, una mujer referente por su motivación, decisión y coraje. Para ella lo más importante tener un objetivo y nunca dejar de intentarlo. Combina la formación reglada con el autoaprendizaje y su labor en la startup tecnológica <a href="https://www.idstopografia.com/" target="_blank">IDS Topografía</a> de la que es fundadora. Participa en programas de emprendimiento, de voluntariado y le acaban de dar el Premio Emprendimiento de EAE Business School. </p>
</div>
<div class="quote">
<div class="quote-container">
<div class="quote-text">
<img src="images/[email protected]" class="legendary angelica-ref"></img>
<p><em>"Si tienes que elegir entre lo fácil y lo difícil, recuerda siempre que lo difícil, por lo general, es más divertido". </em><br><a href="https://es.wikipedia.org/wiki/Samantha_Cristoforetti" target="_blank">Samantha Cristoforetti.</a></br></p>
</div>
</div>
</div>
</article>
<article class="slide span-container women" id="carmen">
<div class="intro">
<div class="intro-container">
<div class="intro-box">
<h1>Learnability with</h1>
<h2>Carmen Bartolomé</h2>
<p>Autodidacta y formadora en tecnología</p>
</div>
<div class="portrait-container">
<div class="portrait carmen-img"></div>
</div>
</div>
</div>
<div class="video">
<div class="embed">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/JEy6h4JOAYs" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="bio">
<p>Carmen es Ingeniera Aeronáutica de formación y un referente de cómo disfrutar y aprender. Con esfuerzo, creatividad y profesionalidad la formación y el aprendizaje se han convertido en su medio de vida. </p>
<p>Valiente y con los pies en la tierra, suele dedicar su tiempo a preparar cómo se van a impartir los conocimientos o cómo la gente trabaja mejor para aprender tecnologías como BigData, IA, Robótica o computación cuántica con su empresa <a href="https://www.wimbarobotica.com/" target="_blank">Wimba Robótica</a> y otras entidades con las que colabora. </p>
</div>
<div class="quote">
<div class="quote-container">
<img src="images/margaret-hamilton.png" class="legendary carmen-ref"></img>
<p><em>"El fin de enseñar a programar, es que los niños aprendan a pensar. Cómo aprender de tus errores y cómo transformarlos en resultados positivos son cosas que se desarrollan aprendiendo a programar". </em><br><a href="https://es.wikipedia.org/wiki/Margaret_Hamilton_(cient%C3%ADfica)" target="_blank">Margaret Hamilton.</a></br></p>
</div>
</div>
</article>
<article class="slide span-container women" id="neus">
<div class="intro">
<div class="intro-container">
<div class="intro-box">
<h1>Learnability with</h1>
<h2>Neus portas</h2>
<p>Inconformista y aprendedora</p>
</div>
<div class="portrait-container">
<div class="portrait neus-img"></div>
</div>
</div>
</div>
<div class="video">
<div class="embed">
<iframe width="100%" height="100%" src="https://www.youtube.com/embed/XKlKUMh6NJw" frameborder="0" allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture" allowfullscreen></iframe>
</div>
</div>
<div class="bio">
<p>Neus pone su energía y conocimientos en crear nuevas metodologías que motiven el aprendizaje rápido y eficaz, para desarrollar <em>learnability</em> o habilidad de aprender.</p>
<p>Desde <a href="https://learnabilityhub.com/" target="_blank">Learnability Hub</a>, nos invita a tomar las riendas de nuestro aprendizaje y nos alienta a aprender a desaprender, aplicar el pensamiento creativo y crítico, liderazgo y curiosidad.</p>
</div>
<div class="quote">
<div class="quote-container">
<div class="quote-text">
<img src="images/marie-curie.png" class="legendary neus-ref"></img>
<p><em>"No se puede esperar un mundo mejor sin mejorar al individuo. Soy de las personas que cree que la ciencia tiene gran belleza".</em><br><a href="https://es.wikipedia.org/wiki/Marie_Curie" target="_blank">Marie Curie.</a></br></p>
</div>
</div>
</div>
</article>
</div>
<div class="slider-btn">
<a class="" href="#angelica"></a>
<a class="" href="#carmen"></a>
<a class="" href="#neus"> </a>
</div>
</div>
</section>
<section>
<div class="full-container summit">
<div class="summit-container">
<article class="span-container">
<h1 class="summit-title">Women Techmakers es una iniciativa de Google</h1>
<div class="summit-img-container">
<div class="summit-img"></div>
</div>
<div class="description">
<p>En los úlimos años, se han celebrado más de 300 eventos mundiales en 52 países con el objetivo de visibilidad a la mujer en tecnología, crear comunidad y ofrecer recursos a las mujeres en el ámbito tecnológico, en honor al Día Internacional de la Mujer.</p>
<a href="#" class="button">Edición 2019</a>
</div>
</article>
</div>
</div>
</section>
<section>
<div class="news-container">
<h1 class="title">Noticias & Prensa</h1>
<div class="line-up-container news">
<article class="card news-item">
<div class="cover first"></div>
<div class="post">
<p class="media">Valencia plaza</p>
<a href="https://valenciaplaza.com/women-techmakers-valencia-dedica-su-tercera-edicion-al-papel-transformador-de-la-mujer-y-la-tecnologia-en-el-trabajo" target="_blank" class="news-item-title">
<h4 class="article">Women Techmakers Valencia dedica su tercera edición al papel transformador de la mujer y la tecnología en el trabajo</h4>
</a>
<p class="date">21 de febrero de 2019</p>
</div>
</article>
<article class="card news-item">
<div class="cover second"></div>
<div class="post">
<p class="media">El referente</p>
<a href="https://www.elreferente.es/innovadores/women-techmakers-google-segunda-edicion--32496" target="_blank" class="news-item-title">
<h4 class="article">Women Techmakers de Google impulsa el papel d ela mujer en la tecnología en su seguda edición</h4>
</a>
<p class="date">19 de abril de 2018</p>
</div>
</article>
<article class="card news-item">
<div class="cover third"></div>
<div class="post">
<p class="media">Valencia plaza</p>
<a href="https://valenciaplaza.com/300-asistentes-participan-en-women-techmakers-valencia" target="_blank" class="news-item-title">
<h4 class="article">Más de 60 niños y niñas de 4 a 11 años aprendieron a programar con los talleres dedicados a los más peques</h4>
</a>
<p class="date">20 de diciembre 2019</p>
</div>
</article>
</div>
</div>
</section>
<footer>
<div class="full-container">
<div class="line-up-container footer-container">
<article class="about">
<div class="sm-logo"></div>
<p>Exploradoras tecnológicas con ganas de compartir nuestra visión del mundo: <br><span class="">More women in technology</span></p>
<p></p>
</article>
<article class="organizers">
<h4>WTM Valencia</h4>
<ul>
<li><a href="us.html">Nosotras</a></li>
<li><a href="https://wtm-valencia.webflow.io/" target="_blank">WTM 2020</a></li>
<li><a href="https://wtm-valencia.webflow.io/wtm19" target="_blank">WTM 2019</a></li>
<li><a href="https://docs.google.com/document/d/1Us0gBbzsB_MklTHY-ZTzRpxecqyCVByKuLeEOExpJnI/edit" target="_blank">WTM 2017</a></li>
<li><p class="email">[email protected]</p></li>
</ul>
</article>
<article class="follow">
<h4>Síguenos</h4>
<ul>
<li>
<a href="https://twitter.com/WtmValencia" target="_blank">Twitter</a>
</li>
<li>
<a href="https://www.instagram.com/wtm_valencia/" target="_blank">Instagram</a>
</li>
<li>
<a href="https://www.facebook.com/WtmValencia" target="_blank">Facebook</a>
</li>
<li>
<a href="https://www.youtube.com/channel/UC4LHXMfr6hKlq30r_UX07bw" target="_blank">Youtube</a>
</li>
<li>
<a href="https://www.meetup.com/es-ES/GDGValencia/" target="_blank">Meetup</a>
</li>
<li>
</ul>
</article>
</div>
</div>
<div class="disclaimer">
<div class="d-logos">
<a href="index.html"><div class="wtm-icon"></div></a>
<a href="https://devfest.gdgvalencia.es/" target="_blank">
<div class="gdg-footer"></div>
</a>
</div>
<p class="made-by">Web diseñada por Mercedes Egido</p>
</div>
</footer>
</main>
</div>
</body>
</html>