-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
913 lines (902 loc) · 50.9 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
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
793
794
795
796
797
798
799
800
801
802
803
804
805
806
807
808
809
810
811
812
813
814
815
816
817
818
819
820
821
822
823
824
825
826
827
828
829
830
831
832
833
834
835
836
837
838
839
840
841
842
843
844
845
846
847
848
849
850
851
852
853
854
855
856
857
858
859
860
861
862
863
864
865
866
867
868
869
870
871
872
873
874
875
876
877
878
879
880
881
882
883
884
885
886
887
888
889
890
891
892
893
894
895
896
897
898
899
900
901
902
903
904
905
906
907
908
909
910
911
912
913
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<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=Noto+Serif:wght@400;600;700;800&display=swap"
rel="stylesheet"
/>
<link
rel="stylesheet"
href="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/animate.css/4.1.1/animate.min.css"
/>
<link rel="stylesheet" href="styles/style.css" />
<title>bmark</title>
</head>
<body>
<section class="section-one">
<div class="content">
<header class="header">
<div class="logo">
<svg
width="131"
height="27"
viewBox="0 0 131 27"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M17.9951 26.9041C15.016 26.9041 12.0067 26.9041 9.02763 26.9041C6.04851 26.9041 3.00921 26.9041 0 26.9041V0.0661621H8.57625V7.21444C10.141 7.21444 11.7359 7.21444 13.3007 7.21444C14.8655 7.21444 16.4604 7.21444 18.0252 7.21444C19.3191 7.21444 20.1015 7.62929 20.1015 7.62929C20.4024 7.75694 20.7034 7.9165 20.9441 8.10797C21.1848 8.29944 21.4557 8.52283 21.6663 8.77812C22.0876 9.28871 22.4186 9.92695 22.6594 10.6609C22.7195 11.012 22.8098 11.363 22.87 11.7778C22.9302 12.1927 22.9603 12.6076 22.9603 13.0543V21.1919C22.9603 21.6705 22.9302 22.1173 22.87 22.5003C22.8098 22.8832 22.7195 23.2661 22.5992 23.5853C22.4487 24.0001 22.2982 24.3831 22.0876 24.7341C21.877 25.0851 21.6663 25.3404 21.3955 25.5638C21.1848 25.8191 20.914 26.0106 20.6432 26.202C20.3724 26.3935 20.1015 26.4893 19.8307 26.585C19.8307 26.585 18.8978 26.9041 17.9951 26.9041ZM13.3308 11.0758H9.59938C9.44892 11.0758 9.32855 11.1077 9.20818 11.2034C9.08781 11.2992 8.96745 11.3949 8.87717 11.5226C8.72671 11.6502 8.63643 11.7778 8.57625 11.9374C8.51606 12.097 8.48597 12.2565 8.48597 12.4161V21.8301C8.48597 21.9897 8.51606 22.1173 8.60634 22.245C8.69662 22.3726 8.7568 22.5003 8.84708 22.596C8.96745 22.7236 9.08781 22.8194 9.20818 22.8832C9.32855 22.947 9.47901 23.0428 9.62947 23.0428H13.3609C13.4813 23.0428 13.6016 23.0109 13.722 22.9151C13.8424 22.8194 13.9627 22.7556 14.053 22.6279C14.1433 22.5003 14.2336 22.3726 14.2937 22.245C14.3539 22.1173 14.384 21.9578 14.384 21.8301V12.3842C14.384 12.2565 14.3539 12.1289 14.2937 11.9693C14.2336 11.8098 14.1734 11.6502 14.053 11.5545C13.9326 11.4587 13.8424 11.3311 13.722 11.2353C13.6016 11.1396 13.4813 11.0758 13.3308 11.0758Z"
fill="#021112"
/>
<path
d="M25.6385 7.21436H33.4324V8.65039C33.5227 8.45892 33.643 8.26745 33.7634 8.07598C33.8838 7.88451 34.0342 7.75686 34.1546 7.62921C34.3051 7.50156 34.4856 7.40583 34.6361 7.342C34.7865 7.27818 34.9671 7.21436 35.1777 7.21436H43.4531C43.8443 7.21436 44.2054 7.27818 44.5063 7.43774C44.8072 7.5973 45.0479 7.78877 45.2285 8.01215C45.379 8.17171 45.5294 8.36319 45.6197 8.55466C45.71 8.74613 45.8003 8.90569 45.8604 9.06525C45.9206 9.22481 45.9507 9.32054 45.9808 9.38437C46.0109 9.44819 45.9808 9.44819 45.9507 9.35246C46.0109 9.09716 46.0711 8.84187 46.1313 8.61848C46.1915 8.3951 46.3118 8.17171 46.4322 7.98024C46.5526 7.72495 46.703 7.53347 46.8836 7.40583C47.0641 7.27818 47.3049 7.21436 47.5456 7.21436H54.3464C54.8279 7.21436 55.2793 7.27818 55.6705 7.37392C56.0617 7.46965 56.3927 7.62921 56.7237 7.85259C57.0547 8.07598 57.2954 8.29936 57.5362 8.55466C57.7769 8.80995 57.9575 9.12907 58.138 9.44819C58.2885 9.7354 58.4088 10.0226 58.4991 10.3417C58.5894 10.6608 58.6797 10.98 58.7399 11.2991C58.8 11.7139 58.8602 12.1288 58.8903 12.5437C58.9204 12.9585 58.9505 13.3415 58.9505 13.7244V26.8721H51.1566V12.1607C51.1566 12.0011 51.1266 11.8416 51.0664 11.7139C51.0062 11.5863 50.946 11.4906 50.8858 11.3629C50.7955 11.2991 50.7053 11.2353 50.5849 11.1714C50.4645 11.1076 50.3743 11.1076 50.2539 11.1076H47.0039C46.8836 11.1076 46.7933 11.1395 46.6729 11.2033C46.5526 11.2672 46.4924 11.331 46.4322 11.3948C46.372 11.4906 46.3118 11.6182 46.2516 11.7459C46.1915 11.8735 46.1915 11.9692 46.1915 12.0969V26.8721H38.3675V12.2245C38.3675 12.0969 38.3374 11.9692 38.3073 11.8097C38.2772 11.6501 38.217 11.5225 38.1569 11.4267C38.0666 11.2991 37.9462 11.2033 37.8258 11.1395C37.7055 11.0757 37.5249 11.0119 37.3444 11.0119H34.2449C34.1245 11.0119 34.0042 11.0438 33.9139 11.1395C33.8236 11.2353 33.7333 11.331 33.643 11.4586C33.5528 11.5863 33.5227 11.7139 33.4625 11.8416C33.4023 11.9692 33.4023 12.0969 33.4023 12.2245V26.8721H25.6385V7.21436Z"
fill="#021112"
/>
<path
d="M84.5887 13.9795V26.84H77.0356L76.494 24.7338C76.4639 24.8934 76.4338 25.021 76.3736 25.1167C76.3134 25.2125 76.2532 25.3401 76.2231 25.4359C76.163 25.5954 76.1028 25.7231 75.9824 25.8507C75.862 25.9784 75.8018 26.0741 75.7116 26.1698C75.4407 26.3932 75.1699 26.5847 74.8991 26.6804C74.5982 26.7762 74.2672 26.84 73.9361 26.84H66.0821C65.6608 26.84 65.2696 26.8081 64.9386 26.7123C64.6076 26.6166 64.2766 26.5209 64.0057 26.3613C63.7048 26.2017 63.434 26.0103 63.2234 25.7869C63.0127 25.5635 62.8021 25.2763 62.6516 24.9891C62.471 24.67 62.3206 24.287 62.2002 23.8722C62.0799 23.4573 62.0197 23.0425 61.9595 22.6595C61.8993 22.2447 61.8692 21.7979 61.8692 21.383C61.8692 20.9682 61.8391 20.5533 61.8391 20.1704C61.8391 19.8194 61.8391 19.4364 61.8391 19.0535C61.8391 18.6705 61.8692 18.2557 61.8993 17.8408C61.9294 17.426 62.0197 17.043 62.0798 16.6601C62.14 16.2771 62.2604 15.9261 62.4109 15.607C62.5613 15.256 62.772 14.9368 63.0428 14.6496C63.3136 14.3624 63.5845 14.139 63.9456 13.9476C64.2164 13.788 64.5474 13.6923 64.9085 13.5965C65.2696 13.5008 65.6608 13.4689 66.0821 13.4689H74.8389C74.9894 13.4689 75.1699 13.4051 75.3204 13.3093C75.4708 13.2136 75.6514 13.0859 75.7718 12.8945C75.862 12.7987 75.9523 12.6711 76.0125 12.5115C76.0727 12.352 76.1028 12.2243 76.1028 12.0967C76.1028 11.9371 76.0727 11.8095 75.9824 11.6499C75.8921 11.4903 75.8319 11.3627 75.7116 11.267C75.5912 11.1393 75.4708 11.0436 75.3204 10.9798C75.1699 10.9159 75.0495 10.8521 74.8991 10.8521H63.2534V7.11841H79.4731C79.9546 7.11841 80.3758 7.15032 80.767 7.24606C81.1582 7.34179 81.5194 7.46944 81.8504 7.629C82.2416 7.78856 82.5425 8.04385 82.8133 8.29915C83.0841 8.55445 83.3249 8.87356 83.5054 9.19268C83.686 9.47989 83.8665 9.79901 83.9869 10.15C84.1073 10.5011 84.2276 10.8202 84.2878 11.1712C84.4082 11.6499 84.4684 12.1286 84.5286 12.6073C84.5887 13.0859 84.5887 13.5646 84.5887 13.9795ZM76.0727 17.3941H71.92C71.7394 17.3941 71.5589 17.4579 71.3783 17.5536C71.1978 17.6493 71.0473 17.777 70.8968 17.9366C70.7765 18.0961 70.6862 18.2557 70.5658 18.4471C70.4455 18.6386 70.4154 18.7663 70.4154 18.9577V21.766C70.4154 21.8936 70.4455 22.0213 70.5056 22.1489C70.5658 22.2766 70.626 22.4042 70.7163 22.5319C70.8367 22.6595 70.9871 22.7553 71.1376 22.8829C71.288 23.0106 71.4686 23.0425 71.589 23.0425H74.9894C75.1097 23.0425 75.2301 23.0106 75.3806 22.9148C75.531 22.8191 75.6514 22.7233 75.7718 22.5957C75.862 22.5 75.9523 22.3723 76.0125 22.2447C76.0727 22.117 76.1028 21.9894 76.1028 21.8617V17.3941H76.0727Z"
fill="#021112"
/>
<path
d="M96.2953 26.904H87.689V7.21436H96.2953V8.96951C96.4157 8.77804 96.5661 8.58657 96.7467 8.3951C96.8069 8.29936 96.8972 8.20363 97.0175 8.10789C97.1379 8.01215 97.2282 7.94833 97.3184 7.91642C97.4689 7.82068 97.5893 7.72495 97.7397 7.62921C97.8902 7.53347 98.0106 7.46965 98.161 7.43774C98.3115 7.37392 98.492 7.342 98.6425 7.31009C98.793 7.27818 98.9434 7.24627 99.0939 7.24627H104.21V12.7032H99.6957C99.2443 12.7032 98.8231 12.767 98.4619 12.8628C98.0708 12.9585 97.7096 13.0862 97.4388 13.2776C97.2884 13.3414 97.1379 13.4372 97.0175 13.5648C96.8972 13.6925 96.8069 13.8201 96.6865 13.9478C96.5361 14.1073 96.4458 14.2669 96.3856 14.4584C96.3254 14.6498 96.2953 14.8413 96.2953 15.0647V26.904Z"
fill="#021112"
/>
<path
d="M115.222 14.0438L122.594 7.24656H128.011L122.925 11.9695L130.84 26.9362H120.638L116.606 17.7137L115.192 19.1816V27.0001L106.646 26.9682V0.162109H115.192V14.0438H115.222Z"
fill="#021112"
/>
</svg>
</div>
<div class="navigation">
<nav class="navigation__menu">
<ul class="navigation__menu-list">
<li><a class="navigation__link" href="#">Home</a></li>
<li>
<a class="navigation__link" href="#">Listing</a>
</li>
<li>
<a class="navigation__link" href="#">Property</a>
</li>
<li><a class="navigation__link" href="#">Agents</a></li>
<li><a class="navigation__link" href="#">Blogs</a></li>
<li>
<a class="regestration" href="#">Sign in</a>
</li>
</ul>
</nav>
<div class="menu"></div>
</div>
</header>
<div class="home animate__animated animate__fadeInUp">
<h1 class="home__title title">
Easy way to find a home <br />
that’s perfect for you
</h1>
<h2 class="home__subtitle subtitle">
The find and most trusted marketplace of design & build house in the
world.
</h2>
<div class="search">
<div class="search__filter">
<button
type="radio"
class="filter rent"
onclick="toggleFilter('rent')"
>
Rent
</button>
<button
type="radio"
class="filter buy"
onclick="toggleFilter('buy')"
>
Buy
</button>
<button
type="radio"
class="filter sell"
onclick="toggleFilter('sell')"
>
Sell
</button>
</div>
<div class="search__parameters">
<div class="search__filter-category search__locations">
<p class="search__filter-name">
<svg
width="31"
height="31"
viewBox="0 0 31 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15.1899 6.12109C11.0526 6.12109 7.68738 9.33913 7.68738 13.2978C7.68738 18.9215 14.4832 24.7269 14.7724 24.9706C14.8906 25.0709 15.039 25.1211 15.1874 25.1211C15.3358 25.1211 15.4842 25.0709 15.6024 24.9706C15.8916 24.7269 22.6874 18.9192 22.6874 13.2954C22.6899 9.33913 19.3247 6.12109 15.1899 6.12109ZM15.1899 17.2062C12.8911 17.2062 11.0224 15.4312 11.0224 13.2476C11.0224 11.064 12.8911 9.28896 15.1899 9.28896C17.4887 9.28896 19.3574 11.064 19.3574 13.2476C19.3574 15.4312 17.4862 17.2062 15.1899 17.2062Z"
fill="#13A6BA"
/>
</svg>
Location
</p>
<p class="search__filter-result">Los Angels</p>
</div>
<div class="search__filter-category search__type">
<p class="search__filter-name">
<svg
width="31"
height="31"
viewBox="0 0 31 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M22.7199 11.1084C22.3389 10.6453 21.8673 10.281 21.3409 10.0326C21.362 9.85998 21.3746 9.68523 21.3746 9.51049C21.3746 7.22197 19.5135 5.36084 17.2271 5.36084C14.9407 5.36084 13.0774 7.22197 13.0774 9.51049C13.0774 10.1337 13.2185 10.7505 13.4859 11.3085C12.6458 12.5548 12.57 14.1991 13.3364 15.5234L11.05 17.8077L7.05612 21.8036C6.6561 22.2036 6.6561 22.8563 7.05612 23.2563C7.45613 23.6563 8.10879 23.6563 8.50881 23.2563L9.15094 22.6142L9.59096 23.0542C9.99098 23.4542 10.6436 23.4542 11.0437 23.0542C11.4437 22.6542 11.4437 22.0015 11.0437 21.6015L10.6036 21.1615L10.9594 20.8057L11.3995 21.2457C11.7826 21.6436 12.4711 21.6436 12.8521 21.2457C13.2501 20.8625 13.2501 20.1741 12.8521 19.793L12.4121 19.353L14.7912 16.974C15.787 17.5508 16.9934 17.6666 18.0882 17.2855C18.1576 17.315 18.2271 17.3424 18.2966 17.3698V21.8499V23.4079V24.4522C18.2966 24.528 18.3261 24.6016 18.3766 24.6585L19.4272 25.787C19.5366 25.9091 19.7451 25.9133 19.8588 25.7954L20.9978 24.6669C21.0546 24.6101 21.0862 24.5343 21.0862 24.4522V23.4563C21.0862 23.3637 21.0441 23.2753 20.9704 23.2184L20.3072 22.7047L20.9704 22.191C21.1241 22.0773 21.1241 21.8289 20.9704 21.7152L20.3072 21.2015L20.9704 20.6878C21.1241 20.5741 21.1241 20.3257 20.9704 20.212L20.3072 19.6983L20.9704 19.1846C21.0441 19.1277 21.0862 19.0393 21.0862 18.9467V17.3382C22.6105 16.7466 23.6189 15.2855 23.6189 13.6328C23.6189 13.1549 23.5347 12.6854 23.3684 12.2411C23.301 12.0601 23.2084 11.8495 23.0757 11.6243C22.9599 11.4179 22.8357 11.2474 22.7199 11.1084ZM18.9387 12.5906C18.9387 12.1885 19.265 11.8601 19.6693 11.8601C19.7345 11.8601 19.7977 11.8706 19.8588 11.8853C19.5977 12.1738 19.2903 12.4201 18.9408 12.6138C18.9408 12.6075 18.9387 12.599 18.9387 12.5906ZM19.6693 13.3212C19.4945 13.3212 19.3324 13.258 19.2082 13.1549C19.6356 12.9233 20.0103 12.6222 20.3261 12.2706C20.3746 12.3674 20.4019 12.4748 20.4019 12.5906C20.3977 12.9948 20.0714 13.3212 19.6693 13.3212ZM17.2271 5.96297C19.1829 5.96297 20.7746 7.55462 20.7746 9.51049C20.7746 9.61154 20.7704 9.7126 20.762 9.81366C20.404 9.71049 20.0314 9.65576 19.6482 9.65576C19.1914 9.65576 18.7513 9.73365 18.3429 9.87682C16.8586 9.24521 15.1175 9.57575 13.9722 10.7232C13.9532 10.7421 13.9364 10.7611 13.9175 10.78C13.7638 10.3779 13.6838 9.94629 13.6838 9.51049C13.6796 7.55462 15.2712 5.96297 17.2271 5.96297ZM14.9133 16.3424C14.7933 16.2623 14.6354 16.2792 14.5343 16.3802L11.7742 19.1404C11.6563 19.2583 11.6563 19.4477 11.7742 19.5656L12.4269 20.2183C12.5911 20.3762 12.5911 20.6604 12.4269 20.8204C12.269 20.9847 11.9847 20.9847 11.8247 20.8204L11.1721 20.1678C11.0542 20.0499 10.8647 20.0499 10.7468 20.1678L9.96571 20.9489C9.84992 21.0604 9.84992 21.2626 9.96571 21.3741L10.6184 22.0268C10.7847 22.1931 10.7847 22.4626 10.6184 22.6289C10.452 22.7953 10.1826 22.7953 10.0162 22.6289L9.36358 21.9763C9.24568 21.8584 9.0562 21.8584 8.9383 21.9763L8.08353 22.831C7.9172 22.9974 7.64772 22.9974 7.4814 22.831C7.31507 22.6647 7.31507 22.3952 7.4814 22.2289L10.9994 18.7109L13.9322 15.7781C14.0332 15.6771 14.0501 15.5171 13.9701 15.3992C13.0837 14.0686 13.2627 12.2811 14.3954 11.1485C15.2291 10.3147 16.4355 9.9884 17.5576 10.2516C17.1597 10.4979 16.8102 10.8116 16.5218 11.1779C15.987 11.2369 15.488 11.4748 15.1049 11.858C14.1806 12.7822 14.1806 14.2854 15.1049 15.2097C15.4502 15.5549 15.8817 15.7802 16.3597 15.8644C16.3976 15.9192 16.4355 15.9739 16.4776 16.0287C16.7197 16.3487 17.0102 16.6287 17.3323 16.8603C16.4965 16.9971 15.6291 16.8182 14.9133 16.3424ZM15.9491 15.0939C15.7954 15.0118 15.6565 14.9086 15.5302 14.7823C15.0649 14.317 14.9133 13.6517 15.0775 13.058C15.2712 13.1759 15.4712 13.2749 15.6817 13.3591C15.6754 13.4475 15.6733 13.538 15.6733 13.6286C15.6712 14.138 15.766 14.6328 15.9491 15.0939ZM15.7702 12.7443C15.6207 12.6769 15.4754 12.599 15.3365 12.5106C15.3933 12.4306 15.4565 12.3527 15.5302 12.2811C15.6838 12.1274 15.8649 12.0032 16.0607 11.9169C15.9344 12.178 15.8375 12.4559 15.7702 12.7443Z"
fill="#13A6BA"
/>
</svg>
Property Type
</p>
<p class="search__filter-result">Delux</p>
</div>
<div class="search__filter-category search__price">
<p class="search__filter-name">
<svg
width="31"
height="31"
viewBox="0 0 31 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24.2909 12.2859L23.1823 11.2224V8.82509C23.1823 7.28124 21.9279 6.02686 20.384 6.02686C18.9774 6.02686 17.8131 7.0711 17.618 8.42412H14.3887C13.9685 8.42412 13.5568 8.59566 13.2587 8.89156L6.06266 16.0876C5.76675 16.3857 5.59521 16.7974 5.59521 17.2198C5.59521 17.6422 5.76675 18.0518 6.06266 18.3498L10.8593 23.1465C11.1574 23.4445 11.5691 23.6139 11.9893 23.6139C12.4096 23.6139 12.8213 23.4424 13.1194 23.1465L14.3866 21.8792V23.6161C14.3866 24.0363 14.5646 24.4502 14.8755 24.7504C15.18 25.0463 15.6045 25.2157 16.042 25.2157H23.1244C23.5597 25.2157 23.9842 25.0463 24.2909 24.7504C24.6018 24.4502 24.7797 24.0363 24.7797 23.6161V13.4223C24.7819 13.0021 24.6039 12.5882 24.2909 12.2859ZM20.384 6.82666C21.4862 6.82666 22.3825 7.72295 22.3825 8.82509V10.4569L20.7507 8.89156C20.3926 8.54205 19.8887 8.38338 19.3956 8.4477C19.3269 8.43484 19.2583 8.42841 19.1854 8.42841H18.4264C18.6129 7.51496 19.4191 6.82666 20.384 6.82666ZM17.9868 9.99799C18.6622 9.99799 19.2111 10.5469 19.2111 11.2224C19.2111 11.8978 18.6622 12.4467 17.9868 12.4467C17.3113 12.4467 16.7624 11.8978 16.7624 11.2224C16.7624 10.5491 17.3113 9.99799 17.9868 9.99799ZM23.9821 23.6139C23.9821 23.8176 23.892 24.0235 23.7355 24.1736C23.579 24.3258 23.356 24.4116 23.1265 24.4116H16.0441C15.8147 24.4116 15.5917 24.3237 15.4351 24.1736C15.2786 24.0235 15.1885 23.8176 15.1885 23.6139V21.0794L20.3154 15.9525C20.6135 15.6545 20.7829 15.2428 20.7829 14.8225V10.0302L23.7355 12.8606C23.892 13.0106 23.9821 13.2165 23.9821 13.4202V23.6139Z"
fill="#13A6BA"
/>
<path
d="M17.9867 11.6233C18.2076 11.6233 18.3856 11.4432 18.3856 11.2245C18.3856 11.0037 18.2055 10.8257 17.9867 10.8257C17.768 10.8257 17.5879 11.0058 17.5879 11.2245C17.5858 11.4432 17.7659 11.6233 17.9867 11.6233Z"
fill="#13A6BA"
/>
</svg>
Average Price
</p>
<p class="search__filter-result">$7000 - 8000</p>
</div>
<button type="submit" class="search__button">Search</button>
</div>
</div>
<img src="images/home-art.png" class="home__art" alt="home-art" />
</div>
</div>
</section>
<section class="section-two">
<div class="content">
<div class="selection">
<div class="title-section">
<h2 class="title">See our properties</h2>
<h3 class="subtitle">
The modern way to sell/buy/rent your own home.
</h3>
</div>
<div class="choice">
<label class="form-control">
<input class="form-control__button" type="radio" name="house" />
<span class="form-control__text">Rent</span>
</label>
<label class="form-control">
<input class="form-control__button" type="radio" name="house" />
<span class="form-control__text">Buy</span>
</label>
<label class="form-control">
<input class="form-control__button" type="radio" name="house" />
<span class="form-control__text">Sell</span>
</label>
</div>
</div>
<div class="slider">
<div class="swiper">
<div class="swiper-wrapper">
<div class="swiper-slide">
<div class="swiper-slide__content">
<img src="images/house1.jpg" alt="" class="photo-house" />
<h2 class="name-house">Nomaden Omah Sekut</h2>
<h3 class="address-house">San Diego, California, USA</h3>
<h2 class="price-house">$699,000</h2>
<div class="parameters">
<h4 class="parameters__beds line">2 Beds</h4>
<h4 class="parameters__bath line">1 Bath</h4>
<h4 class="parameters__sqft">1,109 sqft</h4>
</div>
<a href="#" class="details-house">See Details</a>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide__content">
<img src="images/house2.jpg" alt="" class="photo-house" />
<h2 class="name-house">Real Bluestyle House</h2>
<h3 class="address-house">San Diego, California, USA</h3>
<h2 class="price-house">$10,000,000</h2>
<div class="parameters">
<h4 class="parameters__beds line">3 Beds</h4>
<h4 class="parameters__bath line">1 Bath</h4>
<h4 class="parameters__sqft">1,299 sqft</h4>
</div>
<a href="#" class="details-house">See Details</a>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide__content">
<img src="images/house3.jpg" alt="" class="photo-house" />
<h2 class="name-house">Luxury Umahu Mantappu</h2>
<h3 class="address-house">San Diego, California, USA</h3>
<h2 class="price-house">$599,000</h2>
<div class="parameters">
<h4 class="parameters__beds line">2 Beds</h4>
<h4 class="parameters__bath line">1 Bath</h4>
<h4 class="parameters__sqft">1,109 sqft</h4>
</div>
<a href="#" class="details-house">See Details</a>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide__content">
<img src="images/house1.jpg" alt="" class="photo-house" />
<h2 class="name-house">Nomaden Omah Sekut</h2>
<h3 class="address-house">San Diego, California, USA</h3>
<h2 class="price-house">$699,000</h2>
<div class="parameters">
<h4 class="parameters__beds line">2 Beds</h4>
<h4 class="parameters__bath line">1 Bath</h4>
<h4 class="parameters__sqft">1,109 sqft</h4>
</div>
<a href="#" class="details-house">See Details</a>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide__content">
<img src="images/house2.jpg" alt="" class="photo-house" />
<h2 class="name-house">Real Bluestyle House</h2>
<h3 class="address-house">San Diego, California, USA</h3>
<h2 class="price-house">$10,000,000</h2>
<div class="parameters">
<h4 class="parameters__beds line">3 Beds</h4>
<h4 class="parameters__bath line">1 Bath</h4>
<h4 class="parameters__sqft">1,299 sqft</h4>
</div>
<a href="#" class="details-house">See Details</a>
</div>
</div>
<div class="swiper-slide">
<div class="swiper-slide__content">
<img src="images/house3.jpg" alt="" class="photo-house" />
<h2 class="name-house">Luxury Umahu Mantappu</h2>
<h3 class="address-house">San Diego, California, USA</h3>
<h2 class="price-house">$599,000</h2>
<div class="parameters">
<h4 class="parameters__beds line">2 Beds</h4>
<h4 class="parameters__bath line">1 Bath</h4>
<h4 class="parameters__sqft">1,109 sqft</h4>
</div>
<a href="#" class="details-house">See Details</a>
</div>
</div>
</div>
<div class="swiper-control">
<div class="s-button-prev">
<svg
width="44"
height="26"
viewBox="0 0 44 26"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M1.73941 13.0006L42.2607 13.0006"
stroke="#772D8B"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M13.2844 24.4969L1.73901 13.0011L13.2844 1.50342"
stroke="#772D8B"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<div class="s-button-next">
<svg
width="44"
height="26"
viewBox="0 0 44 26"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M42.3016 12.9994L1.78027 12.9994"
stroke="#772D8B"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
<path
d="M30.7566 1.50307L42.302 12.9989L30.7566 24.4966"
stroke="#772D8B"
stroke-width="3"
stroke-linecap="round"
stroke-linejoin="round"
/>
</svg>
</div>
<div class="swiper-pagination"></div>
</div>
</div>
</div>
</div>
</section>
<section class="section-three">
<div class="position-bubble">
<img class="position-bubble__image" src="images/Ellipse.png" />
</div>
<div class="content">
<div class="house-properties">
<div class="house-properties-picture">
<img
class="house-properties-picture__image"
src="images/redhouse.jpg"
/>
</div>
<div class="house-properties__content">
<h2 class="house-properties__title">
See some benefit from our properties
</h2>
<div class="house-properties__properties">
<svg
class="properties__icon"
width="122"
height="121"
viewBox="0 0 122 121"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="0.260742"
y="0.0175781"
width="120.964"
height="120.964"
rx="10"
fill="#FBFCED"
/>
<path
d="M61.0036 93.4411C60.7171 93.4411 60.4447 93.3847 60.1792 93.2789C43.9909 86.6046 33.5388 70.8927 33.5388 53.2476V40.3648C33.5388 39.4688 34.0698 38.6715 34.8873 38.3258L60.1652 27.7289C60.4307 27.616 60.7102 27.5596 60.9966 27.5596C61.2831 27.5596 61.5695 27.616 61.835 27.7289L87.113 38.3258C87.9304 38.6715 88.4614 39.4688 88.4614 40.3648V53.2476C88.4614 70.8927 78.0093 86.6117 61.828 93.2789C61.5625 93.3847 61.2831 93.4411 61.0036 93.4411ZM37.9055 41.8323V53.2405C37.9055 68.6209 46.9114 82.5691 60.8429 88.7706L61.0036 88.8411L61.1643 88.7706C75.0958 82.5691 84.1017 68.628 84.1017 53.2405V41.8323L61.0036 32.1525L37.9055 41.8323ZM58.146 67.9154C57.5661 67.9154 57.0142 67.6826 56.602 67.2663L49.3987 59.9924C48.9864 59.5761 48.7559 59.0188 48.7559 58.4332C48.7559 57.8476 48.9864 57.2902 49.3987 56.874C49.8109 56.4577 50.3628 56.2249 50.9427 56.2249C51.5226 56.2249 52.0746 56.4577 52.4868 56.874L58.153 62.5958L69.5204 51.1169C69.9326 50.7007 70.4846 50.4678 71.0645 50.4678C71.6444 50.4678 72.1963 50.7007 72.6085 51.1169C73.0207 51.5332 73.2513 52.0905 73.2513 52.6761C73.2513 53.2617 73.0207 53.8191 72.6085 54.2353L59.6901 67.2663C59.2779 67.6826 58.7329 67.9154 58.146 67.9154Z"
fill="#B3C41D"
/>
</svg>
<div class="properties__text">
<h2 class="properties__title">100& Protection</h2>
<h3 class="properties__subtitle">
All secure protection for your future house
</h3>
</div>
</div>
<div class="house-properties__properties">
<svg
class="properties__icon"
width="122"
height="122"
viewBox="0 0 122 122"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="0.260742"
y="0.0839844"
width="120.964"
height="120.964"
rx="10"
fill="#FBFCED"
/>
<path
d="M91.61 56.278C91.6031 56.278 91.6031 56.278 91.61 56.278L64.9872 29.4011C63.8542 28.257 62.3504 27.626 60.7435 27.626C59.1367 27.626 57.6328 28.257 56.4929 29.4011L29.8976 56.2641C29.8908 56.271 29.877 56.2849 29.8702 56.2918C27.5423 58.6564 27.5423 62.4979 29.8839 64.8555C30.9483 65.9373 32.3628 66.5614 33.8667 66.6238C33.9285 66.6307 33.9903 66.6307 34.0521 66.6307H35.1096V86.4069C35.1096 90.3178 38.2614 93.5075 42.1412 93.5075H52.5514C53.6089 93.5075 54.4603 92.6408 54.4603 91.5798V76.0681C54.4603 74.2791 55.9024 72.8298 57.6672 72.8298H63.8061C65.5778 72.8298 67.0129 74.2791 67.0129 76.0681V91.5729C67.0129 92.6408 67.8713 93.5006 68.9219 93.5006H79.3321C83.2118 93.5006 86.3637 90.3178 86.3637 86.4V66.6307H87.3457C88.9525 66.6307 90.4564 65.9997 91.5963 64.8555C93.9447 62.491 93.9447 58.6425 91.61 56.278ZM88.9045 62.1235C88.4925 62.5395 87.9431 62.7684 87.3594 62.7684H84.4616C83.4041 62.7684 82.5526 63.6351 82.5526 64.6961V86.4C82.5526 88.1821 81.1175 89.6383 79.3458 89.6383H70.8446V76.0681C70.8446 72.1572 67.6928 68.9675 63.813 68.9675H57.674C53.7943 68.9675 50.6424 72.1503 50.6424 76.0681V89.6452H42.1412C40.3764 89.6452 38.9344 88.196 38.9344 86.4069V64.703C38.9344 63.6351 38.076 62.7753 37.0254 62.7753H34.1757C34.1482 62.7753 34.1139 62.7684 34.0864 62.7684C33.5165 62.7614 32.9808 62.5326 32.5826 62.1235C31.7311 61.2636 31.7311 59.8629 32.5826 59.0031L59.1985 32.1332C59.6105 31.7171 60.1598 31.4883 60.7435 31.4883C61.3272 31.4883 61.8765 31.7171 62.2886 32.1332L88.8976 59.0031C88.9045 59.01 88.9045 59.01 88.9113 59.017C89.7491 59.8699 89.7491 61.2706 88.9045 62.1235Z"
fill="#B3C41D"
/>
</svg>
<div class="properties__text">
<h2 class="properties__title">Top Tier House</h2>
<h3 class="properties__subtitle">
We just provide top tier house for you
</h3>
</div>
</div>
<div class="house-properties__properties">
<svg
class="properties__icon"
width="122"
height="122"
viewBox="0 0 122 122"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="0.260742"
y="0.148438"
width="120.964"
height="120.964"
rx="10"
fill="#FBFCED"
/>
<path
d="M59.2354 87.2286C57.819 86.0872 56.5661 84.76 55.5038 83.2748C54.9113 82.4496 53.7673 82.2639 52.9502 82.8553C52.133 83.4535 51.9492 84.6088 52.5348 85.4339C53.7878 87.1874 55.2722 88.7689 56.9474 90.1167C57.2674 90.378 57.676 90.5224 58.0846 90.5224C58.643 90.5224 59.1673 90.2679 59.5146 89.8279C60.1547 89.0302 60.0253 87.8612 59.2354 87.2286Z"
fill="#B3C41D"
/>
<path
d="M81.4414 54.3185C83.0076 55.2331 84.4444 56.3608 85.711 57.6742C86.0582 58.0317 86.5213 58.2311 87.0184 58.2311C87.5019 58.2311 87.9513 58.0455 88.2918 57.7085C89.0136 57.0003 89.0272 55.8244 88.3258 55.0956C86.8277 53.5415 85.1253 52.2075 83.2731 51.1279C82.4015 50.6191 81.278 50.9216 80.7741 51.8018C80.5289 52.2281 80.4608 52.7232 80.5902 53.2046C80.7128 53.679 81.0124 54.071 81.4414 54.3185Z"
fill="#B3C41D"
/>
<path
d="M88.925 62.0684C89.7898 63.6775 90.4368 65.3897 90.8385 67.1706C91.0292 68.0164 91.7646 68.6078 92.6226 68.6078C92.7588 68.6078 92.895 68.594 93.0312 68.5596C94.0118 68.3327 94.6314 67.3425 94.4067 66.3523C93.93 64.2413 93.1674 62.2059 92.1391 60.3012C91.9076 59.868 91.5195 59.5517 91.0496 59.4142C90.5798 59.2766 90.0895 59.3316 89.6605 59.5654C89.2315 59.7992 88.9182 60.1912 88.782 60.6656C88.6458 61.1401 88.6867 61.6352 88.925 62.0684Z"
fill="#B3C41D"
/>
<path
d="M69.1025 91.4298C67.3047 91.2029 65.5479 90.7284 63.8796 90.0201C62.9535 89.6213 61.8775 90.0683 61.4826 91.0035C61.0876 91.9386 61.5303 93.0251 62.4564 93.4239C64.4311 94.2628 66.5148 94.8267 68.6462 95.0949C68.7211 95.1017 68.796 95.1086 68.8709 95.1086C69.7902 95.1086 70.5733 94.4141 70.6823 93.4927C70.7436 93.0045 70.6074 92.5162 70.3077 92.1312C70.0081 91.7461 69.5859 91.4917 69.1025 91.4298Z"
fill="#B3C41D"
/>
<path
d="M52.9775 78.4475C52.3919 76.8247 52.0174 75.1194 51.8676 73.3866C63.0761 72.472 72.0442 63.6154 73.2495 52.3795L73.2563 52.3864L73.2768 52.1732C73.2904 52.0288 73.304 51.8844 73.3176 51.7331C74.3731 51.8294 75.4218 52.0082 76.4432 52.2695C76.9199 52.3933 77.4102 52.3176 77.8255 52.0632C78.2477 51.8088 78.5405 51.4099 78.6631 50.9286C78.7857 50.4541 78.7108 49.9522 78.4656 49.5327C78.2137 49.1064 77.8187 48.8107 77.3421 48.6869C76.0346 48.35 74.6931 48.13 73.3312 48.0337C72.412 35.7251 62.2385 26.1533 49.9609 26.1533C37.0432 26.1533 26.5361 36.7634 26.5361 49.8078C26.5361 62.2195 36.0082 72.4789 48.1973 73.3935C48.3539 75.5526 48.8101 77.6774 49.5387 79.7059C49.8043 80.4348 50.4921 80.923 51.2547 80.923C51.4658 80.923 51.6769 80.8886 51.8812 80.813C52.8345 80.4623 53.318 79.4033 52.9775 78.4475ZM48.2109 69.694C38.0647 68.7932 30.1929 60.1566 30.1929 49.8078C30.1929 38.7988 39.0589 29.8459 49.9609 29.8459C60.2093 29.8459 68.762 37.7949 69.6541 48.0406C58.2277 48.9757 49.137 58.1556 48.2109 69.694ZM51.8812 69.6803C52.7869 60.2254 60.2774 52.6683 69.6405 51.7469C68.728 61.2018 61.2443 68.7588 51.8812 69.6803Z"
fill="#B3C41D"
/>
<path
d="M94.4816 71.4615C94.1547 71.097 93.7053 70.8839 93.215 70.8564C92.7179 70.8289 92.2617 71.0008 91.9008 71.3308C91.5399 71.6609 91.3288 72.1147 91.3015 72.6098C91.213 74.4389 90.8794 76.2474 90.3005 77.9733C89.9805 78.936 90.498 79.9881 91.4514 80.3113C91.642 80.3732 91.8395 80.4075 92.0302 80.4075C92.8133 80.4075 93.5147 79.8987 93.7598 79.1492C94.4407 77.1 94.8357 74.9615 94.9447 72.7886C94.9787 72.3004 94.8153 71.8259 94.4816 71.4615Z"
fill="#B3C41D"
/>
<path
d="M90.4367 82.3734C89.6059 81.8027 88.4688 82.0159 87.8968 82.8548C86.8753 84.3607 85.6564 85.7291 84.2673 86.9049C83.8927 87.2212 83.6612 87.6682 83.6204 88.1564C83.5795 88.6446 83.7293 89.126 84.0426 89.5042C84.3898 89.9236 84.9006 90.1643 85.4453 90.1643C85.8743 90.1643 86.2897 90.013 86.6234 89.7311C88.2645 88.3352 89.7081 86.7261 90.9202 84.9383C91.4854 84.0994 91.2743 82.9511 90.4367 82.3734Z"
fill="#B3C41D"
/>
<path
d="M79.6911 89.8213C78.0432 90.5708 76.3 91.0934 74.5091 91.3616C74.0256 91.4372 73.6034 91.6916 73.3106 92.0905C73.0178 92.4893 72.902 92.9706 72.9701 93.4589C73.1063 94.3528 73.8826 95.0335 74.7747 95.0335C74.8632 95.0335 74.9517 95.0266 75.047 95.0129C77.1716 94.6897 79.2417 94.0777 81.196 93.1838C81.6387 92.9775 81.9791 92.6131 82.1562 92.1524C82.3264 91.6916 82.3128 91.1897 82.1085 90.7427C81.7 89.8144 80.6172 89.4018 79.6911 89.8213Z"
fill="#B3C41D"
/>
<path
d="M40.4208 35.5812C39.9373 35.5262 39.4606 35.6637 39.0793 35.9731C34.871 39.3425 32.4604 44.3897 32.4604 49.8082C32.4604 50.8259 33.2776 51.6511 34.2854 51.6511C35.2932 51.6511 36.1104 50.8259 36.1104 49.8082C36.1104 45.5243 38.017 41.5292 41.3469 38.8612C41.7282 38.5517 41.9734 38.1185 42.0278 37.6234C42.0823 37.1352 41.9461 36.6539 41.6397 36.2619C41.3333 35.87 40.9111 35.6362 40.4208 35.5812Z"
fill="#B3C41D"
/>
<path
d="M49.9608 32.1357C48.3129 32.1357 46.6786 32.3695 45.1056 32.8234C44.1386 33.1053 43.5734 34.1299 43.8526 35.1063C44.0773 35.8902 44.7992 36.4403 45.6095 36.4403C45.7797 36.4403 45.95 36.4128 46.1202 36.3647C47.3595 36.0002 48.6534 35.8214 49.9608 35.8214C50.9686 35.8214 51.7857 34.9963 51.7857 33.9786C51.7857 32.9609 50.9686 32.1357 49.9608 32.1357Z"
fill="#B3C41D"
/>
</svg>
<div class="properties__text">
<h2 class="properties__title">Transparancy</h2>
<h3 class="properties__subtitle">
Transparancy is always for customers
</h3>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-four">
<div class="content">
<div class="social">
<img
src="../images/vector-background.png"
class="vector-background"
/>
<div class="social__info">
<h2 class="social__title">What’s happening in San Diego, CA</h2>
<h3 class="social__subtitle">
Over 30,000+ people work for us and more than 70 total countries
all over the world, 1,850 homes for sale 2 open house 3,700 home
recently sold 150 price reduceed 2 for elsoures.
</h3>
<div class="social__statistic">
<div class="statistic__parameter">
<h3 class="statistic__number">1,850</h3>
<h4 class="statistic__name">homes for sale</h4>
</div>
<div class="statistic__parameter">
<h3 class="statistic__number">3,700</h3>
<h4 class="statistic__name">recently fold</h4>
</div>
<div class="statistic__parameter">
<h3 class="statistic__number">12</h3>
<h4 class="statistic__name">years expirience</h4>
</div>
</div>
</div>
<div class="social__media">
<div>
<a href="#" class="media__google-link">
<svg
width="91"
height="91"
viewBox="0 0 91 91"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M20.2491 54.6142L17.1037 66.2557L5.60741 66.4968C2.17169 60.179 0.2229 52.9506 0.2229 45.2691C0.2229 37.8413 2.04497 30.8366 5.27473 24.6689H5.2772L15.5122 26.5293L19.9957 36.6156C19.0573 39.3279 18.5458 42.2394 18.5458 45.2691C18.5462 48.5573 19.1469 51.7077 20.2491 54.6142Z"
fill="#FBBB00"
/>
<path
d="M89.796 36.9014C90.3148 39.611 90.5854 42.4094 90.5854 45.2694C90.5854 48.4763 90.2453 51.6045 89.5974 54.622C87.398 64.8901 81.651 73.8561 73.6897 80.2011L73.6873 80.1987L60.7958 79.5465L58.9713 68.2545C64.2539 65.183 68.3824 60.3762 70.5571 54.622H46.3975V36.9014H70.9095H89.796Z"
fill="#518EF8"
/>
<path
d="M73.687 80.1983L73.6895 80.2007C65.9468 86.3709 56.111 90.0627 45.4041 90.0627C28.198 90.0627 13.2386 80.5281 5.60742 66.4968L20.2491 54.6143C24.0647 64.71 33.8879 71.8967 45.4041 71.8967C50.3541 71.8967 54.9915 70.5701 58.9709 68.2541L73.687 80.1983Z"
fill="#28B446"
/>
<path
d="M74.2431 10.7879L59.6063 22.6681C55.4879 20.1159 50.6197 18.6415 45.4041 18.6415C33.6271 18.6415 23.6202 26.1579 19.9958 36.6157L5.27713 24.6691H5.27466C12.7942 10.2957 27.9422 0.475586 45.4041 0.475586C56.3667 0.475586 66.4183 4.34709 74.2431 10.7879Z"
fill="#F14336"
/>
</svg>
</a>
</div>
<div class="media__post">
<img class="media__image" src="images/house.jpg" />
<p class="media__text">
Lorem ipsum dolor sit amet consectetur adipisicing elit.
Exercitationem eveniet nobis voluptates aut numquam culpa
cumque? Aperiam blanditiis inventore iste illo sunt saepe
ducimus. Velit, atque! Pariatur dignissimos obcaecati quasi!
</p>
</div>
<div class="media__account">
<img class="media__avatar" src="images/avatar.png" />
<h3 class="media__nickname">San Diego, CA</h3>
<div class="media__statistic">
<p class="media__info">420 Posts</p>
<p class="media__info">230k Followers</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="section-five">
<div class="wrapper">
<div class="content">
<div class="testimonials">
<img src="images/man.png" class="testimonials__image" />
<div class="testimonials__decor">
<svg
class="testimonials__decor1"
width="149"
height="169"
viewBox="0 0 149 169"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M15.4572 90.9645C33.6843 142.911 110.12 131.451 110.12 131.451L54.0282 3.23993C54.0282 3.23993 -2.76988 39.0181 15.4572 90.9645Z"
fill="#F3C98B"
/>
<g filter="url(#filter0_f_31_137)">
<path
d="M104.88 69.0603C92.6764 34.2817 41.5017 41.9541 41.5017 41.9541L79.056 127.793C79.056 127.793 117.083 103.839 104.88 69.0603Z"
fill="#FFFFFE"
/>
</g>
<defs>
<filter
id="filter0_f_31_137"
x="0.501709"
y="0.235352"
width="147.792"
height="168.558"
filterUnits="userSpaceOnUse"
color-interpolation-filters="sRGB"
>
<feFlood flood-opacity="0" result="BackgroundImageFix" />
<feBlend
mode="normal"
in="SourceGraphic"
in2="BackgroundImageFix"
result="shape"
/>
<feGaussianBlur
stdDeviation="20.5"
result="effect1_foregroundBlur_31_137"
/>
</filter>
</defs>
</svg>
<svg
class="testimonials__decor2"
id="icon"
width="182"
height="142"
viewBox="0 0 182 142"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M138.5 141.533C128.167 141.533 119.167 137.867 111.5 130.533C103.833 122.867 100 112.033 100 98.0332C100 76.6999 106.167 57.1999 118.5 39.5332C131.167 21.8665 152.333 8.69988 182 0.0332031V21.0332C150.333 31.3665 134.5 46.3665 134.5 66.0332C134.5 71.0332 136.333 74.8665 140 77.5332C143.667 80.1999 147.833 82.6999 152.5 85.0332C157.5 87.3665 161.833 90.5332 165.5 94.5332C169.167 98.5332 171 104.367 171 112.033C171 121.367 167.833 128.7 161.5 134.033C155.5 139.033 147.833 141.533 138.5 141.533ZM38.5 141.533C28.1667 141.533 19.1667 137.867 11.5 130.533C3.83333 122.867 0 112.033 0 98.0332C0 76.6999 6.16667 57.1999 18.5 39.5332C31.1667 21.8665 52.3333 8.69988 82 0.0332031V21.0332C50.3333 31.3665 34.5 46.3665 34.5 66.0332C34.5 71.0332 36.3333 74.8665 40 77.5332C43.6667 80.1999 47.8333 82.6999 52.5 85.0332C57.5 87.3665 61.8333 90.5332 65.5 94.5332C69.1667 98.5332 71 104.367 71 112.033C71 121.367 67.8333 128.7 61.5 134.033C55.5 139.033 47.8333 141.533 38.5 141.533Z"
fill="#F3C98B"
/>
</svg>
</div>
<div class="testimonials__info">
<h3 class="testimonials__suptitle">client testimonials</h3>
<h2 class="testimonials__title">See what says our customer</h2>
<p class="testimonials__text">
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.
</p>
<h2 class="testimonials__author">Jon Smith</h2>
<h3 class="testimonials__profession">Customer</h3>
</div>
</div>
</div>
</div>
</section>
<section class="section-six">
<div class="content">
<div class="form-email">
<div class="form-email__info">
<h2 class="form-email__title">Ready to find your next home?</h2>
<p class="form-email__text">
It is a long established fact that a reader will be distracted by
the readable content of a page when looking at its layout. The
point of using Lorem Ipsum
</p>
</div>
<div class="form-email__subscribe">
<form action="/" method="post">
<input
type="email"
class="form-email__input"
placeholder="Enter your email"
/>
<button type="button" class="form-email__button">
Subscribe
</button>
</form>
</div>
<svg
class="form-email__svg1"
width="72"
height="31"
viewBox="0 0 72 31"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<rect
x="-372.805"
y="0.486328"
width="443.888"
height="30"
rx="15"
fill="#F93633"
/>
</svg>
<svg
class="form-email__svg2"
width="191"
height="104"
viewBox="0 0 191 104"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle cx="4.27233" cy="4.37097" r="4.27233" fill="#FEECEB" />
<circle cx="108.074" cy="4.37097" r="4.27233" fill="#FEECEB" />
<circle cx="30.2228" cy="4.37097" r="4.27233" fill="#FEECEB" />
<circle cx="134.025" cy="4.37097" r="4.27233" fill="#FEECEB" />
<circle cx="56.1732" cy="4.37097" r="4.27233" fill="#FEECEB" />
<circle cx="159.975" cy="4.37097" r="4.27233" fill="#FEECEB" />
<circle cx="82.1236" cy="4.37097" r="4.27233" fill="#FEECEB" />
<circle cx="185.925" cy="4.37097" r="4.27233" fill="#FEECEB" />
<circle cx="4.27233" cy="35.9159" r="4.27233" fill="#FEECEB" />
<circle cx="108.074" cy="35.9159" r="4.27233" fill="#FEECEB" />
<circle cx="30.2228" cy="35.9159" r="4.27233" fill="#FEECEB" />
<circle cx="134.025" cy="35.9159" r="4.27233" fill="#FEECEB" />
<circle cx="56.1732" cy="35.9159" r="4.27233" fill="#FEECEB" />
<circle cx="159.975" cy="35.9159" r="4.27233" fill="#FEECEB" />
<circle cx="82.1236" cy="35.9159" r="4.27233" fill="#FEECEB" />
<circle cx="185.925" cy="35.9159" r="4.27233" fill="#FEECEB" />
<circle cx="4.27233" cy="67.4598" r="4.27233" fill="#FEECEB" />
<circle cx="108.074" cy="67.4598" r="4.27233" fill="#FEECEB" />
<circle cx="30.2228" cy="67.4598" r="4.27233" fill="#FEECEB" />
<circle cx="134.025" cy="67.4598" r="4.27233" fill="#FEECEB" />
<circle cx="56.1732" cy="67.4598" r="4.27233" fill="#FEECEB" />
<circle cx="159.975" cy="67.4598" r="4.27233" fill="#FEECEB" />
<circle cx="82.1236" cy="67.4598" r="4.27233" fill="#FEECEB" />
<circle cx="185.925" cy="67.4598" r="4.27233" fill="#FEECEB" />
<circle cx="4.27233" cy="99.0048" r="4.27233" fill="#FEECEB" />
<circle cx="108.074" cy="99.0048" r="4.27233" fill="#FEECEB" />
<circle cx="30.2228" cy="99.0048" r="4.27233" fill="#FEECEB" />
<circle cx="134.025" cy="99.0048" r="4.27233" fill="#FEECEB" />
<circle cx="56.1732" cy="99.0048" r="4.27233" fill="#FEECEB" />
<circle cx="159.975" cy="99.0048" r="4.27233" fill="#FEECEB" />
<circle cx="82.1236" cy="99.0048" r="4.27233" fill="#FEECEB" />
<circle cx="185.925" cy="99.0048" r="4.27233" fill="#FEECEB" />
</svg>
<svg
class="form-email__svg3"
width="82"
height="165"
viewBox="0 0 82 165"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<circle
id="Ellipse 20"
cx="82"
cy="82.4024"
r="81.834"
fill="#F3C98B"
/>
</svg>
</div>
</div>
</section>
<section class="section-seven">
<div class="content">
<div class="footer">
<div class="footer__navigation">
<div class="footer__logo">
<img src="images/icons/logo.svg" class="footer__image" />
<p class="footer__text">
Lorem Ipsum is simply dummy text of the printing and typesetting
industry.
</p>
</div>
<div class="footer__phase">
<h2 class="footer__title">Product</h2>
<a href="#" class="footer__links">Listing</a>
<a href="#" class="footer__links">Property</a>
<a href="#" class="footer__links">Agents</a>
<a href="#" class="footer__links">Blog</a>
</div>
<div class="footer__phase">
<h2 class="footer__title">Resources</h2>
<a href="#" class="footer__links">Our Homes</a>
<a href="#" class="footer__links">Member Stories</a>
<a href="#" class="footer__links">Video</a>
<a href="#" class="footer__links">Free Trail</a>
</div>
<div class="footer__phase">
<h2 class="footer__title">Company</h2>
<a href="#" class="footer__links">Patnerships</a>
<a href="#" class="footer__links">Terms of use</a>
<a href="#" class="footer__links">Privacy</a>
<a href="#" class="footer__links">Sitemap</a>
</div>
<div class="footer__social">
<h2 class="footer__title">Get in touch</h2>
<p class="footer__text">
You’ll find your next home, in any style you prefer.
</p>
<div class="footer__social-links">
<a href="#" class="footer__social-link"
><svg
width="41"
height="41"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M24.7985 20.2982H22.2492V29.6029H18.7711V20.2982H16.4397V17.0955L18.7711 17.0861L18.7616 15.21C18.7616 12.5948 19.4724 11.0029 22.5619 11.0029H25.1302V14.2056H23.5191C22.325 14.2056 22.2587 14.6604 22.2587 15.4942V17.0955H25.1397L24.7985 20.2982Z"
fill="#13A6BA"
/>
<rect
x="0.499756"
y="1.10254"
width="40"
height="39"
stroke="#13A6BA"
/>
</svg>
</a>
<a href="#" class="footer__social-link"
><svg
width="42"
height="41"
viewBox="0 0 42 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M28.0638 11.0029H14.2691C12.9549 11.0029 11.8865 12.0104 11.8865 13.4677V27.7381C11.8865 29.1955 12.9549 30.2029 14.2691 30.2029H28.0638C29.3781 30.2029 30.4465 29.1955 30.4465 27.7381V13.4677C30.4465 12.0104 29.3781 11.0029 28.0638 11.0029ZM24.575 14.0057C24.575 13.5264 24.9532 13.145 25.407 13.145H27.506C27.9693 13.145 28.338 13.5362 28.338 14.0057V16.0792C28.338 16.5585 27.9598 16.94 27.506 16.94H25.407C24.9437 16.94 24.575 16.5487 24.575 16.0792V14.0057ZM21.1901 16.8324C23.2513 16.8324 24.9153 18.5049 24.9153 20.5687C24.9153 22.6325 23.2418 24.305 21.1901 24.305C19.1289 24.305 17.4649 22.6325 17.4649 20.5687C17.4649 18.5049 19.1289 16.8324 21.1901 16.8324ZM28.3475 27.2393C28.3475 27.6599 28.0166 28.0022 27.61 28.0022H14.6851C14.2786 28.0022 13.9476 27.6599 13.9476 27.2393V19.1211H15.6495C15.4982 19.6395 15.4132 20.197 15.4132 20.7643C15.4132 23.9627 17.9944 26.5449 21.1807 26.5449C24.367 26.5449 26.9482 23.9529 26.9482 20.7643C26.9482 20.197 26.8631 19.6395 26.7118 19.1211H28.3475V27.2393V27.2393Z"
fill="#13A6BA"
/>
<rect
x="1.1665"
y="1.10254"
width="40"
height="39"
stroke="#13A6BA"
/>
</svg>
</a>
<a href="#" class="footer__social-link"
><svg
width="42"
height="41"
viewBox="0 0 42 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M29.9413 30.035L29.9507 23.0572C29.9507 19.6407 29.2416 17.0156 25.3792 17.0156C23.5227 17.0156 22.2819 18.0676 21.7688 19.0713H21.7128V17.3245H18.0557V30.0253H21.8621V23.7425C21.8621 22.0825 22.1699 20.4804 24.1478 20.4804C26.0976 20.4804 26.1349 22.372 26.1349 23.8486V30.035H29.9413Z"
fill="#13A6BA"
/>
<path
d="M15.6766 17.3242H11.8608V30.0251H15.6766V17.3242Z"
fill="#13A6BA"
/>
<path
d="M13.764 11.0029C12.5419 11.0029 11.553 12.0259 11.553 13.2902C11.553 14.5545 12.5419 15.5969 13.764 15.5969C14.9862 15.5969 15.9751 14.5545 15.9751 13.2902C15.9751 12.0259 14.9862 11.0029 13.764 11.0029Z"
fill="#13A6BA"
/>
<rect
x="0.833008"
y="1.10254"
width="40"
height="39"
stroke="#13A6BA"
/>
</svg>
</a>
<a href="#" class="footer__social-link"
><svg
width="41"
height="41"
viewBox="0 0 41 41"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M29.2618 15.6442L29.273 16.2476C29.273 22.4437 24.7242 29.6029 16.4089 29.6029C13.8607 29.6029 11.4801 28.8255 9.47949 27.4795C9.82596 27.5259 10.1836 27.5492 10.5524 27.5492C12.676 27.5492 14.6207 26.7949 16.163 25.5302C14.1848 25.4954 12.5195 24.1378 11.9383 22.2697C12.2177 22.3277 12.4971 22.3509 12.7877 22.3509C13.2013 22.3509 13.6036 22.2929 13.9724 22.1885C11.9048 21.7591 10.3513 19.8678 10.3513 17.5936V17.5472C10.9548 17.8953 11.6477 18.1041 12.3965 18.1273C11.1895 17.2919 10.396 15.8415 10.396 14.2286C10.396 13.37 10.6195 12.5578 11.0107 11.8616C13.2236 14.7044 16.5654 16.5609 20.3207 16.7581C20.2424 16.4216 20.2089 16.0619 20.2089 15.6906C20.2089 13.1031 22.2207 11.0029 24.7242 11.0029C26.0207 11.0029 27.2054 11.5715 28.0324 12.4765C29.0495 12.2677 30.0218 11.8848 30.9048 11.351C30.5695 12.4417 29.8542 13.37 28.9154 13.9502C29.8318 13.8341 30.7036 13.5788 31.5195 13.2075C30.9048 14.1474 30.1336 14.9828 29.2618 15.6442Z"
fill="#13A6BA"
/>
<rect
x="0.499512"
y="1.10254"
width="40"
height="39"
stroke="#13A6BA"
/>
</svg>
</a>
</div>
</div>
</div>
</div>
</div>
<div class="footer__copyright">
<h3 class="footer__copyright-title">
Copyright Abid Hasan Jilon 2021. All rights reserved
</h3>
</div>
</section>
<script>
window.addEventListener('resize', function () {
let icon = document.getElementById('icon')
let screenWidth = window.innerWidth
if (screenWidth <= 755) {
icon.setAttribute('width', '100')
icon.setAttribute('height', '100')
} else {
icon.setAttribute('width', '149')
icon.setAttribute('height', '169')
}
})
</script>
<script src="https://cdn.jsdelivr.net/npm/swiper@10/swiper-bundle.min.js"></script>
<script src="scripts/main.js"></script>
<script src="scripts/swiper.js"></script>
</body>
</html>