-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
191 lines (158 loc) · 9.26 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
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>SMARTTECH</title>
<link href="https://fonts.googleapis.com/css?family=Roboto:100" rel="stylesheet">
<link href="https://fonts.googleapis.com/css?family=Roboto" rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="icon" type="image/png" href="img/LOGO_SMARTTECH_2.png">
</head>
<body>
<div class="nav-index">
<ul class="nav">
<li class="padding"><a href="#equipo">Equipo</a></li>
<li class="padding"><a href="#fortalezas">Fortalezas y debilidades</a></li>
<li class="padding"><a href="#bios">Bios</a></li>
<li class="padding"><a href="#roles">Roles</a></li>
</ul>
</div>
<div class="container yellow header">
<div class="logo">
<img src="img/logo.gif" alt="logo">
</div>
</div>
<a name="equipo"></a>
<div class="container equipo">
<div class="imagen-equipo">
<img class="foto-terminal" src="img/fondo_grupo.jpg" alt="foto chicas">
</div>
<div class="texto-equipo">
<div class="descripcion">
<p>En SmartTech somos un equipo de mujeres jóvenes con mucho entusiasmo y dispuestas a aprender para llegar a ser unas grandes programadoras y convertirnos en un referente femenino en un sector todavía dominado por hombres.</p>
<p>Para ello contamos con la ayuda de Adalab, la cual nos ha facilitado la formación y el espacio de trabajo que necesitabamos.</p>
</div>
</div>
</div>
<a name="fortalezas"></a>
<div class="yellow container center">
<h1>Convertimos nuestras...</h1>
<div class="convertimos">
<div class="column">
<img class="icons" src="img/dislike.png" alt="mano con el pulgar hacia abajo">
<h2>Debilidades</h2>
<ul>
<li>Desconocimiento del sector</li>
<li>Alta competencia</li>
<li>Falta de experiencia</li>
</ul>
</div>
<div class="column">
<img class="flecha" src="img/flecha.gif" alt="flecha ">
</div>
<div class="column">
<img class="icons" src="img/like.png" alt="mano con el pulgar hacia arriba">
<h2>Fortalezas</h2>
<ul>
<li>Mente abierta al código</li>
<li>Buen ambiente en el trabajo en equipo</li>
<li>Mucha motivación</li>
</ul>
</div>
</div>
</div>
<a name="bios"></a>
<div class="container columnswrapper center">
<div class="column1-5">
<img src="img/perfil_escandia.png" class="bio">
<h3 class="name">Escandia <br>Camargo</h3>
<h4 class="roletitle">Responsable de Comunicación</h4>
<p class="biotext">Mexico, 1994. Conocí AdaLab porque descubrí que quería reinventarme como programadora, conocer gente interesante y descubrir lo buena que soy para algo que me encanta.
</p>
<a href="https://www.linkedin.com/in/atzin-escandia-camargo/" target="_blank"><img src="img/twitter.png" class="social-icons" alt=""></a>
<a href="https://twitter.com/EscandiaCamargo?lang=es" target="_blank"><img src="img/linkedin.png" class="social-icons" alt=""></a>
<a href="https://github.com/Escandia" target="_blank"><img src="img/github.png" class="social-icons" alt=""></a>
</div>
<div class="column1-5">
<img src="img/perfil_marina.png" class="bio">
<h3 class="name">Marina <br>Camblor</h3>
<h4 class="roletitle">Responsable de Eventos</h4>
<p class="biotext">Madrid, 1991. Llegué a Adalab por las ganas de aprender algo nuevo y formarme en el lenguaje de la programación.
</p>
<a href="https://twitter.com/CamblorMarina" target="_blank"><img src="img/twitter.png" class="social-icons" alt=""></a>
<a href="https://www.linkedin.com/in/marinacamblorvidal/" target="_blank"><img src="img/linkedin.png" class="social-icons" alt=""></a>
<a href="https://github.com/mcvcamblor" target="_blank"><img src="img/github.png" class="social-icons" alt=""></a>
</div>
<div class="column1-5">
<img src="img/perfil_leila.png" class="bio">
<h3 class="name">Leila <br>Castillo</h3>
<h4 class="roletitle">Responsable de Aprendizaje</h4>
<p class="biotext">Gata pepinera, 1992. He llegado a Adalabab porque nací de nalgas y tengo suerte “de oca a oca y tiro porque me toca”. ¡Muerte a las páginas feas!
</p>
<a href="https://twitter.com/lilit_ks?lang=es" target="_blank"><img src="img/twitter.png" class="social-icons" alt=""></a>
<a href="https://www.linkedin.com/in/leila-castillo-nieto/" target="_blank"><img src="img/linkedin.png" class="social-icons" alt=""></a>
<a href="https://github.com/lilitks" target="_blank"><img src="img/github.png" class="social-icons" alt=""></a>
</div>
<div class="column1-5">
<img src="img/perfil_susana.png" class="bio">
<h3 class="name">Susana <br>Lozano</h3>
<h4 class="roletitle">Responsable de Trabajo en Equipo</h4>
<p class="biotext">Madrid, 1979. Conocí Adalab buscando información sobre programación de paginas web ya que quería cambiar de profesión.
</p>
<a href="https://twitter.com/susanalozanoadr?lang=e" target="_blank"><img src="img/twitter.png" class="social-icons" alt=""></a>
<a href="https://www.linkedin.com/in/susana-lozano-adrio-145650141/" target="_blank"><img src="img/linkedin.png" class="social-icons" alt=""></a>
<a href="https://github.com/susanalozanoadrio" target="_blank"><img src="img/github.png" class="social-icons" alt=""></a>
</div>
<div class="column1-5">
<img src="img/perfil_eva.png" class="bio">
<h3 class="name">Eva <br>Millán</h3>
<h4 class="roletitle">Responsable de Planificación</h4>
<p class="biotext">Madrid, 1986. Aunque tenía una pequeña base de programación autodidacta, llegué a Adalab con la idea de convertirme en una profesional del desarrollo front-end.
</p>
<a href="https://twitter.com/iamevamillan?lang=es" target="_blank"><img src="img/twitter.png" class="social-icons" alt=""></a>
<a href="https://www.linkedin.com/in/eva-mill%C3%A1n-38369151/" target="_blank"><img src="img/linkedin.png" class="social-icons" alt=""></a>
<a href="https://github.com/evamillan" target="_blank"><img src="img/github.png" class="social-icons" alt=""></a>
</div>
</div>
<a name="roles"></a>
<div class="container yellow center roles">
<div class="columnswrapper">
<div class="rol-size column1-5">
<div class="icono1box iconobox"></div>
<h3 class="rol">Responsable Comunicación</h3>
<p>Responsable de comunicar los logros grupales con la organización, el equipo y en redes sociales.</p>
</div>
<div class="rol-size column1-5">
<div class="icono2box iconobox"></div>
<h3 class="rol">Responsable Eventos</h3>
<p>Encargada de elaboración, asistencia y comunicación de calendarios de eventos.
</p>
</div>
<div class="rol-size column1-5">
<div class="icono3box iconobox"></div>
<h3 class="rol">Responsable Aprendizaje</h3>
<p>Se asegura de que todos los miembros de equipo alcancen lo objetivos individuales en el sprint y promueve la ayuda en equipo.</p>
</div>
<div class="rol-size column1-5">
<div class="icono4box iconobox"></div>
<h3 class="rol">Responsable Equipo</h3>
<p>Reponsable del trabajo equitativo en equipo y de cumplir los objetivos grupales marcados en el sprint.</p>
</div>
<div class="rol-size column1-5">
<div class="icono5box iconobox"></div>
<h3 class="rol">Responsable Planificación</h3>
<p>Utiliza Trello como herramienta para definir responsables, tareas, tiempos y modificaciones si fueran necesarias.</p>
</div>
</div>
</div>
<div class="footer">
<h4><a class="adalab-hover" href="http://adalab.es/" target="_blank">Adalab</a></h4>
<p class="p-footer"><a class="adalab-hover" target="_blank" href="https://www.google.es/maps/place/La+Terminal/@40.4015502,-3.7031849,17z/data=!3m1!4b1!4m5!3m4!1s0xd4226328d5880cd:0x1b515d165c092e8c!8m2!3d40.4015461!4d-3.7009962?hl=en">Coworking la Terminal en C/Martín de Vargas, nº40, 28005, Madrid</a></p>
<ul>
<li class="li-footer"><a href="https://twitter.com/AdaLab_Digital" target="_blank">Twitter</a></li>
<li class="li-footer"><a href="https://www.facebook.com/AdaLabDigital/" target="_blank">Facebook</a></li>
<li class="li-footer"><a href="https://www.linkedin.com/company/adalab" target="_blank">Linkedin</a></li>
</ul>
</div>
</body>
</html>