-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathabout.html
439 lines (419 loc) · 23.6 KB
/
about.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
<!doctype html>
<html lang="en">
<head>
<!-- Required meta tags -->
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<!-- Bootstrap CSS -->
<link href="css/bootstrap.min.css" rel="stylesheet" />
<!-- Fontawesome CSS-->
<link rel="stylesheet" href="fontawesome/css/fontawesome.css">
<link rel="stylesheet" href="fontawesome/css/solid.css">
<link rel="stylesheet" href="fontawesome/css/brands.css">
<!-- Swiper CSS-->
<link rel="stylesheet" href="css/swiper.css"/>
<!-- Pages CSS Common-->
<link href="css/common.css" rel="stylesheet"/>
<link rel="icon" href="image/amaasicon.png" sizes="32x32">
<title>About us</title>
<style>
.ceo-img{
width: 440px;
height: auto;
}
.speech-p{
color: #6C6D70;
font-size: 16px;
word-spacing: 3px;
}
</style>
</head>
<body>
<div class="continer-fluid bg-nav ">
<div class="container-lg p-0 p-lg-1">
<nav class="navbar navbar-expand-lg pe-0 py-0 ">
<a class="navbar-brand ms-3 mx-lg-0" href="index.html">
<img src="image/brand.png" class="logo-brand"/>
</a>
<div class="navbar-toggler menu-btn order-2" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation" >
<div class="menu-btn__burger"></div>
</div>
<div class="collapse navbar-collapse order-3 order-lg-1 p-0 " id="navbarNav">
<ul class="navbar-nav ms-auto d-flex justify-content-center align-items-center bg-md-nav py-1 py-lg-0">
<li class="nav-item">
<a class="nav-link nav-link-Header" href="index.html">Home</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-Header link-header-active" href="about.html">About us</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-Header" href="projects.html">Projects</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-Header" href="gallery.html">Gallery</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-Header" href="news.html">News</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-Header" href="contact.html">Contact</a>
</li>
<li class="nav-item">
<a class="nav-link nav-link-Header" href="order.html">Place order</a>
</li>
</ul>
</div>
<div class="order-1 order-lg-2 ms-auto ms-lg-0 ">
<a class="nav-link nav-link-Header nav-link-lang" href="index-ar.html">العربية</a>
</div>
</nav>
</div>
</div>
<div class=" bg-scan">
<div class=" container-lg">
<nav class="pt-5" style="--bs-breadcrumb-divider: '>>';" aria-label="breadcrumb">
<ol class="breadcrumb">
<li class="breadcrumb-item"><a href="index.html" class="breadcrumb-a">Home</a></li>
<li class="breadcrumb-item active" aria-current="page">About us</li>
</ol>
</nav>
<h1 class="title">About us</h1>
</div>
</div>
<div class=" bg-light-60 pt-5">
<div class="container-lg ">
<div class="row">
<div class=" col-lg-6">
<img src="image/villa.png" class="w-100"/>
</div>
<div class="col-lg-6 ms-auto mt-5 mt-sm-0 ">
<h6 class="text-dark mb-4 fs-15">Slogan Here</h6>
<h2 class="text-yellow mb-4 fs-30">About Amaas Company</h2>
<p class="text-dark-30 mb-4 fs-15 about-p">A real estate development company that builds and sells a variety of properties with high quality, extended warranties and competitive prices.We strive to achieve the highest structural specifications and choose the best building materials to reach high community standards and win consumer satisfaction. </p>
<div class="d-flex mb-2">
<div class="me-3">
<i class="fa-solid fa-square-check text-yellow"></i>
</div>
<div class="text-dark-30">
Launched in 2021 on the 17th of January.
</div>
</div>
<div class="d-flex mb-2">
<div class="me-3">
<i class="fa-solid fa-square-check text-yellow"></i>
</div>
<div class="text-dark-30">
We have completed nearly 750 properties ranging from apartments to
villas in different cities of the Kingdom.
</div>
</div>
<div class="d-flex">
<div class="me-3">
<i class="fa-solid fa-square-check text-yellow"></i>
</div>
<div class="text-dark-30">
We're in: Eastern Province ,Riyadh (so far)
</div>
</div>
<div class="row w-100 row-cols-1 row-cols-sm-3 py-5 justify-content-center align-items-center">
<div class="col mb-3">
<div class="polygon-corner d-flex flex-column justify-content-center align-items-center mx-auto mx-sm-0 ">
<div class="square mb-3"><i class="fa-solid fa-building-shield"></i></div>
<h5 class="fw-bold">1000</h5>
<p>Project</p>
</div>
</div>
<div class="col mb-3">
<div class="polygon-corner d-flex flex-column justify-content-center align-items-center mx-auto mx-sm-0 ">
<div class="square mb-3"><i class="fa-solid fa-city"></i></div>
<h5 class="fw-bold">1500</h5>
<p>Apartment</p>
</div>
</div>
<div class="col mb-3">
<div class="polygon-corner d-flex flex-column justify-content-center align-items-center mx-auto mx-sm-0 ">
<div class="square mb-3"><i class="fa-solid fa-house"></i></div>
<h5 class="fw-bold">2550</h5>
<p>Villa</p>
</div>
</div>
<div class="col mb-3">
<div class="polygon-corner d-flex flex-column justify-content-center align-items-center mx-auto mx-sm-0 ">
<div class="square mb-3"><i class="fa-solid fa-hotel"></i></div>
<h5 class="fw-bold">5000</h5>
<p>Town House</p>
</div>
</div>
<div class="col mb-3">
<div class="polygon-corner d-flex flex-column justify-content-center align-items-center mx-auto mx-sm-0 ">
<div class="square mb-3"><i class="fa-solid fa-pen-ruler"></i></div>
<h5 class="fw-bold">10550</h5>
<p>Total area</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-yellow h-100">
<div class="container-lg d-flex flex-column align-items-center py-5 ">
<div class="row text-center mt-3 justify-content-between align-items-stretch">
<div class="col-lg-4 mt-4 ">
<div class="bg-white px-3 py-5 h-100">
<img src="image/vision.png" class="mt-4 img-work-div" />
<h3 class="mt-4 headline3">Our Vision </h3>
<p class="text-dark mt-3">To be a milestone in the real estate market by providing the right foundations for property building resulting from considerable experience and wise decisions aimed at enabling Saudi society to have unique real estate opportunities.</p>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="bg-white px-3 py-5 h-100">
<img src="image/mession.png" class="mt-4 img-work-div" />
<h3 class="mt-4 headline3" >Our Mission</h3>
<p class="text-dark mt-3">Facilitate the process of owning real estate as needed by providing different options that include the highest level of quality and perfection.</p>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="bg-white px-3 py-5 h-100">
<img src="image/goals.png" class="mt-4 img-work-div"/>
<h3 class="mt-4 headline3">Our Goals</h3>
<p class="text-dark mt-3">
<ol>
<li class="my-2">Facilitating real estate ownership</li>
<li class="my-2">Building a variety of units to suit different needs</li>
<li class="my-2">Providing innovative real estate solutions</li>
<li class="my-2">Equipping all buildings with unique technologies and practical features</li>
</ol>
</p>
</div>
</div>
</div>
</div>
</div>
<div class="bg-light-60 py-5">
<div class=" container-lg py-5">
<div class=" row row-cols-1 row-cols-lg-2 justify-content-end">
<div class="col ms-0 mt-2">
<h2 class="text-yellow mb-4 display-3 fw-bold">CEO's Speech</h2>
<p class="speech-p">AMAAS Real Estate currently manages a range of commercial and residential properties, however, it is now focusing on real estate development due to the high expertise and deep specialization in this field.The development journey in AMAAS begins from the acquisition phase of the land and ends when the sold property is fully managed. We have achieved great successes and honorable reactions in satisfying customers by knowing the customer's exact needs.The nature of our work requires the ability to adapt and think proactively with intelligence in capturing opportunities and identifying business success factors, and these points represent our values that have led us to expand our business and open up new horizons to serve the community and the real estate sector. We have come a long way since the company's inception where we have been able to outperform the expectations of investors due to our overwhelming desire to make each project we take over a milestone in the real estate sector, thanks to the partners as well as the staff of highly</p>
<button class="btn btn-yellow-t text-uppercase" id="speechmore">Read more</button>
</div>
<div class="col mt-2">
<div class=" ms-lg-5">
<img src="image/manager.png" alt="manager speech" class="ceo-img mx-auto">
</div>
</div>
</div>
</div>
</div>
<div class="bg-yellow">
<div class="container-lg d-flex flex-column align-items-center py-5">
<h1 class="text-dark mb-4 fw-bold fs-30">How It Works</h1>
<img src="image/world with lines.png" class="world-lines"/>
<div class="row text-center mt-3">
<div class="col-lg-4 mt-4">
<div class="px-4 py-3">
<img src="image/explore.png" class="img-work-div" />
<h3 class="mt-4 headline3">Explore</h3>
<p class="text-dark ">Many different options on location, features and prices, with its similarity in quality and beauty.</p>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="px-4 py-3">
<img src="image/call.png" class="img-work-div" />
<h3 class="mt-4 headline3">Contact</h3>
<p class="text-dark ">Ask us what's on your mind and discuss your inquiries to reach an agreement that satisfies everyone.</p>
</div>
</div>
<div class="col-lg-4 mt-4">
<div class="px-4 py-3">
<img src="image/smile.png" class="img-work-div" />
<h3 class="mt-4 headline3">Own</h3>
<p class="text-dark ">Congratulations! With a few easy steps, you become a member of Amas family, and you own your dream house.</p>
</div>
</div>
</div>
</div>
</div>
<div class="py-5 bg-light-60">
<div class="container-lg pb-5">
<h1 class="text-dark my-5 text-center fw-bold fs-30">Our Partners</h1>
<div class="swiper swpartners">
<div class="swiper-wrapper">
<div class="swiper-slide swp-slide">
<img src="image/partner1.png" class="sw-img"/>
</div>
<div class="swiper-slide swp-slide">
<img src="image/partner2.png" class="sw-img"/>
</div>
<div class="swiper-slide swp-slide">
<img src="image/partner3.png" class="sw-img"/>
</div>
<div class="swiper-slide swp-slide">
<img src="image/partner4.png" class="sw-img"/>
</div>
<div class="swiper-slide swp-slide">
<img src="image/partner5.png" class="sw-img"/>
</div>
<div class="swiper-slide swp-slide">
<img src="image/partner6.png" class="sw-img"/>
</div>
<div class="swiper-slide swp-slide">
<img src="image/partner7.png" class="sw-img"/>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid bg-footer pt-5">
<div class="container-lg mt-0 mt-lg-0 pt-0 pt-lg-0">
<div class="row pb-4">
<div class="col-lg-4 mt-5">
<a href="index.html"><img src="image/brand.png" class="logo-brand"/></a>
<div class="mt-3">
<p class="footer-company-desc">
Amas is a real estate development company to build and sell a variety of real estate with high quality, extended guarantees and competitive prices. We strive to achieve the highest structural specifications and select the best building materials to reach high community standards and gain consumer satisfaction.
</p>
</div>
</div>
<div class="col-lg-4 fw-bold mt-5 pe-5 ">
<h5 class="link-footer-parent"><span class="">USEFUL LINKS</span> </h5>
<div class="row row-cols-2 w-100">
<div class="col">
<ul class="nav flex-column ">
<li class="nav-item">
<a href="index.html" class="nav-link ms-0 mb-1 px-0 link-footer">Home</a>
</li>
<li class="nav-item">
<a href="about.html" class="nav-link ms-0 mb-1 px-0 link-footer link-active-footer">About us</a>
</li>
<li class="nav-item">
<a href="projects.html" class="nav-link ms-0 mb-1 px-0 link-footer">Projects</a>
</li>
<li class="nav-item">
<a href="gallery.html" class="nav-link ms-0 mb-1 px-0 link-footer">Gallery</a>
</li>
<li class="nav-item">
<a href="news.html" class="nav-link ms-0 mb-1 px-0 link-footer">News</a>
</li>
<li class="nav-item">
<a href="contact.html" class="nav-link ms-0 mb-1 px-0 link-footer">Contact us</a>
</li>
</ul>
</div>
<div class="col">
<ul class="nav flex-column ">
<li class="nav-item">
<a href="order.html" class="nav-link ms-0 mb-1 px-0 link-footer">Place order</a>
</li>
<li class="nav-item">
<a href="career.html" class="nav-link ms-0 mb-1 px-0 link-footer">Career</a>
</li>
<li class="nav-item">
<a href="faq.html" class="nav-link ms-0 mb-1 px-0 link-footer">FAQ</a>
</li>
<li class="nav-item">
<a href="privacy.html" class="nav-link ms-0 mb-1 px-0 link-footer">Privacy Policy</a>
</li>
<li class="nav-item">
<a href="terms.html" class="nav-link ms-0 mb-1 px-0 link-footer">Term use</a>
</li>
</ul>
</div>
</div>
</div>
<div class="col-lg-4 mt-5">
<h5 class="link-footer-parent"><span class="">Newsletter Subscribe</span> </h5>
<form id="footerform" class="">
<div class="">
<label for="emailtxt" class="form-label"></label>
<input type="text" class="form-control bg-transparent text-white py-2 px-2" placeholder="Enter Your E-mail" id="emailtxt" >
<div class="invalid-email"></div>
</div>
<button class="btn w-100 mt-3 btn-yellow text-white" type="submit">Subscription</button>
</form>
<div class="mt-4">
<div class="d-inline-block ms-1 me-3">
<a href="http://facebook.com/people/Amaas-Realestate/10007915978616" >
<i class="fa-brands fa-facebook-f footer-links"></i>
</a>
</div>
<div class="d-inline-block me-3">
<a href="https://twitter.com/amaasrealestate">
<i class="fa-brands fa-twitter footer-links"></i>
</a>
</div>
<div class="d-inline-block me-3">
<a href="https://api.whatsapp.com/message/UZV7GQTD6S7FA1">
<i class="fa-brands fa-whatsapp footer-links"></i>
</a>
</div>
<div class="d-inline-block me-3">
<a href="https://www.youtube.com/channel/UCKftYeW9JhMnSlUM8ORun6w">
<i class="fa-brands fa-youtube footer-links"></i>
</a>
</div>
<div class="d-inline-block me-3">
<a href="https://www.instagram.com/amaasrealestate/">
<i class="fa-brands fa-instagram footer-links"></i>
</a>
</div>
<div class="d-inline-block me-3">
<a href="https://www.linkedin.com/company/amaasrealestate/">
<i class="fa-brands fa-linkedin-in footer-links"></i>
</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="bg-footer text-center text-white fw-bold fs-12 py-4 footer-border-top">
All rights reserved to Amaas Company © 2022
</div>
<script src="js/bootstrap.bundle.min.js"></script>
<script src="js/common.js"></script>
<script src="js/swiper.js"></script>
<script>
var swipartner = new Swiper(".swpartners", {
slidesPerView: 1,
spaceBetween: 10,
autoplay: {
delay: 5000,
disableOnInteraction:false,
},
centeredSlides: true,
loop:true,
pagination: {
el: ".swiper-pagination",
clickable: true,
},
breakpoints: {
"@0.00": {
slidesPerView: 2,
spaceBetween: 2,
},
"@1.00": {
slidesPerView: 3,
spaceBetween: 5,
},
"@2.00": {
slidesPerView: 6,
spaceBetween: 10,
},
},
});
var speech=document.getElementById('speechmore');
var n=0;
speech.addEventListener('click',function(e){
if(n==0)
{
speech.previousElementSibling.innerHTML+="Lorem Ipsum is simply dummy text of the printing and typesetting industry. Lorem Ipsum has been the industry's standard dummy text ever since the 1500s, when an unknown printer took a galley of type and scrambled it to make a type specimen book. It has survived not only five centuries, but also the leap into electronic typesetting, remaining essentially unchanged. It was popularised in the 1960s with the release of Letraset sheets containing Lorem Ipsum passages, and more recently with desktop publishing software like Aldus PageMaker including versions of Lorem Ipsum.";
n++;
speech.classList.add('d-none');
}
});
</script>
</body>
</html>