-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathabout-us.php
More file actions
408 lines (397 loc) · 23.8 KB
/
Copy pathabout-us.php
File metadata and controls
408 lines (397 loc) · 23.8 KB
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
<!DOCTYPE html>
<html>
<head>
<?php
define('meta', TRUE);
include 'inc/head.php';
?>
<title>About us | ZONA</title>
</head>
<body>
<?php
define('nav', TRUE);
include 'inc/nav.php';
?>
<section class="page_title">
<div class="wrapper">
<div class="row">
<div class="col-12">
<h2>About us</h2>
<hr/>
<p>Welcome to <b>ZONA</b>, where innovation and creativity meet. As a leading architectural firm, we have been shaping the skylines of tomorrow since our inception in 2008. Our team of talented architects and designers is committed to delivering exceptional results that exceed our clients' expectations. With a focus on sustainability and cutting-edge design, we are dedicated to creating spaces that are not only beautiful but also functional and environmentally friendly.</p>
<p>Learn more about our story, our team, and our values below.</p>
</div>
</div>
<div class="row">
<div class="col-6">
<div class="page_title-image">
<img src="./images/team_1.jpg" class="hide-image" />
</div>
</div>
<div class="col-6">
<div class="page_title-image">
<img src="./images/team_2.jpg" class="hide-image" style="transition-delay: 0.4s;" />
</div>
</div>
</div>
</div>
</section>
<section class="experties">
<div class="wrapper">
<div class="row">
<div class="col-12">
<h6><img src="./assets/sub-icon.svg" />WHAT WE DO</h6>
</div>
<div class="col-12">
<h3>Our Experties</h3>
</div>
</div>
<div class="row" style="--bs-gutter-x:4rem">
<div class="col-6">
<div class="experties-image">
<img src="./images/experties_1.jpg" />
</div>
</div>
<div class="col-6 d-flex align-items-center">
<div class="accordion">
<div class="accordion-item">
<div class="accordion-link" style="padding-top:0">
<h5>Interior Design</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>We understand that the interior of a building is just as important as its exterior. Our team of experienced interior designers specializes in creating functional and aesthetically pleasing spaces that reflect our clients' unique needs and preferences. From conceptualization to execution, we work closely with our clients to ensure that every detail is tailored to their vision. Whether it's a residential, commercial, or institutional project, we bring creativity, innovation, and attention to detail to every interior design project we undertake.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-link">
<h5>Architecture</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>Architecture is not just about creating buildings - it's about shaping experiences and transforming spaces. Our team of talented architects combines creativity, innovation, and technical expertise to design buildings that are both functional and aesthetically pleasing. From concept to completion, we work closely with our clients to bring their vision to life, creating spaces that inspire and delight. Whether it's a residential, commercial, or institutional project, we approach every design with the same level of dedication and passion, ensuring that each building is a true reflection of our client's needs and aspirations.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-link">
<h5>Landscape Design</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>We believe that the exterior of a building is just as important as its interior. Our landscape designers are passionate about creating outdoor spaces that are both beautiful and functional. From lush gardens and serene courtyards to dynamic public spaces and sustainable landscapes, our team brings creativity, innovation, and expertise to every project. Whether it's a residential garden, a commercial development, or a public park, we work closely with our clients to design outdoor environments that enhance the overall experience and harmony of a project.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-link">
<h5>Exterior Design</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>We understand that the exterior of a building is the first thing people see and sets the tone for the entire project. Our team of experienced architects and designers specializes in creating visually stunning and functional exteriors that capture the essence of the project. From modern and minimalist to traditional and ornate, our designs are tailored to meet the unique needs and preferences of our clients. Whether it's a residential, commercial, or institutional project, we bring creativity, innovation, and attention to detail to every exterior design project we undertake.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-link">
<h5>Consultation</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>Our experienced team of architects, designers, and project managers work closely with clients to understand their unique needs, objectives, and constraints. We offer expert advice on a wide range of topics, including project feasibility, budgeting, regulatory compliance, sustainability, and more. Whether you're looking for guidance on a new project or seeking support for an ongoing one, our consultation services are designed to help you make informed decisions and achieve your goals.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-link">
<h5>Design & Planning</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>The key to a successful project lies in thoughtful and strategic design and planning. Our experienced team works closely with clients to develop creative and innovative solutions that are tailored to their unique needs and objectives. From initial concept development to detailed planning and execution, we offer a comprehensive range of design and planning services, including architectural design, interior design, master planning, urban design, and landscape design. Whether it's a small-scale renovation or a large-scale development, we bring creativity, expertise, and attention to detail to every project.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-link">
<h5>Sustainability & Green Design</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>Sustainability is at the core of our design philosophy at [Company Name]. Our team of architects, designers, and engineers are committed to creating environmentally friendly and energy-efficient buildings and spaces. We incorporate sustainable design principles into every project, from energy-efficient building materials to passive design strategies. Our goal is to create buildings that not only meet the needs of our clients but also contribute positively to the environment and the communities in which they are located.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-link">
<h5>Accessibility & Universal Design</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>Good design should be accessible to everyone and that's why we incorporate universal design principles into every project, from barrier-free entrances and accessible restrooms to tactile signage and wayfinding systems. Our goal is to create spaces that are not only beautiful and functional but also welcoming and inclusive for everyone.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="members">
<div class="wrapper">
<div class="row">
<div class="col-12">
<h6><img src="./assets/sub-icon.svg" />MEMBERS</h6>
</div>
<div class="col-12">
<h3>Meet Our Team</h3>
</div>
</div>
<div class="row" style="--bs-gutter-x:4rem">
<div class="col-6">
<div class="swiper membersSwiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="members_image">
<img src="./images/member_1.jpg" />
</div>
<p class="fw-500">Alexander Stone</p>
<span>Founder</span>
</div>
<div class="swiper-slide">
<div class="members_image">
<img src="./images/member_2.jpg" />
</div>
<p class="fw-500">Sophia Martinez</p>
<span>Project Manager</span>
</div>
<div class="swiper-slide">
<div class="members_image">
<img src="./images/member_3.jpg" />
</div>
<p class="fw-500">Emily Clarke</p>
<span>Interior Architecture</span>
</div>
<div class="swiper-slide">
<div class="members_image">
<img src="./images/member_4.jpg" />
</div>
<p class="fw-500">Lucas Carter</p>
<span>Urban Planner</span>
</div>
<div class="swiper-slide">
<div class="members_image">
<img src="./images/member_5.jpg" />
</div>
<p class="fw-500">Olivia Stewart</p>
<span>Landscape Architect</span>
</div>
</div>
<div class="swiper-button-prev">
<img src="./assets/arrow-left.svg" />
</div>
<div class="swiper-button-next">
<img src="./assets/arrow-right.svg" />
</div>
</div>
</div>
<div class="col-6 d-flex flex-column justify-content-center" style="margin-top:-65px">
<h2 class="fw-400">United by passion, our team is dedicated to shaping spaces that inspire and enrich lives.</h2>
<p>Our team is our greatest asset. Comprised of talented architects, designers, engineers, and support staff, we are united by a shared passion for design excellence and a commitment to exceeding client expectations.</p>
<div class="quote">
<p>Alexander Stone</p>
<span>CEO & Founder</span>
</div>
</div>
</div>
</div>
</section>
<section class="sectors">
<div class="wrapper">
<div class="row">
<div class="col-12">
<h6><img src="./assets/sub-icon.svg" />SPHERES</h6>
</div>
<div class="col-12">
<h3>Our Sectors</h3>
</div>
</div>
<div class="row" style="--bs-gutter-x:4rem;--bs-gutter-y:4rem">
<div class="col-4">
<div class="sectors_box">
<div class="sectors_box-image">
<img src="./images/sector_1.jpg" />
</div>
<h6>Commercial</h6>
<p>Discover our expertise in commercial architecture, including office buildings, retail spaces, and mixed-use developments.</p>
</div>
</div>
<div class="col-4">
<div class="sectors_box">
<div class="sectors_box-image">
<img src="./images/sector_2.jpg" />
</div>
<h6>Residential</h6>
<p>Our portfolio of residential projects, from single-family homes to multi-unit developments, designed to create living spaces.</p>
</div>
</div>
<div class="col-4">
<div class="sectors_box">
<div class="sectors_box-image">
<img src="./images/sector_3.jpg" />
</div>
<h6>Hospitality</h6>
<p>Discover our expertise in commercial architecture, including office buildings, retail spaces, and mixed-use developments.</p>
</div>
</div>
<div class="col-4">
<div class="sectors_box">
<div class="sectors_box-image">
<img src="./images/sector_4.jpg" />
</div>
<h6>Civic & Cultural</h6>
<p>Where we celebrate the unique identity & heritage of each community while creating inclusive spaces for learning.</p>
</div>
</div>
<div class="col-4">
<div class="sectors_box">
<div class="sectors_box-image">
<img src="./images/sector_5.jpg" />
</div>
<h6>Urban Planning</h6>
<p>Explore our urban planning projects, where we collaborate with communities and stakeholders to design sustainable.</p>
</div>
</div>
<div class="col-4">
<div class="sectors_box">
<div class="sectors_box-image">
<img src="./images/sector_6.jpg" />
</div>
<h6>Healthcare</h6>
<p>Where we prioritize patient comfort, staff efficiency, and cutting-edge technology to create healing environments.</p>
</div>
</div>
</div>
</div>
</section>
<section class="faq">
<div class="wrapper">
<div class="row">
<div class="col-12">
<h6><img src="./assets/sub-icon.svg" />FAQ’S</h6>
</div>
<div class="col-12">
<h3>Frequently Asked Questions</h3>
</div>
</div>
<div class="row" style="--bs-gutter-x:4rem">
<div class="col-6">
<div class="faq-image">
<img src="./images/experties_2.jpg" />
</div>
</div>
<div class="col-6 d-flex align-items-center">
<div class="accordion">
<div class="accordion-item">
<div class="accordion-link" style="padding-top:0">
<h5><span>1</span>What services does your company offer?</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>We offer a wide range of architectural services, including residential and commercial design, interior design, urban planning, landscape architecture, and construction management. Whether you're looking to build a new home, renovate an existing space, or develop a large-scale commercial project, our team is here to help.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-link">
<h5><span>2</span>How long does a typical project take to complete?</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>The timeline for a project can vary depending on its size, complexity, and other factors. A small-scale residential renovation may take a few months, while a large-scale commercial development could take several years. Our team will work closely with you to establish clear timelines and milestones, and we'll keep you informed every step of the way.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-link">
<h5><span>3</span>Do you work with specific types of clients or projects?</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>We work with a diverse range of clients across various industries, including homeowners, developers, businesses, institutions, and government agencies. Our expertise extends to projects of all types and scales, from residential homes and commercial buildings to civic and cultural landmarks.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-link">
<h5><span>4</span>Can I see examples of your past work?</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>Yes, we invite you to explore our portfolio of past projects, which showcases a diverse range of designs and styles across different sectors. Our portfolio provides a glimpse into our expertise, creativity, and commitment to excellence.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-link">
<h5><span>5</span>What sets your company apart from others in the industry?</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>What sets us apart is our unwavering commitment to innovation, collaboration, and client satisfaction. We combine creative design solutions with technical expertise and a client-centric approach.</p>
</div>
</div>
<div class="accordion-item">
<div class="accordion-link">
<h5><span>6</span>How can I get started with your services?</h5>
<img src="./assets/arrow-right.svg" />
</div>
<div class="answer">
<p>Getting started with our services is easy. Simply reach out to us via phone, email, or our website contact form to schedule an initial consultation. During this consultation, we'll discuss your project goals, requirements, and timeline, and outline the next steps to get started on turning your vision into reality.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="banner">
<div class="wrapper">
<div class="row">
<div class="col-12">
<div class="banner_block">
<img src="./images/banner.jpg" />
<h3>Enhance your property's curb appeal with stunning landscape design.</h3>
<p>Contact us today for expert design solutions that elevate your interiors, enhance your landscape, and bring your vision to life.</p>
<a href="./contact">Get in touch</a>
<a href="./contact">Online consultations</a>
</div>
</div>
</div>
</div>
</section>
<?php
define('footer', TRUE);
include 'inc/footer.php';
?>
<script src="https://cdn.jsdelivr.net/npm/swiper@11/swiper-bundle.min.js"></script>
<script>
const observer = new IntersectionObserver((entries) => {
entries.forEach((entry) => {
if(entry.isIntersecting) {
entry.target.classList.add('show');
}
});
});
const hiddenElements = document.querySelectorAll('.hide-image');
hiddenElements.forEach((el) => observer.observe(el));
var swiper = new Swiper(".membersSwiper", {
slidesPerView: 2,
spaceBetween: 30,
loop: true,
navigation: {
nextEl: '.swiper-button-next',
prevEl: '.swiper-button-prev'
},
});
$(".accordion-link").click(function() {
const parentItem = $(this).closest('.accordion-item');
const isOpen = parentItem.hasClass('active');
$('.accordion-item').removeClass('active');
if (!isOpen) {
parentItem.addClass('active');
}
});
</script>
</body>
</html>