/
index.html
159 lines (131 loc) · 7.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
158
159
<!DOCTYPE html>
<html lang="es" dir="ltr">
<head>
<meta charset="utf-8">
<title>Inprogress</title>
<link href="https://fonts.googleapis.com/css?family=Open+Sans:400,600|Rubik:500" rel="stylesheet">
<link rel="stylesheet" href="https://use.fontawesome.com/releases/v5.0.13/css/all.css" integrity="sha384-DNOHZ68U8hZfKXOrtjWvjxusGo9WQnrNx2sqG0tfsghAvtVlRW3tvkXWZh58N9jp" crossorigin="anonymous">
<link rel="stylesheet" href="css/main.css">
<meta name="viewport" content="width=device-width, initial-scale=1">
</head>
<body>
<!-- HERO SECTION -->
<header class="header">
<div class="box-header">
<div class="title">
<a class="title-link" href="index.html"><h1>Inprogress</h1></a>
</div>
<nav>
<ul class="nav-menu">
<li class="nav-element"><a href="#equipo" class="nav-link">Equipo</a></li>
<li class="nav-element"><a href="#quienes-somos" class="nav-link">Quienes somos</a></li>
<li class="nav-element"><a href="contacto.html" class="nav-link">Contacto</a></li>
</ul>
</nav>
</div>
</header>
<main class="container">
<div class="imagen-principal">
<div class="container-claim-box">
<div class="claim-box">
<p class="claim">"Programar es como tener super poderes" Karlie Kloss</p>
</div>
</div>
</div>
<!-- FIRST MAIN -->
<div id="equipo" class="ancla-equipo"></div>
<section class="contenedor">
<div class="wrapper">
<div class="contenedor-equipo">
<h2 class="verde espacio">EQUIPO</h2>
<p class="parrafo-1">Somos la Generación Dorcas del programa Adalab. Estamos ávidas de aprendizaje y cada una con nuestros conocimientos anteriores y los que aprendemos día a día en nuestra formación front-end, vamos a formar parte de la comunidad tecnológica y contribuir que este espacio sea más igualitario en cuanto al género.</p>
<p class="parrafo-2">Esto solo es el comienzo, porque cuando terminemos nuestra formación, queremos seguir formándonos en una empresa dónde podamos ampliar nuestros conocimientos y practicar los conseguidos.</p>
</div>
</div>
<div class="triangulo">
</div>
<div class="fortalezas-y-debilidades">
<div class="wrapper2">
<div class="contenedor-fortalezas">
<h3 class="verde" class="subtitulo">Fortalezas</h3>
<p class="parrafo">Somos unas futuras programadoras muy versátiles y con las ideas claras respecto a nuestro futuro. No podemos olvidar nuestras experiencias profesionales en diversos ámbitos, que más que ser un lastre, nos sirven como herramientas adquiridas con las que podemos ensamblar nuestros futuros proyectos conformando un perfil nuevo y único en el sector informático.</p>
</div>
<div class="contenedor-debilidades">
<h3 class="verde">Debilidades</h3>
<p class="parrafo">Aún no aprendemos con la misma rapidez y eficiencia programación que nuestros futuros compañeros de empresa; pero al final de esta maratón, conseguiremos que nuestras debilidades se tornen en llaves para abrirnos las nuevas puertas que se nos presentan.</p>
</div>
</div>
</div>
</section>
</main>
<!-- SECOND MAIN -->
<div id="quienes-somos" class="ancla-quienes-somos"></div>
<section class="quienes-somos">
<h3 class="titulo">Quiénes Somos</h3>
<div class="bio-contenedor">
<img class="bio-foto izquierda" src="images/foto-alex.png" alt="Alexandra Moltó Grau">
<div class="bio-contenido derecha">
<h4>Alexandra Moltó Grau</h4>
<p class="bio">Mi nombre es Alexandra, antigua educadora canina, camarera a ratos (más de los que me gustaría) y proyecto de desarrolladora web. Entre mis hobbies destacan imaginar nuevas, futuras (y lucrativas) empresas, la serigrafía casera, y el diseño.</p>
<ul class="redes-sociales">
<li class="link"><a href="https://twitter.com/sinsit1" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li class="link"><a href="" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
<li class="link"><a href="mailto:alexandra8989@gmail.com"><i class="fas fa-envelope"></i></a></li>
</ul>
</div>
<img class="bio-foto derecha" src="images/foto-bismilah.png" alt="Bismilah Langford Fuejo">
<div class="bio-contenido izquierda">
<h4>Bismilah Langford Fuejo</h4>
<p class="bio">Tras interesarme por los idiomas y la traducción, decidí dar un giro y encaminarme al mundo de la programación. Me atrae el carácter modular de las tecnologías front-end y su combinacióncon el diseño. Soy detallista, empática y disfruto aprendiendo.</p>
<ul class="redes-sociales">
<li class="link">
<a href="https://twitter.com/bonibo_parker" target="_blank">
<i class="fab fa-twitter"></i></a></li>
<li class="link"><a href="" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
<li class="link"><a href="mailto:bismilah.lf@gmail.com"><i class="fas fa-envelope"></i></a></li>
</ul>
</div>
<img class="bio-foto izquierda" src="images/foto-cristina.png" alt=" Cristina Pérez Leiro">
<div class="bio-contenido derecha">
<h4>Cristina Pérez Leiro</h4>
<p class="bio">Soy Cristina, antigua artesana e historiadora y futura programadora front-end. A pesar de venir de un mundo diametralmente opuesto, espero con mis experiencias poder contribuir de forma personal en el mundo de la programación. Me gusta trabajar en equipo y aprender conocimientos nuevos que me supongan un reto.</p>
<ul class="redes-sociales">
<li class="link"><a href="" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li class="link"><a href="" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
<li class="link"><a href="mailto:acpleiro@gmail.com"><i class="fas fa-envelope"></i></a></li>
</ul>
</div>
<img class="bio-foto derecha" src="images/foto-marivi2.jpg" alt="Mariví Rubio Hijosa">
<div class="bio-contenido izquierda">
<h4>Mariví Rubio Hijosa</h4>
<p class="bio">Después de dar muchas vueltas en la vida me encontré haciendo un curso de diseño web. Me gustó tanto que busqué algún curso similar que me permitiera seguir formándome para convertirme en una profesional. Así es como llegué a Adalab.</p>
<ul class="redes-sociales">
<li class="link"><a href="https://twitter.com/mariviru" target="_blank"><i class="fab fa-twitter"></i></a></li>
<li class="link"><a href="" target="_blank"><i class="fab fa-linkedin-in"></i></a></li>
<li class="link"><a href="mailto:marivirh82@gmail.com"><i class="fas fa-envelope"></i></a></li>
</ul>
</div>
</div>
</section>
<div class="raya">
</div>
<!-- FOOTER -->
<footer class="footer">
<div class="enmedio">
<span>In-progress© 2018</span>
</div>
<nav class="navigator">
<ul class="nav-footer">
<li class="link-nav-footer"><a class="footer-link" href="#equipo">Equipo</a></li>
<li class="link-nav-footer"><a class="footer-link" href="#quienes-somos">Quiénes somos</a></li>
<li class="link-nav-footer"><a class="footer-link" href="contacto.html">Contacto</a></li>
</ul>
</nav>
<div class="imagen-footer">
<a href="#">
<img src="images/icono-adalab.png" alt="Adalab" >
</a>
</div>
</footer>
</body>
</html>