-
Notifications
You must be signed in to change notification settings - Fork 0
/
nosotros.html
243 lines (221 loc) · 10.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
<!DOCTYPE html>
<html lang="es-AR">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link href="https://cdn.jsdelivr.net/npm/[email protected]/dist/css/bootstrap.min.css" rel="stylesheet"
integrity="sha384-9ndCyUaIbzAi2FUVXJi0CjmCapSmO7SnpJef0486qhLnuZ2cdeRhO02iuK6FUUVM" crossorigin="anonymous">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="css/style-nosotros.css">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/[email protected]/font/bootstrap-icons.css">
<title>Chauvin | Arquitectura Sustentable</title>
<link rel="icon" sizes="208x208" href="icons/final.ico">
</head>
<body>
<header>
<nav class="navbar navbar-expand-lg bg-light fixed-top" id="navbar">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse"
data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav">
<li class="nav-item">
<a class="nav-link" href="index.html" id="navbar-logo">Chauvin Arquitectura
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="nosotros.html">N<div class="landing-hover">osotros
</div></a>
</li>
<li class="nav-item">
<a class="nav-link" href="projects.html">P<div class="landing-hover">royectos
</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="servicios.html">S<div class="landing-hover">ervicios</div>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="contact-us.html">C<div class="landing-hover">ontacto
</div>
</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<section class="nosotros-section">
<div class="titulo-nosotros-contenedora">
<div class="titulo-nosotros">
<div class="titulo-nosotros-span-hidden">
<div class="titulo-nosotros-span-translate" id="div-translate">
<h1 class="titulo-nosotros-span-rotate" id="div-rotate">Nosotros</h1>
</div>
</div>
</div>
</div>
<div class="nosotros-content">
<div class="nosotros-content-one" id="nosotros-texto1">
<div class="nosotros-content-one-movement">
<h3 class="nosotros-content-one-title">Filosofia</h3><br>
La arquitectura sustentable es el auge en construcción. Busca una relación de armonía
entre
las nuevas
tecnologías, la estética y el entorno natural.
Entre opciones de sistema constructivo en seco, se encuentra el Steel framing (metal) u
Balón frem
(madera). Construir con cualquiera de ellos tiene un menor impacto ambiental, ya que se
trata de una
obra limpia, en las que no hay vestigios de residuos orgánicos ni inorgánicos.
En comparación con la construcción húmeda o tradicional, se reduce de manera
significativa
tiempo y
mano de obra, el desperdicio de materiales, el consumo de agua y energía, este último
punto,
tanto al
momento de la construcción como en el día a día de viviendas, instituciones, locales
comerciales o
ampliaciones.
</div>
</div>
</div>
<div class="nosotros-section-two">
<div class="daniel-content">
<div id="nosotros-daniel-foto">
<img class="imagen2" id="imagen2" src="img/Nosotros/nosotros1.jpg" alt="">
</div>
<div>
<div class="nosotros-content-two-daniel" id="nosotros-daniel">
<div class="nosotros-daniel-translate">
<h3 class="nosotros-content-one-title miembros">miembros</h3>
<div>
<h4>Daniel Giardino</h4>
Lider de proyecto y constructor independiente. Dedicado a la ejecución, mantiene
estrecha colaboración con el
equipo, permitiendo asuman tareas adaptadas a los deseos y necesidades
específicas de cada cliente. <br>
</div>
<div>
<h4>Oscar Romero</h4>
Arquitecto matriculado, oriundo de la ciudad de Mar del Plata.
<br>
<br>
<h6>+40 integrantes</h6>
</div>
</div>
</div>
</div>
</div>
<div class="nosotros-content-valores" id="nosotros-content-valores">
<div>
<h3 class="nosotros-content-one-title">VALORES</h3><p>Chauvin Arquitectura se especializa en el
diseño
de casas, interiorismo, decoración y exteriores. Con
sede en CABA, construimos tanto en conurbano como en ciudades costeras, dando forma a
espacios desde 1990. Diseñamos con visión de eco-friendly, sostenible y preparada para satisfacer
necesidades futuras.</p>
<p>Nuestros clientes están en el corazón de todo lo que hacemos. Creemos que priorizar sus
necesidades, adaptando nuestros servicios hacia preferencias y aspiraciones personalizadas,
asegura que cada cliente se sienta valorado y apoyado a lo largo de la ejecución.</p>
<p>Reflejamos las identidades de marca de nuestros clientes.
Nos motiva la pasión por el diseño y el proceso creativo. Nuestros arquitectos y diseñadores de
interiores adoptan la creatividad y la innovación como las fuerzas impulsoras detrás de nuestros
diseños.</p>
Apreciamos tu proyecto/ idea, <a class="footer-link" href="contact-us.html">contáctanos</a>
</div>
</div>
</div>
<!--
<div class="row">
<div class="nosotros-services col-md-6">
<h4>Servicios</h4>
Nuestro proceso se basa en los siguientes pasos: <br>
-Diseño y planificación: croquis, boceto, planos, y digitalizacion 3D. <br>
-Ejecucion: <br>
-Exterior: <br>
-Interior y decoración:
</div>
<div class="nosotros-services col-md-6">
<h3>FAQ:</h3>
-<span class="bold">Precio:</span> Metodo de pago y financiacion a convenir segun capital inicial y/o limite de
inversion del cliente. Contamos con obras al mejor precio del mercado. <br>
-<span class="bold">Rapidez:</span>: Entregamos llave en un plazo record de 45/90 dias.
</div>
</div>
-->
</section>
<!--
<div class="servicios">
<div class="servicio" id="servicio1">
<div class="servicio-header traslacion-izq-der">
<i></i>
<h3>Titulo</h3>
</div>
<p class="servicio-texto traslacion-izq-der">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Incidunt autem
ducimus
porro atque explicabo architecto!</p>
</div>
<div class="servicio" id="servicio2">
<div class="servicio-header dos">
<i></i>
<h3>Titulo</h3>
</div>
<p class="servicio-texto dos">Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt autem
ducimus
porro atque explicabo architecto!</p>
</div>
<div class="servicio" id="servicio3">
<div class="servicio-header traslacion-izq-der">
<i></i>
<h3>Titulo</h3>
</div>
<p class="servicio-texto traslacion-izq-der">Lorem ipsum dolor sit amet consectetur adipisicing elit.
Incidunt autem
ducimus
porro atque explicabo architecto!</p>
</div>
<div class="servicio" id="servicio4">
<div class="servicio-header izq">
<i></i>
<h3>Titulo</h3>
</div>
<p class="servicio-texto izq">Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt autem
ducimus
porro atque explicabo architecto!</p>
</div>
<div class="servicio" id="servicio5">
<div class="servicio-header izq-lento">
<i></i>
<h3>Titulo</h3>
</div>
<p class="servicio-texto izq-lento">Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt
autem ducimus
porro atque explicabo architecto!</p>
</div>
<div class="servicio" id="servicio6">
<div class="servicio-header izq">
<i></i>
<h3>Titulo</h3>
</div>
<p class="servicio-texto izq">Lorem ipsum dolor sit amet consectetur adipisicing elit. Incidunt autem
ducimus
porro atque explicabo architecto!</p>
</div>
<div class="nosotros-imagen-contenedora">
<img src="img/background.png" alt="">
</div>
</div>
-->
<script src="js/nosotros.js"></script>
<script src="js/navbar.js"></script>
<script src="https://cdn.jsdelivr.net/npm/[email protected]/dist/js/bootstrap.bundle.min.js"
integrity="sha384-geWF76RCwLtnZ8qwWowPQNguL3RmwHVBC9FhGdlKrxdiJJigb/j/68SIy3Te4Bkz"
crossorigin="anonymous"></script>
</body>
</html>