-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
245 lines (208 loc) · 10.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<!--fuentes-->
<link rel="stylesheet" href="https://fonts.googleapis.com/css?family=Rubik">
<link rel="stylesheet" href="./CSS/main.css">
<link rel="stylesheet" href="./CSS/reset.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link
href="https://fonts.googleapis.com/css2?family=Open+Sans:ital,wght@0,600;1,400&family=Rubik:wght@500&display=swap"
rel="stylesheet" />
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Rubik:wght@500&display=swap" rel="stylesheet">
<!--Rubik medium: se indica font-family: "Rubik", sans-serif;-->
<link rel="stylesheet" href="styles.css">
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<!--Open Sans regular: se indica font-family: 'Open Sans', sans-serif;-->
<script src="https://kit.fontawesome.com/a22a8f4330.js" crossorigin="anonymous"></script>
<!--Open Sans semibold: se indice font-family: 'Open Sans', sans-serif;
-->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Open+Sans:wght@600&display=swap" rel="stylesheet">
<title>404</title>
</head>
<body>
<div class="hero">
<div class="fixed">
<header class="head">
<h1>404</h1>
</header>
<nav class="navigation1">
<li class="equipo"><a href="#team-area">EQUIPO</a></li>
<li class="quienessomos"><a href="#team-about">QUIENES SOMOS</a></li>
<li class="contacto"><a href="contact.html"></a>CONTACTO</a></li>
</nav>
</div>
</div>
<div class="boxslogan">
<p class="slogan"></p> Esta no es la página que buscabas...pero sí tu equipo</p>
</div>
<main>
<div class="ContainerEquipo">
<h2 class="SubtitleEquipo header-height" id="team-area">EQUIPO</h2>
<p class="HomeParagraph">En 404, formamos una gran sinergia, combinando las diferentes trayectorias profesionales de cada una con la programación, aportando una visión de negocio y diseño única.
</p> <br>
<p class="HomeParagraph">Una correcta presencia en la web es el deseo de todas las marcas. Si necesitas hacer tu tienda online, crear o actualizar tu sitio web, somos tu equipo.</p>
<p class="HomeParagraph">404 está formado por un equipo de programadoras especializadas en programación Front End. Desarrollamos proyectos variados, desde tu landing page ideal, el sitio web de tu nueva marca. hasta el desarrollo front de tu nueva aplicación.</p>
<p class="HomeParagraph">
<strong>Tecnologías</strong>
La tecnología avanza a pasos agigantados y en 404 vamos a la misma velocidad. Es por eso que nuestro equipo se mantiene actualizado con las últimas tecnologías, lenguajes y tendencias en dispositivos. Garantizando su funcionalidad y una buena experiencia de usuario.
</p>
<p class="HomeParagraph">
<strong>Cumplimos expectativas</strong>
404 realiza sus desarrollos siguiendo la metodología Scrum, lo que garantiza una organización óptima para el avance y desarrollo de proyectos en tiempo y forma con un seguimiento periódico para garantizar que todas la expectativas que tengas de tu proyecto, se cumplan.
</p>
<p >
<strong>Desarrollo personalizado.</strong>
En un mundo de plantillas, rompe el molde. En 404 creemos en ser únicos y mostrar quienes somos, por eso todos nuestros desarrollos son personalizados en función a tus necesidades.
</p>
</div>
</div>
<div class="ContainerFortDeb">
<div class="caja"></div>
<section class="Fortalezas">
<div class="FortDebTitleStyle">
<h3>Fortalezas</h3>
</div>
<div class="HomeParagraph">
<p> 404 está formado por un equipo de mujeres valientes, tanto para cambiar el rumbo de sus vidas como para
encarar el código.
Nuestra multiculturalidad y antecedentes profesionales variados nos hace resolutivas y creativas a la hora
de enfrentar cualquier reto lo que se traduce en un desarrollo web creativo, prolijo y sin límites.
</p>
</div>
</section>
<section class="Debilidades">
<div class="FortDebTitleStyle DebilidadesStyle">
<h3>Debilidades</h3>
</div>
<div class="HomeParagraph">
<p>Somos nuevas en el mercado por lo que nuestro portafolio no es el más amplio, pero nuestras ganas si lo
son.
Afrontamos nuestra debilidad con un espíritu emprendedor, para que el día de mañana 404 no sea un error de
visualización sino la respuesta a una web optimizada y de vanguardia.</p>
</div>
</section>
</div>
</section>
<section class="ContainerAboutUs">
<span class="Text-Style-6 aboutUsTitle header-height" id="team-about">QUIÉNES SOMOS</span>
<!-- Beatriz -->
<div class="TeamMember">
<div class="PhotoBox">
<img class="aboutUsPhoto" src="./IMG/Fotos individuales/Foto Bea.png" />
</div>
<div class="MemberDetails">
<h2 class="Text-Style-4">Beatriz Mendoza</h2>
<p class="HomeParagraph aboutUsDescription">De sangre y corazón granaino, adoptada en Madrid. Amante del rock,
de las motos y el deporte. Ilustradora a ratos. Me adentré al mundo de la programación, después de tener una
trayectoria profesional enfocada en el marketing social, y cada día que pasa me aposiona más.
</p>
<div class="aboutUsLinks">
<a href="https://twitter.com/bitrirock" target="_blank"><i class="fab fa-twitter"></i></a>
<span>·</span>
<a href="https://www.linkedin.com/in/beatriz-mendoza-huertas-0a1a0b108/" target="_blank">
<i class="fab fa-linkedin-in"></i></a>
<span>·</span>
<a href="https://github.com/mhbeatriz" target="_blank"><i class="fab fa-github-alt"></i></a>
<span>·</span>
<a href="mailto:beatrizmendozahuertas@gmail.com" target="_blank"><i class="fas fa-envelope"></i></a>
</div>
</div>
</div>
<!-- Maribel -->
<div class="TeamMember order2">
<div class="PhotoBox">
<img class="aboutUsPhoto" src="./IMG/Fotos individuales/Foto Mari.png" alt="Maribel" />
</div>
<div class="MemberDetails order2">
<h2 class="Text-Style-4">Maribel Torres</h2>
<p class="HomeParagraph aboutUsDescription">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam
rem consectetur laborum harum libero qui voluptatem sapiente
repudiandae iusto, aperiam totam explicabo ex itaque excepturi.
Quibusdam nisi harum est natus?</p>
<div class="aboutUsLinks">
<a href="https://twitter.com/maribeltm" target="_blank"><i class="fab fa-twitter"></i></a>
<span>·</span>
<a href="https://www.linkedin.com/in/maribel-torres-0a0a12209/" target="_blank"><i
class="fab fa-linkedin-in"></i></a>
<span>·</span>
<a href="https://github.com/tor3m" target="_blank"><i class="fab fa-github-alt"></i></a>
<span>·</span>
<a href="mailto:torres.m3lly@gmail.com" target="_blank"><i class="fas fa-envelope"></i></a>
</div>
</div>
</div>
<!-- Silvia -->
<div class="TeamMember">
<div class="PhotoBox">
<img class="aboutUsPhoto" src="./IMG/Fotos individuales/Foto Sil.png" alt="Silvia" />
</div>
<div class="MemberDetails">
<h2 class="Text-Style-4">Silvia España Gil</h2>
<p class="HomeParagraph aboutUsDescription">
De nacimiento venezolana, de sangre española y de corazón gallego, mi vida adulta se dividió entre el calor
Bonaerense y la magia Ourensana. Mi amor por los videojuegos desde niña me ha convertido en una friki de lo
digital, Una crisis de los 30 me hizo replantearme mi futuro profesional lo que me llevó a dejar a un lado
mi experiencia en Marketing para dedicarme al apasionante mundo de la programación.
</p>
<div class="aboutUsLinks">
<a href="www.twitter.com/fischesil" target="_blank"><i class="fab fa-twitter"></i></a>
<span>·</span>
<a href="https://www.linkedin.com/in/silviaespanagil/" target="_blank"><i
class="fab fa-linkedin-in"></i></a>
<span>·</span>
<a href="https://github.com/silviaespanagil" target="_blank"><i class="fab fa-github-alt"></i></a>
<span>·</span>
<a href="mailto:silviaespanagil@gmail.com" target="_blank"><i class="fas fa-envelope"></i></a>
</div>
</div>
</div>
<!-- Yosi -->
<div class="TeamMember order2">
<div class="PhotoBox">
<img class="aboutUsPhoto" src="./IMG/Fotos individuales/Foto Yosi.png" alt="Yosiris" />
</div>
<div class="MemberDetails order2">
<h2 class="Text-Style-4">Yosiris Mariñez</h2>
<p class="HomeParagraph aboutUsDescription">
Lorem ipsum dolor sit amet consectetur adipisicing elit. Laboriosam
rem consectetur laborum harum libero qui voluptatem sapiente
repudiandae iusto, aperiam totam explicabo ex itaque excepturi.
Quibusdam nisi harum est natus?
</p>
<div class="aboutUsLinks">
<a href="https://twitter.com/yosiris0510" target="_blank"><i class="fab fa-twitter"></i></a>
<span>·</span>
<a href="https://es.linkedin.com/in/yosiris-mari%C3%B1ez-cabrera-b4766a182" target="_blank"><i
class="fab fa-linkedin-in"></i></a>
<span>·</span>
<a href="https://github.com/yosiris-m" target="_blank"><i class="fab fa-github-alt"></i></a>
<span>·</span>
<a href="mailto:yosiris0510@gmail.com" target="_blank"><i class="fas fa-envelope"></i></a>
</div>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="copy"><small>404 © 2021</small></div>
<div class="navigation2">
<ul class="menu-footer">
<li class="equipo"><a href="#team-area">EQUIPO</a></li>
<li class="quienessomos"><a href="#team-about">QUIENES SOMOS</a></li>
<li class="contacto"><a href="contact.html"></a>CONTACTO</a></li>
</ul>
</div>
<img src="./IMG/logo-adalab.png" alt="Adalab" class="logo-footer">
</div>
</div>
</footer>
</body>
</html>