-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
605 lines (605 loc) · 58.6 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
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
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
<!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>Rentiz | Perfect way to buy and sell a home</title>
<link rel="stylesheet" href="css/style.css">
<script src="js/swiper.js"></script>
<!-- Пример подключения js 2 -->
<!-- <script defer src="js/script.js"></script> -->
</head>
<body>
<header class="header">
<div class='header__container'>
<a href="" class="header__logo">
<svg width="132" height="47" viewBox="0 0 132 47" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="31" fill="var(--accent-color)" />
<path d="M15.7976 38V9.63636H26.4339C28.6129 9.63636 30.4411 10.0149 31.9183 10.772C33.4048 11.5291 34.5266 12.5909 35.2837 13.9574C36.0501 15.3146 36.4332 16.8981 36.4332 18.7077C36.4332 20.5266 36.0455 22.1055 35.2699 23.4442C34.5036 24.7738 33.3725 25.8033 31.8768 26.5327C30.381 27.2528 28.5437 27.6129 26.3647 27.6129H18.7891V23.3473H25.6722C26.9464 23.3473 27.9897 23.1719 28.8022 22.821C29.6147 22.4609 30.2148 21.9393 30.6026 21.256C30.9996 20.5636 31.1982 19.7141 31.1982 18.7077C31.1982 17.7013 30.9996 16.8427 30.6026 16.1317C30.2056 15.4116 29.6009 14.8668 28.7884 14.4975C27.9759 14.119 26.9279 13.9297 25.6445 13.9297H20.9357V38H15.7976ZM30.4503 25.1477L37.4719 38H31.7383L24.8413 25.1477H30.4503ZM50.0542 38.4155C47.9213 38.4155 46.0794 37.9723 44.5282 37.0859C42.9863 36.1903 41.7999 34.9254 40.9689 33.2912C40.138 31.6477 39.7225 29.7134 39.7225 27.4883C39.7225 25.3001 40.138 23.3796 40.9689 21.7269C41.8091 20.065 42.9817 18.7724 44.4867 17.8491C45.9917 16.9165 47.7598 16.4503 49.791 16.4503C51.1021 16.4503 52.3393 16.6626 53.5027 17.0874C54.6752 17.5028 55.7093 18.1491 56.6049 19.0263C57.5098 19.9034 58.2207 21.0206 58.7377 22.3778C59.2548 23.7259 59.5133 25.3324 59.5133 27.1974V28.7347H42.0769V25.3555H54.7076C54.6983 24.3952 54.4906 23.5412 54.0843 22.7933C53.6781 22.0362 53.1103 21.4407 52.3809 21.0067C51.6607 20.5728 50.8205 20.3558 49.8603 20.3558C48.8354 20.3558 47.9352 20.6051 47.1596 21.1037C46.3841 21.593 45.7793 22.2393 45.3453 23.0426C44.9206 23.8366 44.7037 24.7092 44.6944 25.6602V28.6101C44.6944 29.8473 44.9206 30.9091 45.373 31.7955C45.8255 32.6726 46.4579 33.3466 47.2704 33.8175C48.0829 34.2791 49.0339 34.5099 50.1234 34.5099C50.8528 34.5099 51.513 34.4084 52.1039 34.2053C52.6948 33.9929 53.2072 33.6836 53.6412 33.2773C54.0751 32.8711 54.4029 32.3679 54.6245 31.7678L59.3056 32.294C59.0101 33.5312 58.4469 34.6115 57.6159 35.5348C56.7942 36.4489 55.7417 37.1598 54.4583 37.6676C53.1749 38.1662 51.7069 38.4155 50.0542 38.4155ZM68.7682 25.5355V38H63.7547V16.7273H68.5466V20.342H68.7959C69.2852 19.1509 70.0654 18.2045 71.1365 17.5028C72.2167 16.8011 73.5509 16.4503 75.1389 16.4503C76.607 16.4503 77.8857 16.7642 78.9752 17.392C80.074 18.0199 80.9234 18.9293 81.5235 20.1204C82.1329 21.3114 82.433 22.7564 82.4237 24.4553V38H77.4102V25.2308C77.4102 23.8089 77.0409 22.6964 76.3023 21.8931C75.5729 21.0898 74.5619 20.6882 73.2693 20.6882C72.3921 20.6882 71.6119 20.8821 70.9287 21.2699C70.2547 21.6484 69.7238 22.1978 69.336 22.918C68.9575 23.6381 68.7682 24.5107 68.7682 25.5355ZM98.1428 16.7273V20.6051H85.9138V16.7273H98.1428ZM88.933 11.6307H93.9465V31.6016C93.9465 32.2756 94.048 32.7926 94.2512 33.1527C94.4635 33.5036 94.7405 33.7436 95.0821 33.8729C95.4237 34.0021 95.8023 34.0668 96.2178 34.0668C96.5317 34.0668 96.8179 34.0437 97.0764 33.9975C97.3442 33.9513 97.5473 33.9098 97.6858 33.8729L98.5306 37.7923C98.2629 37.8846 97.8797 37.9862 97.3811 38.0969C96.8918 38.2077 96.2916 38.2724 95.5807 38.2908C94.325 38.3278 93.194 38.1385 92.1876 37.723C91.1812 37.2983 90.3825 36.6428 89.7916 35.7564C89.21 34.87 88.9237 33.7621 88.933 32.4325V11.6307ZM102.336 38V16.7273H107.349V38H102.336ZM104.856 13.7081C104.062 13.7081 103.379 13.445 102.807 12.9187C102.234 12.3832 101.948 11.7415 101.948 10.9936C101.948 10.2365 102.234 9.59481 102.807 9.06854C103.379 8.53302 104.062 8.26527 104.856 8.26527C105.66 8.26527 106.343 8.53302 106.906 9.06854C107.479 9.59481 107.765 10.2365 107.765 10.9936C107.765 11.7415 107.479 12.3832 106.906 12.9187C106.343 13.445 105.66 13.7081 104.856 13.7081ZM112.228 38V34.8146L123.196 21.0621V20.8821H112.588V16.7273H129.332V20.1481L118.889 33.6651V33.8452H129.692V38H112.228Z" fill="white" />
</svg>
</a>
<div class="header__navigation">
<nav class="header__menu menu">
<ul class="menu__body">
<li class="menu__item">
<a href="" class="menu__link">home</a>
</li>
<li class="menu__item">
<a href="" class="menu__link">About us</a>
</li>
<li class="menu__item">
<a href="" class="menu__link">Buying</a>
</li>
<li class="menu__item">
<a href="" class="menu__link">Renting</a>
</li>
<li class="menu__item">
<a href="" class="menu__link">Selling</a>
</li>
<li class="menu__item">
<a href="" class="menu__link">Contact us</a>
</li>
</ul>
</nav>
<div class="header__buttons">
<button class="login header__btn">Login</button>
<button class="register header__btn">Sign Up</button>
</div>
<div class="menu-icon">
<span></span>
<span></span>
<span></span>
</div>
</div>
</div>
<!--Popup (modal window) End -->
</header>
<main class="page">
<section class="hero">
<div class='hero__container'>
<div class="hero__content">
<h1 class="hero__title">Perfect way to buy and sell a home</h1>
<p class="hero__text text">Diam vitae, nec mattis lectus quam pretium amet facilisis. Urna, massa aliqua dui pellentesque. Ac, gravida in eget non amet eget purus non.</p>
<div class="hero__filter filter">
<div class="filter__block block-filter">
<div class="block-filter__button">
<div class="block-filter__header">
<div class="block-filter__type">Purpose</div>
<div class="block-filter__icon"></div>
</div>
<div class="block-filter__value">Buy</div>
</div>
<div class="block-filter__dropdown">
<div class="block-filter__item">Buy</div>
<div class="block-filter__item">Sell</div>
</div>
</div>
<div class="filter__block block-filter">
<div class="block-filter__button">
<div class="block-filter__header">
<div class="block-filter__type">Location</div>
<div class="block-filter__icon"></div>
</div>
<div class="block-filter__value">Toronto, Canada</div>
</div>
<div class="block-filter__dropdown">
<div class="block-filter__item">Toronto, Canada</div>
<div class="block-filter__item">Paris, France</div>
<div class="block-filter__item">Moscow, Russia</div>
</div>
</div>
<div class="filter__block block-filter">
<div class="block-filter__button">
<div class="block-filter__header">
<div class="block-filter__type">Type</div>
<div class="block-filter__icon"></div>
</div>
<div class="block-filter__value">Industrial home</div>
</div>
<div class="block-filter__dropdown">
<div class="block-filter__item">Industrial home</div>
<div class="block-filter__item">Сарай</div>
<div class="block-filter__item">Подвал</div>
</div>
</div>
<div class="filter__btn">
<button>Search</button>
</div>
</div>
</div>
<div class="hero__img">
<img src="images/hero.jpg" alt="house">
</div>
</div>
<svg class="hero-deco" width="128" height="501" viewBox="0 0 128 501" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="92.4355" y="314.033" width="127.863" height="123.867" transform="rotate(42.3449 92.4355 314.033)" fill="var(--accent-color)" stroke="#121B25" stroke-width="12" />
<rect x="92.4355" y="212.355" width="127.863" height="123.867" transform="rotate(42.3449 92.4355 212.355)" fill="var(--accent-color)" stroke="#121B25" stroke-width="12" />
<rect x="92.4355" y="110.678" width="127.863" height="123.867" transform="rotate(42.3449 92.4355 110.678)" fill="var(--accent-color)" stroke="#121B25" stroke-width="12" />
<rect x="92.4355" y="9" width="127.863" height="123.867" transform="rotate(42.3449 92.4355 9)" fill="var(--accent-color)" stroke="#121B25" stroke-width="12" />
</svg>
</section>
<section class="featured">
<div class='featured__container'>
<h2 class="featured__title title">Featured In</h2>
<div class="featured__box">
<div class="featured__item">
<img src="images/logos/1.svg" alt="" class="featured__img">
</div>
<div class="featured__item">
<img src="images/logos/2.svg" alt="" class="featured__img">
</div>
<div class="featured__item">
<img src="images/logos/3.svg" alt="" class="featured__img">
</div>
<div class="featured__item">
<img src="images/logos/4.svg" alt="" class="featured__img">
</div>
<div class="featured__item">
<img src="images/logos/5.svg" alt="" class="featured__img">
</div>
</div>
</div>
</section>
<section class="popular">
<div class='popular__container'>
<h2 class="popular__title title">Popular Residence</h2>
<div class="popular__slider">
<div class="swiper popular-slider">
<div class="swiper-wrapper">
<div class="swiper-slide popular-slide">
<div class="popular-slide__thumb">
<img src="images/slider/1.jpg" alt="">
</div>
<div class="popular-slide__text">
<div class="popular-slide__title">Aliva Priva Jalvin</div>
<div class="popular-slide__desc text">1087 Pin Oak Drive, Clinton, USA</div>
</div>
<div class="popular-slide__labels">
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.125 4.125C2.99406 4.125 2.0625 5.05656 2.0625 6.1875V10.8494C1.64312 11.2283 1.375 11.7707 1.375 12.375V18.5625H4.8125V17.1875H17.1875V18.5625H20.625V12.375C20.625 11.7707 20.3569 11.2283 19.9375 10.8494V6.1875C19.9375 5.05656 19.0059 4.125 17.875 4.125H4.125ZM4.125 5.5H17.875C18.2566 5.5 18.5625 5.80594 18.5625 6.1875V10.3125H17.1875V9.625C17.1875 8.49406 16.2559 7.5625 15.125 7.5625H12.375C11.8484 7.5625 11.3651 7.76875 11 8.09944C10.6242 7.75605 10.1341 7.56468 9.625 7.5625H6.875C5.74406 7.5625 4.8125 8.49406 4.8125 9.625V10.3125H3.4375V6.1875C3.4375 5.80594 3.74344 5.5 4.125 5.5ZM6.875 8.9375H9.625C10.0066 8.9375 10.3125 9.24344 10.3125 9.625V10.3125H6.1875V9.625C6.1875 9.24344 6.49344 8.9375 6.875 8.9375ZM12.375 8.9375H15.125C15.5066 8.9375 15.8125 9.24344 15.8125 9.625V10.3125H11.6875V9.625C11.6875 9.24344 11.9934 8.9375 12.375 8.9375ZM3.4375 11.6875H18.5625C18.9441 11.6875 19.25 11.9934 19.25 12.375V17.1875H18.5625V15.8125H3.4375V17.1875H2.75V12.375C2.75 11.9934 3.05594 11.6875 3.4375 11.6875Z" fill="var(--accent-color)" />
</svg>
<span>4 Beds</span>
</div>
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.875 2.75C16.3556 2.75 15.125 3.98062 15.125 5.5H13.75V6.875H17.875V5.5H16.5C16.5 4.68119 17.0562 4.125 17.875 4.125C18.6938 4.125 19.25 4.68119 19.25 5.5V9.625H0.6875V11H1.50425L2.55612 16.2209V16.2422C2.63597 16.5927 2.80427 16.917 3.04496 17.184C3.28566 17.4511 3.59074 17.652 3.93112 17.7677L3.4375 19.25H4.8125L5.2635 17.875H16.7365L17.1875 19.25H18.5625L18.0682 17.7677C18.788 17.5477 19.3469 16.9703 19.5078 16.2422V16.2209L20.4964 11H21.3125V9.625H20.625V5.5C20.625 3.98062 19.3944 2.75 17.875 2.75ZM2.90056 11H19.1208L18.1541 15.9631C18.0737 16.2607 17.8214 16.5 17.4666 16.5H4.598C4.2295 16.5 3.97994 16.2559 3.9105 15.9411L2.90056 11Z" fill="var(--accent-color)" />
</svg>
<span>2 Bath</span>
</div>
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.4375 3.4375V8.25H4.8125V13.75H3.4375V18.5625H8.25V17.1875H13.75V18.5625H18.5625V13.75H17.1875V8.25H18.5625V3.4375H13.75V4.8125H8.25V3.4375H3.4375ZM4.8125 4.8125H6.875V6.875H4.8125V4.8125ZM15.125 4.8125H17.1875V6.875H15.125V4.8125ZM8.25 6.1875H13.75V8.25H15.8125V13.75H13.75V15.8125H8.25V13.75H6.1875V8.25H8.25V6.1875ZM4.8125 15.125H6.875V17.1875H4.8125V15.125ZM15.125 15.125H17.1875V17.1875H15.125V15.125Z" fill="var(--accent-color)" />
</svg>
<span>1203 Sqft.</span>
</div>
</div>
</div>
<div class="swiper-slide popular-slide">
<div class="popular-slide__thumb">
<img src="images/slider/2.jpg" alt="">
</div>
<div class="popular-slide__text">
<div class="popular-slide__title">Hard line orchar</div>
<div class="popular-slide__desc text">1087 Pin Oak Drive, Clinton, USA</div>
</div>
<div class="popular-slide__labels">
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.125 4.125C2.99406 4.125 2.0625 5.05656 2.0625 6.1875V10.8494C1.64312 11.2283 1.375 11.7707 1.375 12.375V18.5625H4.8125V17.1875H17.1875V18.5625H20.625V12.375C20.625 11.7707 20.3569 11.2283 19.9375 10.8494V6.1875C19.9375 5.05656 19.0059 4.125 17.875 4.125H4.125ZM4.125 5.5H17.875C18.2566 5.5 18.5625 5.80594 18.5625 6.1875V10.3125H17.1875V9.625C17.1875 8.49406 16.2559 7.5625 15.125 7.5625H12.375C11.8484 7.5625 11.3651 7.76875 11 8.09944C10.6242 7.75605 10.1341 7.56468 9.625 7.5625H6.875C5.74406 7.5625 4.8125 8.49406 4.8125 9.625V10.3125H3.4375V6.1875C3.4375 5.80594 3.74344 5.5 4.125 5.5ZM6.875 8.9375H9.625C10.0066 8.9375 10.3125 9.24344 10.3125 9.625V10.3125H6.1875V9.625C6.1875 9.24344 6.49344 8.9375 6.875 8.9375ZM12.375 8.9375H15.125C15.5066 8.9375 15.8125 9.24344 15.8125 9.625V10.3125H11.6875V9.625C11.6875 9.24344 11.9934 8.9375 12.375 8.9375ZM3.4375 11.6875H18.5625C18.9441 11.6875 19.25 11.9934 19.25 12.375V17.1875H18.5625V15.8125H3.4375V17.1875H2.75V12.375C2.75 11.9934 3.05594 11.6875 3.4375 11.6875Z" fill="var(--accent-color)" />
</svg>
<span>4 Beds</span>
</div>
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.875 2.75C16.3556 2.75 15.125 3.98062 15.125 5.5H13.75V6.875H17.875V5.5H16.5C16.5 4.68119 17.0562 4.125 17.875 4.125C18.6938 4.125 19.25 4.68119 19.25 5.5V9.625H0.6875V11H1.50425L2.55612 16.2209V16.2422C2.63597 16.5927 2.80427 16.917 3.04496 17.184C3.28566 17.4511 3.59074 17.652 3.93112 17.7677L3.4375 19.25H4.8125L5.2635 17.875H16.7365L17.1875 19.25H18.5625L18.0682 17.7677C18.788 17.5477 19.3469 16.9703 19.5078 16.2422V16.2209L20.4964 11H21.3125V9.625H20.625V5.5C20.625 3.98062 19.3944 2.75 17.875 2.75ZM2.90056 11H19.1208L18.1541 15.9631C18.0737 16.2607 17.8214 16.5 17.4666 16.5H4.598C4.2295 16.5 3.97994 16.2559 3.9105 15.9411L2.90056 11Z" fill="var(--accent-color)" />
</svg>
<span>2 Bath</span>
</div>
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.4375 3.4375V8.25H4.8125V13.75H3.4375V18.5625H8.25V17.1875H13.75V18.5625H18.5625V13.75H17.1875V8.25H18.5625V3.4375H13.75V4.8125H8.25V3.4375H3.4375ZM4.8125 4.8125H6.875V6.875H4.8125V4.8125ZM15.125 4.8125H17.1875V6.875H15.125V4.8125ZM8.25 6.1875H13.75V8.25H15.8125V13.75H13.75V15.8125H8.25V13.75H6.1875V8.25H8.25V6.1875ZM4.8125 15.125H6.875V17.1875H4.8125V15.125ZM15.125 15.125H17.1875V17.1875H15.125V15.125Z" fill="var(--accent-color)" />
</svg>
<span>1203 Sqft.</span>
</div>
</div>
</div>
<div class="swiper-slide popular-slide">
<div class="popular-slide__thumb">
<img src="images/slider/3.jpg" alt="">
</div>
<div class="popular-slide__text">
<div class="popular-slide__title">Allpine lenevote</div>
<div class="popular-slide__desc text">1087 Pin Oak Drive, Clinton, USA</div>
</div>
<div class="popular-slide__labels">
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.125 4.125C2.99406 4.125 2.0625 5.05656 2.0625 6.1875V10.8494C1.64312 11.2283 1.375 11.7707 1.375 12.375V18.5625H4.8125V17.1875H17.1875V18.5625H20.625V12.375C20.625 11.7707 20.3569 11.2283 19.9375 10.8494V6.1875C19.9375 5.05656 19.0059 4.125 17.875 4.125H4.125ZM4.125 5.5H17.875C18.2566 5.5 18.5625 5.80594 18.5625 6.1875V10.3125H17.1875V9.625C17.1875 8.49406 16.2559 7.5625 15.125 7.5625H12.375C11.8484 7.5625 11.3651 7.76875 11 8.09944C10.6242 7.75605 10.1341 7.56468 9.625 7.5625H6.875C5.74406 7.5625 4.8125 8.49406 4.8125 9.625V10.3125H3.4375V6.1875C3.4375 5.80594 3.74344 5.5 4.125 5.5ZM6.875 8.9375H9.625C10.0066 8.9375 10.3125 9.24344 10.3125 9.625V10.3125H6.1875V9.625C6.1875 9.24344 6.49344 8.9375 6.875 8.9375ZM12.375 8.9375H15.125C15.5066 8.9375 15.8125 9.24344 15.8125 9.625V10.3125H11.6875V9.625C11.6875 9.24344 11.9934 8.9375 12.375 8.9375ZM3.4375 11.6875H18.5625C18.9441 11.6875 19.25 11.9934 19.25 12.375V17.1875H18.5625V15.8125H3.4375V17.1875H2.75V12.375C2.75 11.9934 3.05594 11.6875 3.4375 11.6875Z" fill="var(--accent-color)" />
</svg>
<span>4 Beds</span>
</div>
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.875 2.75C16.3556 2.75 15.125 3.98062 15.125 5.5H13.75V6.875H17.875V5.5H16.5C16.5 4.68119 17.0562 4.125 17.875 4.125C18.6938 4.125 19.25 4.68119 19.25 5.5V9.625H0.6875V11H1.50425L2.55612 16.2209V16.2422C2.63597 16.5927 2.80427 16.917 3.04496 17.184C3.28566 17.4511 3.59074 17.652 3.93112 17.7677L3.4375 19.25H4.8125L5.2635 17.875H16.7365L17.1875 19.25H18.5625L18.0682 17.7677C18.788 17.5477 19.3469 16.9703 19.5078 16.2422V16.2209L20.4964 11H21.3125V9.625H20.625V5.5C20.625 3.98062 19.3944 2.75 17.875 2.75ZM2.90056 11H19.1208L18.1541 15.9631C18.0737 16.2607 17.8214 16.5 17.4666 16.5H4.598C4.2295 16.5 3.97994 16.2559 3.9105 15.9411L2.90056 11Z" fill="var(--accent-color)" />
</svg>
<span>2 Bath</span>
</div>
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.4375 3.4375V8.25H4.8125V13.75H3.4375V18.5625H8.25V17.1875H13.75V18.5625H18.5625V13.75H17.1875V8.25H18.5625V3.4375H13.75V4.8125H8.25V3.4375H3.4375ZM4.8125 4.8125H6.875V6.875H4.8125V4.8125ZM15.125 4.8125H17.1875V6.875H15.125V4.8125ZM8.25 6.1875H13.75V8.25H15.8125V13.75H13.75V15.8125H8.25V13.75H6.1875V8.25H8.25V6.1875ZM4.8125 15.125H6.875V17.1875H4.8125V15.125ZM15.125 15.125H17.1875V17.1875H15.125V15.125Z" fill="var(--accent-color)" />
</svg>
<span>1203 Sqft.</span>
</div>
</div>
</div>
<div class="swiper-slide popular-slide">
<div class="popular-slide__thumb">
<img src="images/slider/1.jpg" alt="">
</div>
<div class="popular-slide__text">
<div class="popular-slide__title">Aliva Priva Jalvin</div>
<div class="popular-slide__desc text">1087 Pin Oak Drive, Clinton, USA</div>
</div>
<div class="popular-slide__labels">
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.125 4.125C2.99406 4.125 2.0625 5.05656 2.0625 6.1875V10.8494C1.64312 11.2283 1.375 11.7707 1.375 12.375V18.5625H4.8125V17.1875H17.1875V18.5625H20.625V12.375C20.625 11.7707 20.3569 11.2283 19.9375 10.8494V6.1875C19.9375 5.05656 19.0059 4.125 17.875 4.125H4.125ZM4.125 5.5H17.875C18.2566 5.5 18.5625 5.80594 18.5625 6.1875V10.3125H17.1875V9.625C17.1875 8.49406 16.2559 7.5625 15.125 7.5625H12.375C11.8484 7.5625 11.3651 7.76875 11 8.09944C10.6242 7.75605 10.1341 7.56468 9.625 7.5625H6.875C5.74406 7.5625 4.8125 8.49406 4.8125 9.625V10.3125H3.4375V6.1875C3.4375 5.80594 3.74344 5.5 4.125 5.5ZM6.875 8.9375H9.625C10.0066 8.9375 10.3125 9.24344 10.3125 9.625V10.3125H6.1875V9.625C6.1875 9.24344 6.49344 8.9375 6.875 8.9375ZM12.375 8.9375H15.125C15.5066 8.9375 15.8125 9.24344 15.8125 9.625V10.3125H11.6875V9.625C11.6875 9.24344 11.9934 8.9375 12.375 8.9375ZM3.4375 11.6875H18.5625C18.9441 11.6875 19.25 11.9934 19.25 12.375V17.1875H18.5625V15.8125H3.4375V17.1875H2.75V12.375C2.75 11.9934 3.05594 11.6875 3.4375 11.6875Z" fill="var(--accent-color)" />
</svg>
<span>4 Beds</span>
</div>
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.875 2.75C16.3556 2.75 15.125 3.98062 15.125 5.5H13.75V6.875H17.875V5.5H16.5C16.5 4.68119 17.0562 4.125 17.875 4.125C18.6938 4.125 19.25 4.68119 19.25 5.5V9.625H0.6875V11H1.50425L2.55612 16.2209V16.2422C2.63597 16.5927 2.80427 16.917 3.04496 17.184C3.28566 17.4511 3.59074 17.652 3.93112 17.7677L3.4375 19.25H4.8125L5.2635 17.875H16.7365L17.1875 19.25H18.5625L18.0682 17.7677C18.788 17.5477 19.3469 16.9703 19.5078 16.2422V16.2209L20.4964 11H21.3125V9.625H20.625V5.5C20.625 3.98062 19.3944 2.75 17.875 2.75ZM2.90056 11H19.1208L18.1541 15.9631C18.0737 16.2607 17.8214 16.5 17.4666 16.5H4.598C4.2295 16.5 3.97994 16.2559 3.9105 15.9411L2.90056 11Z" fill="var(--accent-color)" />
</svg>
<span>2 Bath</span>
</div>
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.4375 3.4375V8.25H4.8125V13.75H3.4375V18.5625H8.25V17.1875H13.75V18.5625H18.5625V13.75H17.1875V8.25H18.5625V3.4375H13.75V4.8125H8.25V3.4375H3.4375ZM4.8125 4.8125H6.875V6.875H4.8125V4.8125ZM15.125 4.8125H17.1875V6.875H15.125V4.8125ZM8.25 6.1875H13.75V8.25H15.8125V13.75H13.75V15.8125H8.25V13.75H6.1875V8.25H8.25V6.1875ZM4.8125 15.125H6.875V17.1875H4.8125V15.125ZM15.125 15.125H17.1875V17.1875H15.125V15.125Z" fill="var(--accent-color)" />
</svg>
<span>1203 Sqft.</span>
</div>
</div>
</div>
<div class="swiper-slide popular-slide">
<div class="popular-slide__thumb">
<img src="images/slider/2.jpg" alt="">
</div>
<div class="popular-slide__text">
<div class="popular-slide__title">Hard line orchar</div>
<div class="popular-slide__desc text">1087 Pin Oak Drive, Clinton, USA</div>
</div>
<div class="popular-slide__labels">
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.125 4.125C2.99406 4.125 2.0625 5.05656 2.0625 6.1875V10.8494C1.64312 11.2283 1.375 11.7707 1.375 12.375V18.5625H4.8125V17.1875H17.1875V18.5625H20.625V12.375C20.625 11.7707 20.3569 11.2283 19.9375 10.8494V6.1875C19.9375 5.05656 19.0059 4.125 17.875 4.125H4.125ZM4.125 5.5H17.875C18.2566 5.5 18.5625 5.80594 18.5625 6.1875V10.3125H17.1875V9.625C17.1875 8.49406 16.2559 7.5625 15.125 7.5625H12.375C11.8484 7.5625 11.3651 7.76875 11 8.09944C10.6242 7.75605 10.1341 7.56468 9.625 7.5625H6.875C5.74406 7.5625 4.8125 8.49406 4.8125 9.625V10.3125H3.4375V6.1875C3.4375 5.80594 3.74344 5.5 4.125 5.5ZM6.875 8.9375H9.625C10.0066 8.9375 10.3125 9.24344 10.3125 9.625V10.3125H6.1875V9.625C6.1875 9.24344 6.49344 8.9375 6.875 8.9375ZM12.375 8.9375H15.125C15.5066 8.9375 15.8125 9.24344 15.8125 9.625V10.3125H11.6875V9.625C11.6875 9.24344 11.9934 8.9375 12.375 8.9375ZM3.4375 11.6875H18.5625C18.9441 11.6875 19.25 11.9934 19.25 12.375V17.1875H18.5625V15.8125H3.4375V17.1875H2.75V12.375C2.75 11.9934 3.05594 11.6875 3.4375 11.6875Z" fill="var(--accent-color)" />
</svg>
<span>4 Beds</span>
</div>
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.875 2.75C16.3556 2.75 15.125 3.98062 15.125 5.5H13.75V6.875H17.875V5.5H16.5C16.5 4.68119 17.0562 4.125 17.875 4.125C18.6938 4.125 19.25 4.68119 19.25 5.5V9.625H0.6875V11H1.50425L2.55612 16.2209V16.2422C2.63597 16.5927 2.80427 16.917 3.04496 17.184C3.28566 17.4511 3.59074 17.652 3.93112 17.7677L3.4375 19.25H4.8125L5.2635 17.875H16.7365L17.1875 19.25H18.5625L18.0682 17.7677C18.788 17.5477 19.3469 16.9703 19.5078 16.2422V16.2209L20.4964 11H21.3125V9.625H20.625V5.5C20.625 3.98062 19.3944 2.75 17.875 2.75ZM2.90056 11H19.1208L18.1541 15.9631C18.0737 16.2607 17.8214 16.5 17.4666 16.5H4.598C4.2295 16.5 3.97994 16.2559 3.9105 15.9411L2.90056 11Z" fill="var(--accent-color)" />
</svg>
<span>2 Bath</span>
</div>
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.4375 3.4375V8.25H4.8125V13.75H3.4375V18.5625H8.25V17.1875H13.75V18.5625H18.5625V13.75H17.1875V8.25H18.5625V3.4375H13.75V4.8125H8.25V3.4375H3.4375ZM4.8125 4.8125H6.875V6.875H4.8125V4.8125ZM15.125 4.8125H17.1875V6.875H15.125V4.8125ZM8.25 6.1875H13.75V8.25H15.8125V13.75H13.75V15.8125H8.25V13.75H6.1875V8.25H8.25V6.1875ZM4.8125 15.125H6.875V17.1875H4.8125V15.125ZM15.125 15.125H17.1875V17.1875H15.125V15.125Z" fill="var(--accent-color)" />
</svg>
<span>1203 Sqft.</span>
</div>
</div>
</div>
<div class="swiper-slide popular-slide">
<div class="popular-slide__thumb">
<img src="images/slider/3.jpg" alt="">
</div>
<div class="popular-slide__text">
<div class="popular-slide__title">Allpine lenevote</div>
<div class="popular-slide__desc text">1087 Pin Oak Drive, Clinton, USA</div>
</div>
<div class="popular-slide__labels">
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.125 4.125C2.99406 4.125 2.0625 5.05656 2.0625 6.1875V10.8494C1.64312 11.2283 1.375 11.7707 1.375 12.375V18.5625H4.8125V17.1875H17.1875V18.5625H20.625V12.375C20.625 11.7707 20.3569 11.2283 19.9375 10.8494V6.1875C19.9375 5.05656 19.0059 4.125 17.875 4.125H4.125ZM4.125 5.5H17.875C18.2566 5.5 18.5625 5.80594 18.5625 6.1875V10.3125H17.1875V9.625C17.1875 8.49406 16.2559 7.5625 15.125 7.5625H12.375C11.8484 7.5625 11.3651 7.76875 11 8.09944C10.6242 7.75605 10.1341 7.56468 9.625 7.5625H6.875C5.74406 7.5625 4.8125 8.49406 4.8125 9.625V10.3125H3.4375V6.1875C3.4375 5.80594 3.74344 5.5 4.125 5.5ZM6.875 8.9375H9.625C10.0066 8.9375 10.3125 9.24344 10.3125 9.625V10.3125H6.1875V9.625C6.1875 9.24344 6.49344 8.9375 6.875 8.9375ZM12.375 8.9375H15.125C15.5066 8.9375 15.8125 9.24344 15.8125 9.625V10.3125H11.6875V9.625C11.6875 9.24344 11.9934 8.9375 12.375 8.9375ZM3.4375 11.6875H18.5625C18.9441 11.6875 19.25 11.9934 19.25 12.375V17.1875H18.5625V15.8125H3.4375V17.1875H2.75V12.375C2.75 11.9934 3.05594 11.6875 3.4375 11.6875Z" fill="var(--accent-color)" />
</svg>
<span>4 Beds</span>
</div>
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M17.875 2.75C16.3556 2.75 15.125 3.98062 15.125 5.5H13.75V6.875H17.875V5.5H16.5C16.5 4.68119 17.0562 4.125 17.875 4.125C18.6938 4.125 19.25 4.68119 19.25 5.5V9.625H0.6875V11H1.50425L2.55612 16.2209V16.2422C2.63597 16.5927 2.80427 16.917 3.04496 17.184C3.28566 17.4511 3.59074 17.652 3.93112 17.7677L3.4375 19.25H4.8125L5.2635 17.875H16.7365L17.1875 19.25H18.5625L18.0682 17.7677C18.788 17.5477 19.3469 16.9703 19.5078 16.2422V16.2209L20.4964 11H21.3125V9.625H20.625V5.5C20.625 3.98062 19.3944 2.75 17.875 2.75ZM2.90056 11H19.1208L18.1541 15.9631C18.0737 16.2607 17.8214 16.5 17.4666 16.5H4.598C4.2295 16.5 3.97994 16.2559 3.9105 15.9411L2.90056 11Z" fill="var(--accent-color)" />
</svg>
<span>2 Bath</span>
</div>
<div class="popular-slide__label">
<svg width="22" height="22" viewBox="0 0 22 22" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M3.4375 3.4375V8.25H4.8125V13.75H3.4375V18.5625H8.25V17.1875H13.75V18.5625H18.5625V13.75H17.1875V8.25H18.5625V3.4375H13.75V4.8125H8.25V3.4375H3.4375ZM4.8125 4.8125H6.875V6.875H4.8125V4.8125ZM15.125 4.8125H17.1875V6.875H15.125V4.8125ZM8.25 6.1875H13.75V8.25H15.8125V13.75H13.75V15.8125H8.25V13.75H6.1875V8.25H8.25V6.1875ZM4.8125 15.125H6.875V17.1875H4.8125V15.125ZM15.125 15.125H17.1875V17.1875H15.125V15.125Z" fill="var(--accent-color)" />
</svg>
<span>1203 Sqft.</span>
</div>
</div>
</div>
</div>
</div>
<div class="slider-buttons">
<div class="popular-slider-btn popular-slider-prev swiper-button-prev"></div>
<div class="popular-slider-btn popular-slider-next swiper-button-next"></div>
</div>
</div>
<div class="popular__link">
<a href="" class="link">View all properties</a>
</div>
</div>
</section>
<section class="why">
<div class='why__container'>
<h2 class="title why__title">Why to choose us</h2>
<div class="why__body">
<div class="why__item item-why">
<div class="item-why__img">
<svg width="241" height="242" viewBox="0 0 241 242" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M137.686 160.43L205.86 228.604" stroke="var(--accent-color)" stroke-width="16" />
<path d="M159.885 138.231L228.058 206.405" stroke="var(--accent-color)" stroke-width="16" />
<path d="M228.058 206.405C231.002 209.349 232.656 213.341 232.656 217.504C232.656 221.667 231.002 225.66 228.058 228.604" stroke="var(--accent-color)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
<path d="M205.86 228.603C208.803 231.547 212.796 233.201 216.959 233.201C221.122 233.201 225.115 231.547 228.058 228.603" stroke="var(--accent-color)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
<path d="M78.9388 8.8483C88.2148 8.8483 97.3999 10.6753 105.97 14.2251C114.54 17.7749 122.327 22.9779 128.886 29.537C135.445 36.0961 140.648 43.8829 144.198 52.4528C147.747 61.0227 149.574 70.2078 149.574 79.4838C149.574 88.7598 147.747 97.945 144.197 106.515C140.648 115.085 135.445 122.872 128.886 129.431C122.327 135.99 114.54 141.193 105.97 144.743C97.3999 148.292 88.2148 150.119 78.9388 150.119C60.2051 150.119 42.2386 142.677 28.9919 129.431C15.7452 116.184 8.30322 98.2176 8.30322 79.4838C8.30322 70.2078 10.1303 61.0227 13.68 52.4528C17.2298 43.8829 22.4328 36.0961 28.9919 29.537C35.551 22.9779 43.3378 17.7749 51.9077 14.2251C60.4776 10.6753 69.6628 8.8483 78.9388 8.8483Z" stroke="var(--accent-color)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
<path d="M137.686 160.43L159.885 138.231" stroke="var(--accent-color)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
<path d="M148.785 149.331L128.886 129.431" stroke="var(--accent-color)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
<path d="M156.634 179.378L178.833 157.179" stroke="var(--accent-color)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
<path d="M78.9387 40.2419C89.3463 40.2419 99.3277 44.3763 106.687 51.7356C114.046 59.0949 118.181 69.0763 118.181 79.4839" stroke="var(--accent-color)" stroke-width="16" stroke-linecap="round" stroke-linejoin="round" />
</svg>
</div>
<div class="item-why__title">Easy to find</div>
<div class="item-why__text text">Urna, massa aliqua dui pellentesque. Ac, gravida in. Diam vitae, nec mattis lectus quam pretium amet facilisis.</div>
</div>
<div class="why__item item-why">
<div class="item-why__img">
<svg width="512" height="481" viewBox="0 0 512 481" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M448 167.8V44.8C448.018 38.9192 446.875 33.0927 444.636 27.6548C442.397 22.217 439.106 17.2749 434.951 13.1124C430.797 8.94982 425.862 5.6487 420.428 3.39852C414.995 1.14834 409.171 -0.00658468 403.29 2.82382e-05H280.36C272.299 0.0166128 264.57 3.21097 258.85 8.89003L13.09 254.58C4.70821 262.989 0.00158691 274.377 0.00158691 286.25C0.00158691 298.123 4.70821 309.511 13.09 317.92L130.09 434.92C138.496 443.304 149.883 448.012 161.755 448.012C173.627 448.012 185.014 443.304 193.42 434.92L439.11 189.31C444.791 183.591 447.986 175.861 448 167.8V167.8ZM352 128C345.671 128 339.484 126.123 334.222 122.607C328.959 119.091 324.858 114.093 322.436 108.246C320.014 102.399 319.38 95.9645 320.615 89.7571C321.85 83.5497 324.897 77.8479 329.373 73.3726C333.848 68.8973 339.55 65.8496 345.757 64.6149C351.965 63.3802 358.399 64.0139 364.246 66.4359C370.093 68.8579 375.091 72.9594 378.607 78.2218C382.123 83.4842 384 89.671 384 96C384 104.487 380.629 112.626 374.627 118.627C368.626 124.629 360.487 128 352 128Z" fill="var(--accent-color)" />
<path d="M496 48C491.757 48 487.687 49.6857 484.686 52.6863C481.686 55.6869 480 59.7565 480 64V191.37L218.69 452.69C217.142 454.161 215.904 455.927 215.049 457.884C214.194 459.841 213.739 461.949 213.712 464.085C213.684 466.22 214.085 468.34 214.889 470.318C215.694 472.296 216.887 474.093 218.397 475.603C219.907 477.113 221.704 478.306 223.682 479.111C225.66 479.915 227.78 480.316 229.915 480.288C232.051 480.261 234.159 479.806 236.116 478.951C238.073 478.096 239.839 476.858 241.31 475.31L503.31 213.31C506.097 210.51 508.3 207.185 509.792 203.526C511.284 199.868 512.034 195.95 512 192V64C512 59.7565 510.314 55.6869 507.314 52.6863C504.313 49.6857 500.243 48 496 48V48Z" fill="var(--accent-color)" />
</svg>
</div>
<div class="item-why__title">Affordable Prices</div>
<div class="item-why__text text">Urna, massa aliqua dui pellentesque. Ac, gravida in. Diam vitae, nec mattis lectus quam pretium amet facilisis.</div>
</div>
<div class="why__item item-why">
<div class="item-why__img">
<svg width="84" height="72" viewBox="0 0 84 72" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M75.9375 22.4584L82.45 15.9459L76.5584 10.0542L69.4417 17.1667C65.0667 14.5417 59.9667 13 54.5 13C38.4209 13 25.3334 26.0834 25.3334 42.1667C25.3334 58.25 38.4209 71.3334 54.5 71.3334C70.5792 71.3334 83.6667 58.25 83.6667 42.1667C83.6634 34.8585 80.9032 27.8205 75.9375 22.4584ZM54.5 63C43.0125 63 33.6667 53.6542 33.6667 42.1667C33.6667 30.6792 43.0125 21.3334 54.5 21.3334C65.9875 21.3334 75.3334 30.6792 75.3334 42.1667C75.3334 53.6542 65.9875 63 54.5 63Z" fill="var(--accent-color)" />
<path d="M50.3334 29.6667H58.6667V46.3333H50.3334V29.6667ZM46.1667 0.5H62.8334V8.83333H46.1667V0.5ZM4.50004 21.3333H21.1667V29.6667H4.50004V21.3333ZM4.50004 54.6667H21.1667V63H4.50004V54.6667ZM0.333374 38H16.9584V46.3333H0.333374V38Z" fill="var(--accent-color)" />
</svg>
</div>
<div class="item-why__title">Quickly Process</div>
<div class="item-why__text text">Urna, massa aliqua dui pellentesque. Ac, gravida in. Diam vitae, nec mattis lectus quam pretium amet facilisis.</div>
</div>
</div>
</div>
</section>
<section class="reviews">
<svg class="reviews-deco" width="339" height="1138" viewBox="0 0 339 1138" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.47" d="M-200.716 3L308.507 576.302L-187.777 1134.52L-727 561.221L-200.716 3Z" stroke="var(--accent-color)" stroke-width="4" />
<path opacity="0.58" d="M-281.716 3L227.507 576.302L-268.777 1134.52L-808 561.221L-281.716 3Z" stroke="var(--accent-color)" stroke-width="4" />
<path opacity="0.9" d="M-358.716 3L150.507 576.302L-345.777 1134.52L-885 561.221L-358.716 3Z" stroke="var(--accent-color)" stroke-width="4" />
</svg>
<div class='reviews__container'>
<div class="reviews__quotes">“</div>
<div class="reviews__slider slider-reviews swiper">
<div class="swiper-wrapper">
<div class="slider-reviews__slide swiper-slide">
<div class="slider-reviews__text">Massa semper non rutrum orci facilisi sit. Lectus porta quam a fringilla eget viverra sem. Vulputate massa hendrerit turpis gravida tempor, porttitor.</div>
<div class="slider-reviews__info">
<div class="slider-reviews__name">Elena Pravo</div>
<div class="slider-reviews__job text">Ceo, Upstate</div>
</div>
</div>
<div class="slider-reviews__slide swiper-slide">
<div class="slider-reviews__text">Lorem, ipsum dolor sit amet consectetur adipisicing elit. Dolorem ullam veniam, corrupti veritatis quam iure alias iusto non voluptatum cum? Expedita perspiciatis sunt laudantium ipsum quasi. Optio ut vero maxime cupiditate qui nobis quae ipsum eius aperiam repellat, explicabo nihil repellendus saepe facilis hic perspiciatis laudantium eaque corrupti assumenda ducimus voluptas iusto velit temporibus inventore. Obcaecati similique possimus aliquid ullam sed ab, quae assumenda ratione doloremque, aut, laboriosam voluptas error molestias odio? Eos libero est excepturi eaque mollitia delectus dolore aut consectetur quaerat at, deserunt veritatis voluptas et perspiciatis sapiente iusto placeat omnis dolorem natus assumenda. Alias consequatur ex tempore.</div>
<div class="slider-reviews__info">
<div class="slider-reviews__name">Elena Pravo</div>
<div class="slider-reviews__job text">Ceo, Upstate</div>
</div>
</div>
<div class="slider-reviews__slide swiper-slide">
<div class="slider-reviews__text">Lorem ipsum dolor sit, amet consectetur adipisicing elit. Quidem quod similique quisquam officiis. Ipsum nemo fugiat laborum beatae doloremque officia impedit totam commodi, quos dolor hic repellat dolores qui! Laborum dignissimos porro vero iure a cumque voluptate placeat. Nisi harum, numquam perferendis fugiat nesciunt ducimus soluta laudantium esse maiores. Rem!</div>
<div class="slider-reviews__info">
<div class="slider-reviews__name">Elena Pravo</div>
<div class="slider-reviews__job text">Ceo, Upstate</div>
</div>
</div>
</div>
<div class="slider-reviews__buttons">
<div class="slider-reviews-btn slider-reviews-prev swiper-button-prev">
<svg width="23" height="38" viewBox="0 0 23 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.56705 38L23 19L4.56705 0L0 4.70755L13.8659 19L0 33.2924L4.56705 38Z" />
</svg>
</div>
<div class="slider-reviews-btn slider-reviews-next swiper-button-next">
<svg width="23" height="38" viewBox="0 0 23 38" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M4.56705 38L23 19L4.56705 0L0 4.70755L13.8659 19L0 33.2924L4.56705 38Z" />
</svg>
</div>
</div>
</div>
</div>
</section>
<section class="gallery">
<div class='gallery__container'>
<div class="gallery__box">
<div class="gallery__item swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/gallery/1.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="images/gallery/2.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="images/gallery/3.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="images/gallery/4.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="images/gallery/5.jpg" alt="">
</div>
</div>
</div>
<div class="gallery__item swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<img src="images/gallery/6.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="images/gallery/7.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="images/gallery/8.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="images/gallery/9.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="images/gallery/10.jpg" alt="">
</div>
<div class="swiper-slide">
<img src="images/gallery/11.jpg" alt="">
</div>
</div>
</div>
</div>
<div class="gallery__info">
<h2 class="gallery__title title">We help people to find homes</h2>
<div class="gallery__text text">Mauris orci donec blandit maecenas. Orci lorem purus porttitor massa consectetur. Neque, vestibulum sed varius magna et at. Eu, adipiscing morbi augue justo. Nibh laoreet volutpat quis velit. Blandit aliquam donec sed morbi congue eget lorem viverra porta id lobortis.</div>
<a href="" class="gallery__link link">Get in touch</a>
</div>
</div>
</section>
<section class="begin">
<svg class="begin-wave" width="352" height="617" viewBox="0 0 352 617" fill="none" xmlns="http://www.w3.org/2000/svg">
<path opacity="0.58" d="M-104 48C-3.02255 72.5207 219.946 210.45 304 566" stroke="var(--accent-color)" stroke-width="3" />
<path opacity="0.47" d="M-58 2C42.9774 26.5207 265.946 164.45 350 520" stroke="var(--accent-color)" stroke-width="3" />
<path opacity="0.9" d="M-148 98C-47.0226 122.521 189.5 282 251.5 616" stroke="var(--accent-color)" stroke-width="3" />
</svg>
<svg class="begin-rect" width="75" height="182" viewBox="0 0 75 182" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect x="3.5" y="3.5" width="83" height="95" fill="var(--accent-color)" stroke="#121B25" stroke-width="7" />
<rect x="25.5" y="43.5" width="83" height="95" fill="var(--accent-color)" stroke="#121B25" stroke-width="7" />
<rect x="47.5" y="83.5" width="83" height="95" fill="var(--accent-color)" stroke="#121B25" stroke-width="7" />
</svg>
<div class='begin__container'>
<div class="begin__slogan">Let’s simply begin with rentiz.</div>
<div class="begin__content">
<div class="begin__text text">Neque, vestibulum sed varius magna et at. Eu, adipiscing morbi augue justo. Nibh laoreet volutpat quis velit. Blandit aliquam donec sed morbi congue eget lorem viverra porta id lobortis. </div>
<a href="" class="begin__link link">Get Started</a>
</div>
</div>
</section>
</main>
<footer class="footer">
<div class="footer__main">
<div class='main-footer__container'>
<div class="footer__block">
<a href="" class="footer__link">
<svg width="132" height="47" viewBox="0 0 132 47" fill="none" xmlns="http://www.w3.org/2000/svg">
<rect width="32" height="31" fill="var(--accent-color)" />
<path d="M15.7976 38V9.63636H26.4339C28.6129 9.63636 30.4411 10.0149 31.9183 10.772C33.4048 11.5291 34.5266 12.5909 35.2837 13.9574C36.0501 15.3146 36.4332 16.8981 36.4332 18.7077C36.4332 20.5266 36.0455 22.1055 35.2699 23.4442C34.5036 24.7738 33.3725 25.8033 31.8768 26.5327C30.381 27.2528 28.5437 27.6129 26.3647 27.6129H18.7891V23.3473H25.6722C26.9464 23.3473 27.9897 23.1719 28.8022 22.821C29.6147 22.4609 30.2148 21.9393 30.6026 21.256C30.9996 20.5636 31.1982 19.7141 31.1982 18.7077C31.1982 17.7013 30.9996 16.8427 30.6026 16.1317C30.2056 15.4116 29.6009 14.8668 28.7884 14.4975C27.9759 14.119 26.9279 13.9297 25.6445 13.9297H20.9357V38H15.7976ZM30.4503 25.1477L37.4719 38H31.7383L24.8413 25.1477H30.4503ZM50.0542 38.4155C47.9213 38.4155 46.0794 37.9723 44.5282 37.0859C42.9863 36.1903 41.7999 34.9254 40.9689 33.2912C40.138 31.6477 39.7225 29.7134 39.7225 27.4883C39.7225 25.3001 40.138 23.3796 40.9689 21.7269C41.8091 20.065 42.9817 18.7724 44.4867 17.8491C45.9917 16.9165 47.7598 16.4503 49.791 16.4503C51.1021 16.4503 52.3393 16.6626 53.5027 17.0874C54.6752 17.5028 55.7093 18.1491 56.6049 19.0263C57.5098 19.9034 58.2207 21.0206 58.7377 22.3778C59.2548 23.7259 59.5133 25.3324 59.5133 27.1974V28.7347H42.0769V25.3555H54.7076C54.6983 24.3952 54.4906 23.5412 54.0843 22.7933C53.6781 22.0362 53.1103 21.4407 52.3809 21.0067C51.6607 20.5728 50.8205 20.3558 49.8603 20.3558C48.8354 20.3558 47.9352 20.6051 47.1596 21.1037C46.3841 21.593 45.7793 22.2393 45.3453 23.0426C44.9206 23.8366 44.7037 24.7092 44.6944 25.6602V28.6101C44.6944 29.8473 44.9206 30.9091 45.373 31.7955C45.8255 32.6726 46.4579 33.3466 47.2704 33.8175C48.0829 34.2791 49.0339 34.5099 50.1234 34.5099C50.8528 34.5099 51.513 34.4084 52.1039 34.2053C52.6948 33.9929 53.2072 33.6836 53.6412 33.2773C54.0751 32.8711 54.4029 32.3679 54.6245 31.7678L59.3056 32.294C59.0101 33.5312 58.4469 34.6115 57.6159 35.5348C56.7942 36.4489 55.7417 37.1598 54.4583 37.6676C53.1749 38.1662 51.7069 38.4155 50.0542 38.4155ZM68.7682 25.5355V38H63.7547V16.7273H68.5466V20.342H68.7959C69.2852 19.1509 70.0654 18.2045 71.1365 17.5028C72.2167 16.8011 73.5509 16.4503 75.1389 16.4503C76.607 16.4503 77.8857 16.7642 78.9752 17.392C80.074 18.0199 80.9234 18.9293 81.5235 20.1204C82.1329 21.3114 82.433 22.7564 82.4237 24.4553V38H77.4102V25.2308C77.4102 23.8089 77.0409 22.6964 76.3023 21.8931C75.5729 21.0898 74.5619 20.6882 73.2693 20.6882C72.3921 20.6882 71.6119 20.8821 70.9287 21.2699C70.2547 21.6484 69.7238 22.1978 69.336 22.918C68.9575 23.6381 68.7682 24.5107 68.7682 25.5355ZM98.1428 16.7273V20.6051H85.9138V16.7273H98.1428ZM88.933 11.6307H93.9465V31.6016C93.9465 32.2756 94.048 32.7926 94.2512 33.1527C94.4635 33.5036 94.7405 33.7436 95.0821 33.8729C95.4237 34.0021 95.8023 34.0668 96.2178 34.0668C96.5317 34.0668 96.8179 34.0437 97.0764 33.9975C97.3442 33.9513 97.5473 33.9098 97.6858 33.8729L98.5306 37.7923C98.2629 37.8846 97.8797 37.9862 97.3811 38.0969C96.8918 38.2077 96.2916 38.2724 95.5807 38.2908C94.325 38.3278 93.194 38.1385 92.1876 37.723C91.1812 37.2983 90.3825 36.6428 89.7916 35.7564C89.21 34.87 88.9237 33.7621 88.933 32.4325V11.6307ZM102.336 38V16.7273H107.349V38H102.336ZM104.856 13.7081C104.062 13.7081 103.379 13.445 102.807 12.9187C102.234 12.3832 101.948 11.7415 101.948 10.9936C101.948 10.2365 102.234 9.59481 102.807 9.06854C103.379 8.53302 104.062 8.26527 104.856 8.26527C105.66 8.26527 106.343 8.53302 106.906 9.06854C107.479 9.59481 107.765 10.2365 107.765 10.9936C107.765 11.7415 107.479 12.3832 106.906 12.9187C106.343 13.445 105.66 13.7081 104.856 13.7081ZM112.228 38V34.8146L123.196 21.0621V20.8821H112.588V16.7273H129.332V20.1481L118.889 33.6651V33.8452H129.692V38H112.228Z" fill="white" />
</svg>
</a>
<div class="footer__text text">Neque, vestibulum sed varius magna et at. Eu, adipiscing morbi augue.</div>
<div class="footer__socials">
<a href="" class="footer__social">
<svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M9.999 0C4.477 0 0 4.477 0 9.999C0 14.989 3.656 19.125 8.437 19.878V12.89H5.897V9.999H8.437V7.796C8.437 5.288 9.93 3.905 12.213 3.905C13.307 3.905 14.453 4.1 14.453 4.1V6.559H13.189C11.949 6.559 11.561 7.331 11.561 8.122V9.997H14.332L13.889 12.888H11.561V19.876C16.342 19.127 19.998 14.99 19.998 9.999C19.998 4.477 15.521 0 9.999 0Z" />
</svg>
</a>
<a href="#" class="footer__social">
<svg width="19" height="19" viewBox="0 0 19 19" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M8.997 4.372C6.443 4.372 4.374 6.442 4.374 8.995C4.374 11.549 6.443 13.619 8.997 13.619C11.549 13.619 13.62 11.549 13.62 8.995C13.62 6.442 11.549 4.372 8.997 4.372ZM8.997 11.999C7.338 11.999 5.993 10.654 5.993 8.996C5.993 7.337 7.338 5.993 8.997 5.993C10.656 5.993 11.999 7.337 11.999 8.996C11.999 10.654 10.656 11.999 8.997 11.999Z" />
<path d="M13.804 5.28C14.3994 5.28 14.882 4.79736 14.882 4.202C14.882 3.60664 14.3994 3.124 13.804 3.124C13.2086 3.124 12.726 3.60664 12.726 4.202C12.726 4.79736 13.2086 5.28 13.804 5.28Z" />
<path d="M17.531 3.106C17.062 1.897 16.107 0.941 14.898 0.474C14.199 0.211 13.46 0.0699999 12.712 0.0539999C11.749 0.0119999 11.444 0 9.002 0C6.56 0 6.247 -1.00583e-07 5.292 0.0539999C4.546 0.0689999 3.807 0.21 3.108 0.474C1.898 0.941 0.943 1.897 0.475 3.106C0.212 3.806 0.071 4.544 0.056 5.292C0.013 6.254 0 6.559 0 9.002C0 11.444 -7.45058e-09 11.755 0.056 12.712C0.071 13.46 0.212 14.198 0.475 14.899C0.944 16.107 1.899 17.063 3.109 17.531C3.805 17.803 4.544 17.957 5.294 17.981C6.257 18.023 6.562 18.036 9.004 18.036C11.446 18.036 11.759 18.036 12.714 17.981C13.461 17.966 14.2 17.824 14.9 17.562C16.109 17.093 17.064 16.138 17.533 14.929C17.796 14.229 17.937 13.491 17.952 12.743C17.995 11.781 18.008 11.476 18.008 9.033C18.008 6.59 18.008 6.28 17.952 5.323C17.939 4.565 17.799 3.814 17.531 3.106ZM16.313 12.638C16.306 13.214 16.202 13.785 16.002 14.326C15.697 15.113 15.076 15.735 14.29 16.037C13.755 16.236 13.191 16.34 12.62 16.348C11.67 16.392 11.402 16.403 8.966 16.403C6.528 16.403 6.279 16.403 5.311 16.348C4.742 16.341 4.176 16.236 3.642 16.037C2.853 15.736 2.228 15.114 1.923 14.326C1.727 13.792 1.621 13.227 1.612 12.657C1.569 11.707 1.559 11.439 1.559 9.003C1.559 6.566 1.559 6.317 1.612 5.348C1.619 4.772 1.723 4.202 1.923 3.661C2.228 2.872 2.853 2.251 3.642 1.949C4.176 1.751 4.742 1.646 5.311 1.638C6.262 1.595 6.529 1.583 8.966 1.583C11.403 1.583 11.653 1.583 12.62 1.638C13.191 1.645 13.755 1.75 14.29 1.949C15.076 2.252 15.697 2.874 16.002 3.661C16.198 4.195 16.304 4.76 16.313 5.33C16.356 6.281 16.367 6.548 16.367 8.985C16.367 11.421 16.367 11.683 16.324 12.639H16.313V12.638Z" />
</svg>
</a>
<a href="#" class="footer__social">
<svg width="22" height="17" viewBox="0 0 22 17" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M21.4572 2.01238C20.6876 2.35373 19.8604 2.58442 18.9924 2.68815C19.8783 2.15701 20.5589 1.31598 20.8793 0.31378C20.05 0.80564 19.1316 1.16278 18.154 1.3552C17.3712 0.52112 16.2559 0 15.0215 0C12.6514 0 10.7297 1.92147 10.7297 4.29155C10.7297 4.6279 10.7677 4.95546 10.8409 5.2696C7.27414 5.0906 4.1118 3.38203 1.99514 0.78551C1.6257 1.41935 1.41406 2.15656 1.41406 2.94309C1.41406 4.43204 2.17169 5.74563 3.32328 6.5153C2.61984 6.4929 1.95801 6.2999 1.37944 5.97846C1.37903 5.99639 1.37903 6.0143 1.37903 6.0324C1.37903 8.1118 2.85838 9.8463 4.82164 10.2406C4.46154 10.3387 4.08239 10.3912 3.69099 10.3912C3.41445 10.3912 3.1456 10.3642 2.88351 10.3142C3.42966 12.0191 5.01458 13.26 6.89259 13.2945C5.42381 14.4457 3.57332 15.1318 1.56258 15.1318C1.21617 15.1318 0.874558 15.1114 0.538818 15.0717C2.43808 16.2894 4.69396 17 7.11755 17C15.0114 17 19.3282 10.4605 19.3282 4.78918C19.3282 4.60314 19.324 4.41805 19.3157 4.23395C20.1543 3.62886 20.8819 2.87302 21.4572 2.01238Z" />
</svg>
</a>
<a href="#" class="footer__social">
<svg width="21" height="15" viewBox="0 0 21 15" fill="none" xmlns="http://www.w3.org/2000/svg">
<path d="M20.5911 2.20301C20.3611 1.34501 19.6861 0.668007 18.8291 0.437007C17.2631 0.00700739 10.9981 7.5965e-06 10.9981 7.5965e-06C10.9981 7.5965e-06 4.73413 -0.00699261 3.16713 0.404007C2.32713 0.633007 1.63313 1.32501 1.40113 2.18201C0.988133 3.74801 0.984132 6.99601 0.984132 6.99601C0.984132 6.99601 0.980132 10.26 1.39013 11.81C1.62013 12.667 2.29513 13.344 3.15313 13.575C4.73513 14.005 10.9831 14.012 10.9831 14.012C10.9831 14.012 17.2481 14.019 18.8141 13.609C19.6701 13.379 20.3481 12.703 20.5811 11.846C20.9951 10.281 20.9981 7.03401 20.9981 7.03401C20.9981 7.03401 21.0181 3.76901 20.5911 2.20301ZM8.99413 10.005L8.99913 4.00501L14.2061 7.01001L8.99413 10.005Z" />
</svg>
</a>
</div>
</div>
<div class="footer__block links-footer">
<div class="links-footer__header">Project</div>
<ul class="links-footer__list">
<li class="links-footer__item">
<a href="" class="links-footer__link text">Houses</a>
</li>
<li class="links-footer__item">
<a href="" class="links-footer__link text">Rooms</a>
</li>
<li class="links-footer__item">
<a href="" class="links-footer__link text">Flats</a>
</li>
<li class="links-footer__item">
<a href="" class="links-footer__link text">Appartments</a>
</li>
</ul>
</div>
<div class="footer__block links-footer">
<div class="links-footer__header">Company</div>
<ul class="links-footer__list">
<li class="links-footer__item">
<a href="" class="links-footer__link text">How we work ?</a>
</li>
<li class="links-footer__item">
<a href="" class="links-footer__link text">Capital</a>
</li>
<li class="links-footer__item">
<a href="" class="links-footer__link text">Security</a>
</li>
</ul>
</div>
<div class="footer__block links-footer">
<div class="links-footer__header">Movement</div>
<ul class="links-footer__list">
<li class="links-footer__item">
<a href="" class="links-footer__link text">Who are we</a>
</li>
<li class="links-footer__item">
<a href="" class="links-footer__link text">Support us</a>
</li>
</ul>
</div>
<div class="footer__block links-footer">
<div class="links-footer__header">Help</div>
<ul class="links-footer__list">
<li class="links-footer__item">
<a href="" class="links-footer__link text">Privacy</a>
</li>
<li class="links-footer__item">
<a href="" class="links-footer__link text">Condition</a>
</li>
<li class="links-footer__item">
<a href="" class="links-footer__link text">Blog</a>
</li>
<li class="links-footer__item">
<a href="" class="links-footer__link text">FAQs</a>
</li>
</ul>
</div>
</div>
</div>
<div class="footer__copyright">
<div class='copyright__container'>
<span class="text">Copyright ©TemplatesJungle. 2022. All right reserved</span>
<span class="text">Design by: Designer</span>
</div>
</div>
</footer>
<script src="js/script.js"></script>
</body>
</html>