-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
366 lines (348 loc) · 21.1 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
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
<!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">
<title>Welcome to ANWA</title>
<!-- Stylesheet -->
<link rel="stylesheet" href="assets/bootstrap/css/bootstrap.min.css">
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Libre+Baskerville:wght@400;700&display=swap" rel="stylesheet">
<link rel="stylesheet" href="assets/scss/main.css">
</head>
<body>
<main class="custom-scroll" id="custom-scroll">
<!-- ANWA Banner start -->
<section class="anwa-banner">
<div class='reveal'>
<picture>
<source media="(max-width:600px)" srcset="">
<source media="(max-width:991px)" srcset="">
<img class="anwa-banner-img" src="assets/images/home-hero.jpg" alt="">
</picture>
</div>
<div class="anwa-banner-caption">
<div class="container">
<div class="row">
<div class="col-md-6 col-12">
<h1><span>Home Onwer</span> <span>manual</span></h1>
<a href="http://" target="_blank" rel="noopener noreferrer">
Explore Now
</a>
</div>
<div class="col-md-6 col-12">
<h3><span>Nothing between</span> <span>you and the sea</span></h3>
</div>
</div>
</div>
</div>
</section>
<!-- ANWA Banner ends -->
<section class="anwa-navOverlay">
<div class="anwa-navOverlay-inner">
<div class="container">
<div class="row">
<div class="col-md-12">
<div class="anwa-logo">
<img src="assets/images/anwa-logo-white.png" alt="ANWA logo">
</div>
<h3 class="navOverlay-title">Home Owner Manual</h3>
</div>
</div>
<div class="row">
<div class="col-md-4">
<ul class="nav flex-column nav-links">
<li class="nav-item">
<a href="#" class="nav-link"><span>1.</span> Overview of the Project</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>2.</span> Features of the Building</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>3.</span> Building Details</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>4.</span> Moving in</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>5.</span> Car Park</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>6.</span> Access Cards</a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="nav flex-column nav-links">
<li class="nav-item">
<a href="#" class="nav-link"><span>7.</span> General Safety & Security</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>8.</span> Fire Safety</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>9.</span> Emergency Evacuation Rules</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>10.</span> Crisis Management</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>11.</span> Elevator Safety</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>12.</span> Cleanliness</a>
</li>
</ul>
</div>
<div class="col-md-4">
<ul class="nav flex-column nav-links">
<li class="nav-item">
<a href="#" class="nav-link"><span>13.</span> Noise</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>14.</span> Swimming Pool & Landscaping</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>15.</span> Gymnasium</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>16.</span> Pets</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>17.</span> On Vacation</a>
</li>
<li class="nav-item">
<a href="#" class="nav-link"><span>18.</span> Building Rules and Other Important Documents</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Navigation start -->
<section class="home-navbar">
<div class="container-fluid p-0">
<div class="row">
<div class="col-md-4 col-12 order-md-1 order-3">
<div class="left-title">
<a href="/manual.html">
Home Owner Manual <span></span>
</a>
</div>
</div>
<div class="col-md-4 col-4 order-md-2 order-1">
<ul class="nav justify-content-center nav-trigger">
<li class="nav-item">
<a class="nav-link hamburger" href="javascript:void(0)">
<span></span>
</a>
</li>
</ul>
</div>
<div class="col-md-4 col-8 order-md-3 order-2">
<div class="anwa-contact">
<div class="contact-overlay">
<div class="overlay-inner">
<div class="icon">
<img src="assets/images/icons/important-contact.png" alt="">
</div>
<h3 class="overlay-title">
important contact details
</h3>
<div class="contact-info-scroll" id="contact-info-scroll">
<ul class="nav flex-column contact-info-list">
<li class="nav-item">
<span>Fire</span>
<span>997</span>
</li>
<li class="nav-item">
<span>Hospital Emergency</span>
<span>998</span>
</li>
<li class="nav-item">
<span>Police</span>
<span>999</span>
</li>
<li class="nav-item">
<span>Telephone / Internet connection</span>
<span>Du: 800 155</span>
<span>www.du.ae</span>
</li>
<li class="nav-item">
<span>Electrical & Water Connection</span>
<span>DEWA (Dubai Electricity & Water Authority)</span>
<span>04 601 9999</span>
<span>www.dewa.gov.ae</span>
</li>
<li class="nav-item">
<span>Chilled Water Connection</span>
<span>Empower: +9714-559 2888</span>
<span>https://www.empower.ae/</span>
</li>
<li class="nav-item">
<span>Owners Association:</span>
<span>Clarity: [email protected] (e),</span>
<span>050-602-7005 (m)</span>
</li>
</ul>
</div>
</div>
</div>
<ul class="nav contact-toggle">
<li class="nav-item">
<a class="nav-link" href="javascript:void(0)">
<span class="text">Important contacts</span>
<span class="icon">
<svg xmlns="http://www.w3.org/2000/svg" height="24px" viewBox="0 0 24 24" width="24px" fill="#000000"><path d="M0 0h24v24H0V0z" fill="none"/><path d="M15 12h2c0-2.76-2.24-5-5-5v2c1.66 0 3 1.34 3 3zm4 0h2c0-4.97-4.03-9-9-9v2c3.87 0 7 3.13 7 7zm1 3.5c-1.25 0-2.45-.2-3.57-.57-.1-.03-.21-.05-.31-.05-.26 0-.51.1-.71.29l-2.2 2.2c-2.83-1.44-5.15-3.75-6.59-6.59l2.2-2.21c.28-.26.36-.65.25-1C8.7 6.45 8.5 5.25 8.5 4c0-.55-.45-1-1-1H4c-.55 0-1 .45-1 1 0 9.39 7.61 17 17 17 .55 0 1-.45 1-1v-3.5c0-.55-.45-1-1-1zM5.03 5h1.5c.07.88.22 1.75.45 2.58l-1.2 1.21c-.4-1.21-.66-2.47-.75-3.79zM19 18.97c-1.32-.09-2.6-.35-3.8-.76l1.2-1.2c.85.24 1.72.39 2.6.45v1.51z"/></svg>
</span>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</section>
<!-- Navigation ends -->
<!-- Welcome to ANWA start -->
<section class="anwa-intro custom-padding">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-md-5 col-sm-12 p-0 order-md-1 order-1">
<div class='reveal'>
<picture>
<source media="(max-width:600px)" srcset="">
<source media="(max-width:991px)" srcset="">
<img class="img-fluid w-100" src="assets/images/home-wecome.jpg" alt="ANWA Introduction">
</picture>
</div>
</div>
<div class="col-md-6 col-sm-12 order-md-2 order-3">
<div class="anwa-intro-content">
<h3 class="anwa-page-title">Welcome to ANWA</h3>
<p class="lead">Welcome to ANWA by OMNIYAT. Where there is nothing between you and the sea. This development offers a unique living space in one of the most stunning and unspoiled locations in Dubai. Located in Dubai Maritime City, it offers you access to restaurants, beach clubs, tourist attractions and world-renowned landmarks in less than a 15 minute drive. </p>
<p class="lead">ANWA by OMNIYAT not only delivers a superb level of design and specification, but also offers spectacular views, and first class amenities suited to your needs. This homeowner manual aims to provide you with all the information you’ll require, ensuring that living in ANWA by OMNIYAT is as enjoyable as possible.</p>
<p class="lead">If you’d like further information or have any queries please don’t hesitate to contact your Omniyat representative.</p>
</div>
</div>
<div class="col-md-1 col-sm-12 order-md-3 order-2">
<h4 class="vertical-title">Introduction</h4>
</div>
</div>
</div>
</section>
<!-- Welcome to ANWA ends -->
<!-- Welcome to ANWA start -->
<section class="anwa-omniyat custom-padding">
<div class="container-fluid">
<div class="row align-items-center">
<div class="col-md-1 order-md-1 order-2">
<h4 class="vertical-title">Developer</h4>
</div>
<div class="col-md-6 order-md-2 order-3">
<div class="anwa-omniyat-content">
<h3 class="anwa-page-title">OMNIYAT</h3>
<p class="lead">One of the most visionary real-estate development and service groups in the Gulf region, OMNIYAT creates living canvases of residential, commercial, hospitality and retail spaces – a one-of-a-kind premium experience. We approach the design, development and management of each OMNIYAT property as if it were a unique work of art. Just as there is no mistaking a Picasso or a Van Gogh, there is no mistaking that you are anywhere but in an OMNIYAT property. We nurture and maintain close relationships with the world’s leading architects, engineers, interior designers and artists. </p>
<p class="lead">Each project is unique, designed to create a superior return on investment and to give every homeowner the OMNIYAT guarantee of living in a bespoke space that reflects their personality, achievements, and ambitions, offering an unrivalled lifestyle.</p>
</div>
</div>
<div class="col-md-5 p-0 order-md-3 order-1">
<div class='reveal'>
<picture>
<source media="(max-width:600px)" srcset="">
<source media="(max-width:991px)" srcset="">
<img class="img-fluid w-100" src="assets/images/home-omniyat.jpg" alt="Omniyat">
</picture>
</div>
</div>
</div>
</div>
</section>
<!-- Welcome to ANWA ends -->
<!-- Footer start -->
<footer>
<div class="footer-top">
<div class="container">
<div class="row">
<div class="col-md-6">
<div class="footer-logo w-100 h-100 d-flex align-items-center justify-content-start">
<a href="http://" target="_blank" rel="noopener noreferrer">
<img class="img-fluid" src="assets/images/omniyat_logo.png" alt="Omniyat">
</a>
</div>
</div>
<div class="col-md-3">
<h4 class="footer-title">Sales Gallery</h4>
<ul class="nav flex-column salesGallery">
<li class="nav-item">
<p class="small-lead">Omniyar sales gallery the opus by omniyat designed by zaha hadid dubai, Uae</p>
</li>
<li class="nav-item">
<p class="small-lead">Uae : 800 666</p>
</li>
<li class="nav-item">
<p class="small-lead">Global : <a href="tel:+97145115004">+971 4 511 5004</a></p>
</li>
<li class="nav-item">
<p class="small-lead"><a href="mailto:[email protected]">[email protected]</a></p>
</li>
</ul>
</div>
<div class="col-md-3">
<h4 class="footer-title">General Enquiries</h4>
<p class="small-lead">Omniyat head office, 26th floor one by omniyat, Business Bay</p>
<div class="social-media-icons">
<h4 class="footer-title">Folloe Us</h4>
<ul class="nav">
<li class="nav-item">
<a class="nav-link" href="#">
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" width="24px" height="24px"><path d="M17.525,9H14V7c0-1.032,0.084-1.682,1.563-1.682h1.868v-3.18C16.522,2.044,15.608,1.998,14.693,2C11.98,2,10,3.657,10,6.699V9H7v4l3-0.001V22h4v-9.003l3.066-0.001L17.525,9z"/></svg>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<?xml version="1.0"?><svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px"> <path d="M28,6.937c-0.957,0.425-1.985,0.711-3.064,0.84c1.102-0.66,1.947-1.705,2.345-2.951c-1.03,0.611-2.172,1.055-3.388,1.295 c-0.973-1.037-2.359-1.685-3.893-1.685c-2.946,0-5.334,2.389-5.334,5.334c0,0.418,0.048,0.826,0.138,1.215 c-4.433-0.222-8.363-2.346-10.995-5.574C3.351,6.199,3.088,7.115,3.088,8.094c0,1.85,0.941,3.483,2.372,4.439 c-0.874-0.028-1.697-0.268-2.416-0.667c0,0.023,0,0.044,0,0.067c0,2.585,1.838,4.741,4.279,5.23 c-0.447,0.122-0.919,0.187-1.406,0.187c-0.343,0-0.678-0.034-1.003-0.095c0.679,2.119,2.649,3.662,4.983,3.705 c-1.825,1.431-4.125,2.284-6.625,2.284c-0.43,0-0.855-0.025-1.273-0.075c2.361,1.513,5.164,2.396,8.177,2.396 c9.812,0,15.176-8.128,15.176-15.177c0-0.231-0.005-0.461-0.015-0.69C26.38,8.945,27.285,8.006,28,6.937z"/></svg>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 64 64" width="64px" height="64px"><path d="M 21.580078 7 C 13.541078 7 7 13.544938 7 21.585938 L 7 42.417969 C 7 50.457969 13.544938 57 21.585938 57 L 42.417969 57 C 50.457969 57 57 50.455062 57 42.414062 L 57 21.580078 C 57 13.541078 50.455062 7 42.414062 7 L 21.580078 7 z M 47 15 C 48.104 15 49 15.896 49 17 C 49 18.104 48.104 19 47 19 C 45.896 19 45 18.104 45 17 C 45 15.896 45.896 15 47 15 z M 32 19 C 39.17 19 45 24.83 45 32 C 45 39.17 39.169 45 32 45 C 24.83 45 19 39.169 19 32 C 19 24.831 24.83 19 32 19 z M 32 23 C 27.029 23 23 27.029 23 32 C 23 36.971 27.029 41 32 41 C 36.971 41 41 36.971 41 32 C 41 27.029 36.971 23 32 23 z"/></svg>
</a>
</li>
<li class="nav-item">
<a class="nav-link" href="#">
<?xml version="1.0"?><svg fill="#000000" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 30 30" width="30px" height="30px"> <path d="M9,25H4V10h5V25z M6.501,8C5.118,8,4,6.879,4,5.499S5.12,3,6.501,3C7.879,3,9,4.121,9,5.499C9,6.879,7.879,8,6.501,8z M27,25h-4.807v-7.3c0-1.741-0.033-3.98-2.499-3.98c-2.503,0-2.888,1.896-2.888,3.854V25H12V9.989h4.614v2.051h0.065 c0.642-1.18,2.211-2.424,4.551-2.424c4.87,0,5.77,3.109,5.77,7.151C27,16.767,27,25,27,25z"/></svg>
</a>
</li>
</ul>
</div>
</div>
</div>
</div>
</div>
<div class="separator">
<span></span>
</div>
<div class="footer-bottom">
<p class="small-lead">© <span id="year"></span> omniyat all rights reserved</p>
</div>
</footer>
<!-- Footer ends -->
</main>
<!-- Scripts -->
<script src="http://code.jquery.com/jquery-1.11.1.js"></script>
<script src="assets/bootstrap/js/bootstrap.bundle.min.js"></script>
<script src="https://unpkg.co/gsap@3/dist/gsap.min.js"></script>
<script src="https://unpkg.com/gsap@3/dist/ScrollTrigger.min.js"></script>
<script src="assets/js/smooth-scrollbar.js"></script>
<script src="assets/js/main.js"></script>
<script>
// contact overlay scroll
const myContactscroll = document.querySelector("#contact-info-scroll");
const contactScrollbar = Scrollbar.init(myContactscroll, options);
</script>
</body>
</html>