-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathnosotros.html
456 lines (448 loc) · 17.9 KB
/
nosotros.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
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
<!DOCTYPE html>
<html lang="en">
<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>Nosotros</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<link
href="https://fonts.googleapis.com/css?family=Lato:300,400,700|Open+Sans:300,400,700,700i|PT+Sans"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://use.fontawesome.com/releases/v5.7.2/css/all.css"
integrity="sha384-fnmOCqbTlWIlj8LyTjo7mOUStjsKC4pOpQbqyi7RrhN7udi9RwhKkMHpvLbHG9Sr"
crossorigin="anonymous"
/>
<link rel="stylesheet" href="css/style.css" />
<link
rel="shortcut icon"
type="image/jpg"
href="images/logo/Espinosa_Arquitectura_Isotipo_A_2-01.png"
/>
</head>
<body>
<div class="wrapper">
<div class="content-wrapper">
<div class="content-header">
<div class="navbar-logo">
<img
src="images/logo/Espinosa_Arquitectura_Logotipo_A2_H-01.png"
id="navbar-logo-img"
style="filter: brightness(0) invert(1);"
/>
</div>
<h1>ESPINOSA ARQUITECTURA</h1>
</div>
<div class="content-center">
<div class="content-menu" id="content-menu">
<div
id="content-close"
class="contact-close"
style="transform: rotate(0); top: -4%; z-index: 80;"
onclick="toggleContent()"
>
<i class="fas fa-bars" style="font-size: 0.5em;"></i>
</div>
<a class="content-menu-item" href="index.html">INICIO</a>
<a class="content-menu-option">SERVICIOS</a>
<div class="content-services">
<a class="content-menu-option">VISUALIZAR</a>
<a class="content-menu-option">DISEÑAR</a>
<a class="content-menu-option">CONSTRUIR</a>
</div>
<a class="content-menu-option">NOSOTROS</a>
<div class="content-aboutus">
<a class="content-menu-option">OBJETIVO</a>
<a class="content-menu-item">EQUIPO</a>
<div class="content-team">
<a class="content-menu-option">ESPINOSA, H.</a>
<a class="content-menu-option">ESPINOSA, O.</a>
</div>
</div>
<a
class="content-menu-item"
id="nav-contact"
onclick="openContact()"
>CONTACTO</a
>
</div>
<div class="content-display">
<img
src="images/logo/Espinosa_Arquitectura_Logotipo_A-01.png"
alt="Espinosa Arquitectura Logo"
style="filter: brightness(0) invert(1) opacity(5%);"
/>
<div class="content-slide content-slide-text content-slide-active">
<h1>Imaginamos, Diseñamos, Creamos.</h1>
<p>
Nos involucramos en las diferentes etapas del proyecto
arquitectónico para dar soluciones en diseño, planeación,
gerencia y construcción de proyectos.
</p>
</div>
<div class="content-slide content-slide-page">
<div class="services-visual">
<div class="visual-info">
<h1>visualización arquitectonica</h1>
<p>
Desarrollo y producción de imágenes digitales fotorrealistas
para el sector inmobiliario, Estaticas y 360°, Elaboracion
de maquetas 3D, Montajes y postproducción de imágenes,
Dirección y composición de animación digital.
</p>
</div>
<div
class="visual-img services-img"
style="
background-image: url(images/services/unloaded/services_13.jpg);
grid-area: vis1;
"
></div>
<div
class="visual-img services-img"
style="
background-image: url(images/services/unloaded/services_15.jpg);
grid-area: vis2;
"
></div>
<div
class="visual-img services-img"
style="
background-image: url(images/services/unloaded/services_14.jpg);
grid-area: vis3;
"
></div>
</div>
</div>
<div class="content-slide content-slide-page">
<div class="services-architecture">
<div
class="architecture-img services-img"
style="
background-image: url(images/services/unloaded/services_00.jpg);
grid-area: arc1;
"
></div>
<div
class="architecture-img services-img"
style="
background-image: url(images/services/unloaded/services_07.jpg);
grid-area: arc2;
"
></div>
<div class="architecture-info">
<h1>diseño y planificación</h1>
<p>
Anteproyecto Arquitectonico, Planos Arquitectónicos, Planos
Ejecutivos, Planos de instalaciones, Tablas cuantitativas de
materiales y costos. Diseño a traves de sistema BIM.
</p>
</div>
<div
class="architecture-img services-img"
style="
background-image: url(images/services/unloaded/services_01.jpg);
grid-area: arc3;
"
></div>
</div>
</div>
<div class="content-slide content-slide-page">
<div class="services-construction">
<div
class="construction-img services-img"
style="
background-image: url(images/services/unloaded/services_02.jpg);
grid-area: con1;
"
></div>
<div
class="construction-img services-img"
style="
background-image: url(images/services/unloaded/services_10.jpg);
grid-area: con2;
"
></div>
<div
class="construction-img services-img"
style="
background-image: url(images/services/unloaded/services_11.jpg);
grid-area: con3;
"
></div>
<div class="construction-info">
<h1>construcción y mantenimiento</h1>
<p>
Construcción residencial, Construcción industrial,
Albañilería general, Mantenimiento industrial, Instalaciones
hidráulicas, Instalaciones eléctricas, Calculo estructural,
HVAC, Construcción en acero, Montaje de naves y bodégas,
Soldadura y Paileria, Canceleria
</p>
</div>
<div
class="construction-img services-img"
style="
background-image: url(images/services/unloaded/services_12.jpg);
grid-area: con4;
"
></div>
</div>
</div>
<div class="content-slide content-slide-text">
<h1>Nosotros</h1>
<p>
Espinosa Arquitectura es una empresa de ingeniería,
arquitectura, construcción y mantenimiento. que combina las
diferentes disciplinas para ofrecer a sus clientes
construcciones de cálidad.
</p>
</div>
<div class="content-slide content-slide-text">
<h1>Objetivo</h1>
<p>
Nuestro objetivo es ofrecer a nuestros clientes una total
satisfacción al momento de construir, excediendo sus
expectativas y creando un valor agregado a su inversión.
<br /><br />
Esto lo logramos brindando soluciones integrales, desarrollando
desde ante-proyecto, proyecto ejecutivo, ingenierías,
construcción y seguimiento post-construcción.
</p>
</div>
<div class="content-slide content-slide-profile">
<div class="profile-details">
<div class="profile-person">
<div
class="profile-img"
style="
background-image: url(images/placeholder/profile_placeholder.png);
"
></div>
<div class="profile-information">
<h1>Héctor Espinosa</h1>
<p>Ingeniero Civil</p>
</div>
</div>
<div class="profile-about">
<h1>Carrera</h1>
<p>
Hector Espinosa estudió Ingeniería Civil en la Universidad
Autónoma de Nuevo León, actualmente reside en Hidalgo,
México. Especialista en la gestión y control de obra,
encargado de supervisar los procesos constructivos y la
correcta administración de la obra. Ha desarrollado
proyectos de diversas magnitudes, con amplio conocimiento en
el sector residencial, pasando por proyectos comerciales,
hasta el sector industrial.
</p>
<h1>¿Qué te motivó a ser Ingeniero Civil?</h1>
<p>
Decidí ser Ingeniero Civil porque me apasiona la ingeniería
y resolución de problemas y ayudar a las personas a
progresar y elevar su calidad de vida construyendo su
patrimonio familiar.
</p>
</div>
<div class="profile-phone profile-social">
<i class="fab fa-whatsapp"></i>
<p>0180808080</p>
</div>
<!--<div class="profile-fb profile-social">
<i class="fab fa-facebook-square"></i>
<p>facebook.com/usuario</p>
</div>-->
<div class="profile-linkedin profile-social">
<i class="fab fa-linkedin"></i>
<p>linkedin.com/usuario</p>
</div>
</div>
</div>
<div class="content-slide content-slide-profile">
<div class="profile-details">
<div class="profile-person">
<div
class="profile-img"
style="
background-image: url(images/placeholder/profile_placeholder.png);
"
></div>
<div class="profile-information">
<h1>Orlando Espinosa</h1>
<p>Arquitecto</p>
</div>
</div>
<div class="profile-about">
<h1>Carrera</h1>
<p>
Orlando es un Arquitecto residente en Monterrey, México. Se
especializa en el diseño y la representación de proyectos
arquitectónicos. En sus diseños siempre busca una armonía en
los espacios, el uso del color y sus contrastes así como un
balance con la naturaleza. Apasionado por la arquitectura
minimalista de carácter sobria y de materiales sinceros. Lo
caracteriza la preocupación por los pequeños detalles y la
resolución de problemas en el diseño.
</p>
<h1>¿Cómo afrontas los retos?</h1>
<p>
Cada nuevo proyecto es un reto porque cada proyecto es
único, el diseño se trata de darle solución a esos retos, se
parte de un análisis completo de las necesidades para luego
crear un modelo que resuelva esas necesidades, y eso es lo
que me gusta de la profesión, poder crear soluciones
funcionales y estéticas a los retos que nos proponen en cada
nuevo proyecto.
</p>
</div>
<!--<a href="https://api.whatsapp.com/send?phone=15551234567">Send Message</!--<a>-->
<div class="profile-phone profile-social">
<i class="fab fa-whatsapp"></i>
<p>8182724092</p>
</div>
<!--<a class="profile-fb profile-social">
<i class="fab fa-facebook-square"></i>
<p>facebook.com/usuario</p>
</a>-->
<a
href="https://www.linkedin.com/in/orlando-espinosa-garc%C3%ADa-b86746146/"
target="_blank"
class="profile-linkedin profile-social"
>
<i class="fab fa-linkedin"></i>
<p>orlando espinosa garcía</p>
</a>
<a
href="https://www.behance.net/arqorlandoespinosa"
target="_blank"
class="profile-behance profile-social"
>
<i class="fab fa-behance-square"></i>
<p>arqorlandoespinosa</p>
</a>
<a
href="https://www.instagram.com/orlando.espinosa.arq"
target="_blank"
class="profile-instagram profile-social"
style="margin-bottom: 2%;"
>
<i class="fab fa-instagram"></i>
<p>espinosa-arquitectura</p>
</a>
</div>
</div>
</div>
</div>
</div>
<footer class="new-footer">
<div class="new-footer-content">
<div class="new-footer-widget new-footer-logo">
<img
src="images/logo/Espinosa_Arquitectura_Logotipo_A2_H-01.png"
alt="footer logo"
style="filter: brightness(0) invert(1);"
/>
</div>
<div class="new-footer-widget new-footer-aboutus">
<h1>MAS ACERCA DE NOSOTROS</h1>
<p>
Nuestra empresa la conforman los hermanos Espinosa especialistas
en el diseño y ejecución de proyectos arquitectónicos, actualmente
atendemos en el área de Monterrey y Cd. México.
</p>
</div>
<div class="new-footer-widget new-footer-contact">
<h1>CONTACT US</h1>
<div>
<i class="fas fa-phone"></i>
<p>(52) 1 55 1302 1187</p>
</div>
<div>
<i class="fas fa-phone"></i>
<p>(52) 81 8272 4092</p>
</div>
<div>
<i class="fas fa-envelope"></i>
<p>contacto@espinosa-arquitectura.com</p>
</div>
</div>
<div class="new-footer-widget new-footer-social">
<h1>FOLLOW US</h1>
<div>
<i class="fab fa-facebook-square footer-icon"></i>
<p>espinosa arquitectura</p>
</div>
<div>
<i class="fab fa-linkedin footer-icon"></i>
<p>@espinosa-arquitectura</p>
</div>
<div>
<i class="fab fa-instagram footer-icon"></i>
<p>espinosa-arquitectura</p>
</div>
</div>
</div>
</footer>
<div id="contact-container" class="contact-container-hidden">
<div id="contact-content">
<div class="contact-close" onclick="closeContact()">+</div>
<h1>CONTACTANOS</h1>
<p>envíenos un correo</p>
<form
action="php/test.php?page=nosotros.html"
method="post"
class="contact-form"
>
<p>nombre</p>
<input
type="text"
name="name"
id="contact-name"
class="contact-input form-input"
placeholder="Escriba su nombre"
/>
<p>correo electrónico</p>
<input
type="email"
name="email"
id="contact-email"
class="contact-input form-input"
placeholder="Escriba su correo"
/>
<p>asunto</p>
<input
type="text"
name="subject"
id="contact-subject"
class="contact-input form-input"
placeholder="Escriba el asunto de su mensaje"
/>
<p>mensaje</p>
<textarea
name="message"
id="contact-message"
class="form-input"
placeholder="Redacte su mensaje"
></textarea>
<div class="contact-send">
<input
type="submit"
name="submit"
value="Enviar"
id="contact-submit"
class="contact-submit contact-submit-hidden"
/>
</div>
</form>
</div>
</div>
</div>
<!--<script src="js/navbar.js"></script>-->
<script src="js/mobile.js"></script>
<script src="js/contact.js"></script>
<script src="js/content.js"></script>
</body>
</html>