forked from Adalab/project-c-s1-lamarr-de-salas
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
157 lines (157 loc) · 6.56 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
<!DOCTYPE html>
<html lang="es">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Lamarr de Salás</title>
<link rel="stylesheet" type="text/css" href="css/index.css">
<link href="https://fonts.googleapis.com/css?family=Catamaran" rel="stylesheet">
</head>
<body>
<header>
<div class="menu-principal">
<div class="menu-rayas">
<ul class="rayas">
<li><img class="minirayas" src="images/botonrayas.png" alt="Menú">
<ul class="lista-rayas">
<li><a href="miembros.html">Equipo</a></li>
<li> <a href="index.html#encomun"> En común </a></li>
<li><a href="index.html#FD">Fortalezas y debilidades</a></li>
</ul>
</li>
</ul>
</div>
<ul class="primera-lista">
<li> <a href="miembros.html">Equipo</a>
<ul class="menu-equipo">
<li> <a href="miembros.html#aida"> Aida </a></li>
<li> <a href="miembros.html#celia"> Celia </a></li>
<li> <a href="miembros.html#gabi"> Gabi </a></li>
<li> <a href="miembros.html#gala"> Gala </a></li>
<li> <a href="miembros.html#maria"> María </a></li>
</ul>
</li>
<li> <a href="index.html#encomun"> En común </a></li>
<li><a href="index.html#FD">Fortalezas y debilidades</a></li>
</ul>
<a href="index.html"> <img class="minilogo" src="images/minilogo.jpg" alt="mini-logo-grupo"></a>
</div>
<div class="cabecera-full">
<img class="logo-cabecera" src="images/LogoDefinitivo.jpg" alt="logo-equipo"/>
</div>
</header>
<main>
<p class="introduccion">Queremos presentaros al equipo Lamarr de Salás.<br>
Somos un grupo de mujeres que gracias a Adalab nos estamos convirtiendo en programadoras Front-end.
Juntas hemos realizado esta, nuestra primera página web. Para ello, cada una ha desempeñado un rol dentro del equipo que ha facilitado el desarrollo del proyecto y, además, nos hemos ayudado tanto de metodologías ágiles como del control de versiones para mejorar la sincronización y coordinación de los distintos trabajos que hemos tenido que realizar.<br>
Nuestro nombre es un juego de palabras que ha querido hacer un guiño a <a href="https://es.wikipedia.org/wiki/Hedy_Lamarr"><strong> Hedy Lamarr</strong></a>, una mujer valiente, libre e inteligente.
</p>
<section class="photos-section">
<ul class="person">
<li class="per-flex">
<div class="photo">
<a href="miembros.html#aida" class="full_image">
<img src="images/genio.jpg" alt="Foto Aida" class="small-pic">
</a>
</div>
<div class="resumen">
<h2>Aida</h2>
<p>
Psicóloga, y exprimidora de experiencias enriquecedoras, reconvertida en programadora Front-End.
</p>
</div>
</li>
<li class="per-flex">
<div class="photo">
<a href="miembros.html#gabi" class="full_image">
<img src="images/gabi-lego.jpg" alt="Foto Gabi" class="small-pic">
</a>
</div>
<div class="resumen">
<h2>Gabi</h2>
<p>
Refrescando sus conocimientos sobre Programación para lanzarse de nuevo al mundo.
</p>
</div>
</li>
<li class="per-flex">
<div class="photo">
<a href="miembros.html#gala" class="full_image">
<img src="images/Gala-lego.jpg" alt="Foto Gala" class="small-pic">
</a>
</div>
<div class="resumen">
<h2>Gala</h2>
<p>
Ingeniera civil y ecologista, con ganas de reciclar..., más bien de reciclarse y convertirse en desarrolladora web.
</p>
</div>
</li>
<li class="per-flex">
<div class="photo">
<a href="miembros.html#celia" class="full_image">
<img src="images/medusa.jpg" alt="Foto Celia" class="small-pic">
</a>
</div>
<div class="resumen">
<h2>Celia</h2>
<p>
Licenciada en Comunicación Audiovisual ha pasado por la Publicidad y la Enseñanza hasta llegar al mundo de la Programación.
</p>
</div>
</li>
<li class="per-flex">
<div class="photo">
<a href="miembros.html#maria" class="full_image">
<img src="images/lego4.jpg" alt="Foto María" class="small-pic">
</a>
</div>
<div class="resumen">
<h2>María</h2>
<p>
La Ingeniería en Telecomunicaciones y el trabajo en entornos multiculturales han forjado a esta nueva profesional del Desarrollo Web.
</p>
</div>
</li>
</ul>
</section>
<section class="section-2">
<div id="encomun" class="idencomun"></div>
<h1 class="title-2">¿Qué tenemos en común?</h1>
<hr class="line-section-2">
<p class="paragraph-2">Entendiendo esa inquietud y las ganas de aprender que tenemos, es mucho más fácil de entender por qué estamos aquí todas, en Adalab, compartiendo un mismo objetivo, que es absorber nuevos conocimientos, evolucionar y llegar a ser grandes profesionales de la programación web.</p>
</section>
<section class="section-2">
<div id="FD" class="idFD"></div>
<h1 class="title-2">¿Cómo somos como equipo?</h1>
<hr class="line-section-2">
<p class="paragraph-2">En un equipo siempre existen fortalezas y debilidades, que vienen determinadas por el factor humano. Consideramos que en nuestro caso son las siguientes:</p>
<h3 class="section-2-subtitle">Fortalezas</h3>
<ul class="section-2-list">
<li>Todas tenemos mucha motivación y ganas de aprender y hemos puesto todo nuestro esfuerzo en asimilar contenidos.</li>
<li>El tener un equipo formado por personas con formación y experiencia profesional variada, aporta enriquecimiento en la visión y en el diseño.</li>
<li>Nuestra manera de ser ha permitido crear un ambiente en el que apoyarnos unas a otras y hacer equipo.</li>
</ul>
<h3 class="section-2-subtitle">Debilidades</h3> <!--He añadido esta otra clase para los títulos secuntarios de la sección-->
<ul class="section-2-list">
<li>Al estar aún en formación, nuestros conocimientos son más limitados y nos ha costado más ir dando el formato que queríamos.</li>
<li>Del mismo modo, el hecho de estar asistiendo al curso de Adalab de forma presencial, a la vez que desarrollamos este proyecto, ha supuesto dedicar el tiempo a éste de forma limitada.</li>
</ul>
</section>
</main>
<footer>
<div class="footer">
<ul class="list-footer">
<li><a href="index.html">Lamarr de Salas © 2017</a></li>
<li><a href="contact.html">Contacto</a></li>
</ul>
<a class=link-footer href="http://www.adalab.es" target="_blank">
<img class="logo-adalab" src="images/logoAdalab.png" alt="adalab">
</a>
</div>
<div class="line-footer">
</div>
</footer>
</body>
</html>