-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
1717 lines (1652 loc) · 97.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
914
915
916
917
918
919
920
921
922
923
924
925
926
927
928
929
930
931
932
933
934
935
936
937
938
939
940
941
942
943
944
945
946
947
948
949
950
951
952
953
954
955
956
957
958
959
960
961
962
963
964
965
966
967
968
969
970
971
972
973
974
975
976
977
978
979
980
981
982
983
984
985
986
987
988
989
990
991
992
993
994
995
996
997
998
999
1000
<!DOCTYPE html>
<html lang="en">
<head>
<!-- <script>
setTimeout(function () {
window.location.href = "./preloader.html";
}, 3500);
</script> -->
<meta charset="UTF-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<script>
scroll();
displayDate();
function init() {
var script = document.createElement("script");
script.src = "./js/mode.js";
script.async = true;
document.head.appendChild(script);
}
</script>
<script src="./js/loading.js"></script>
<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=Rubik:wght@300;400;500;600;700;800;900&display=swap"
rel="stylesheet"
/>
<link href="/src/hamburgers-master/dist/hamburgers.css" rel="stylesheet" />
<link
rel="stylesheet"
href="https://necolas.github.io/normalize.css/8.0.1/normalize.css"
/>
<link
rel="stylesheet"
href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css"
/>
<link
href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css"
rel="stylesheet"
integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65"
crossorigin="anonymous"
/>
<meta property="og:image" content="./img/1920.jpg" />
<link href="https://unpkg.com/aos@2.3.1/dist/aos.css" rel="stylesheet" />
<script src="https://unpkg.com/aos@2.3.1/dist/aos.js"></script>
<script
src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js"
integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4"
crossorigin="anonymous"
></script>
<link rel="stylesheet" href="styles/main.css" />
<title>Welcome! Bank Global for Private Clients</title>
<script src="./js/date.js"></script>
<script src="./js/mode.js"></script>
<script src="./js/scroll.js"></script>
<script src="./js/currency.js"></script>
<!-- UIkit CSS -->
<link rel="stylesheet" href="./styles/private.css" />
<!-- UIkit JS -->
<script src="https://cdn.jsdelivr.net/npm/uikit@3.15.19/dist/js/uikit.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/uikit@3.15.19/dist/js/uikit-icons.min.js"></script>
</head>
<body onload="init()" class="">
<div id="loadingLine"></div>
<!-- <div class="wrapper"> -->
<header class="container-fluid" style="background: var(--blackMain)">
<div class="container">
<nav
class="navbar navbar-expand-lg"
style="background: var(--blackMain)"
>
<div class="container-fluid">
<a class="navbar-brand a wobble-ver-left" href="./index.html"
><svg
width="166"
height="42"
viewBox="0 0 166 42"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M21.0895 4.96377C20.413 4.59897 19.587 4.59897 18.9105 4.96377L5.5772 12.1542C4.87747 12.5315 4.44444 13.2413 4.44444 14.011V28.2014C4.44444 28.971 4.87747 29.6809 5.5772 30.0582L18.9105 37.2486C19.587 37.6134 20.413 37.6134 21.0895 37.2486L34.4228 30.0582C35.1225 29.6809 35.5556 28.971 35.5556 28.2014V14.011C35.5556 13.2413 35.1225 12.5315 34.4228 12.1542L21.0895 4.96377ZM16.7316 1.25002C18.761 0.155594 21.239 0.155592 23.2684 1.25002L36.6017 8.4404C38.7009 9.57244 40 11.702 40 14.011V28.2014C40 30.5104 38.7009 32.6399 36.6017 33.772L23.2684 40.9624C21.239 42.0568 18.761 42.0568 16.7316 40.9624L3.39826 33.772C1.29908 32.64 0 30.5104 0 28.2014V14.011C0 11.702 1.29908 9.57244 3.39826 8.4404L16.7316 1.25002Z"
fill="var(--whites)"
/>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M20 16.8452C17.5454 16.8452 15.5556 18.7529 15.5556 21.1062C15.5556 23.4595 17.5454 25.3672 20 25.3672C22.4546 25.3672 24.4444 23.4595 24.4444 21.1062C24.4444 18.7529 22.4546 16.8452 20 16.8452ZM11.1111 21.1062C11.1111 16.3997 15.0908 12.5843 20 12.5843C24.9092 12.5843 28.8889 16.3997 28.8889 21.1062C28.8889 25.8127 24.9092 29.6281 20 29.6281C15.0908 29.6281 11.1111 25.8127 11.1111 21.1062Z"
fill="var(--yellow)"
/>
<path
d="M74.52 28C74.4027 28 74.3067 27.9627 74.232 27.888C74.1573 27.8133 74.12 27.7173 74.12 27.6V17.2C74.12 17.0827 74.1573 16.9867 74.232 16.912C74.3067 16.8373 74.4027 16.8 74.52 16.8H79.4C80.3173 16.8 81.0693 16.928 81.656 17.184C82.2427 17.44 82.6747 17.808 82.952 18.288C83.24 18.7573 83.384 19.3173 83.384 19.968C83.384 20.352 83.3093 20.6933 83.16 20.992C83.0213 21.28 82.8453 21.52 82.632 21.712C82.4293 21.904 82.2373 22.0427 82.056 22.128C82.4613 22.32 82.8187 22.6347 83.128 23.072C83.448 23.5093 83.608 24.0213 83.608 24.608C83.608 25.312 83.448 25.92 83.128 26.432C82.8187 26.9333 82.36 27.3227 81.752 27.6C81.1547 27.8667 80.4187 28 79.544 28H74.52ZM76.984 25.92H79.224C79.6827 25.92 80.0293 25.7867 80.264 25.52C80.4987 25.2533 80.616 24.9493 80.616 24.608C80.616 24.2347 80.4933 23.92 80.248 23.664C80.0133 23.408 79.672 23.28 79.224 23.28H76.984V25.92ZM76.984 21.248H79.08C79.5173 21.248 79.8427 21.136 80.056 20.912C80.28 20.688 80.392 20.4 80.392 20.048C80.392 19.7067 80.28 19.4293 80.056 19.216C79.8427 18.992 79.5173 18.88 79.08 18.88H76.984V21.248ZM87.7056 28.16C87.1296 28.16 86.6123 28.0533 86.1536 27.84C85.7056 27.616 85.3483 27.3173 85.0816 26.944C84.815 26.5707 84.6816 26.1493 84.6816 25.68C84.6816 24.9227 84.991 24.3253 85.6096 23.888C86.2283 23.44 87.0496 23.136 88.0736 22.976L90.0736 22.672V22.448C90.0736 22.064 89.9936 21.7707 89.8336 21.568C89.6736 21.3653 89.3803 21.264 88.9536 21.264C88.655 21.264 88.4096 21.3227 88.2176 21.44C88.0363 21.5573 87.8923 21.7173 87.7856 21.92C87.6896 22.0587 87.5563 22.128 87.3856 22.128H85.5936C85.4763 22.128 85.3856 22.096 85.3216 22.032C85.2576 21.9573 85.231 21.872 85.2416 21.776C85.2416 21.584 85.311 21.3653 85.4496 21.12C85.599 20.864 85.823 20.6133 86.1216 20.368C86.4203 20.1227 86.8043 19.92 87.2736 19.76C87.743 19.6 88.3083 19.52 88.9696 19.52C89.663 19.52 90.255 19.6 90.7456 19.76C91.2363 19.92 91.631 20.144 91.9296 20.432C92.239 20.72 92.4683 21.0613 92.6176 21.456C92.767 21.84 92.8416 22.2667 92.8416 22.736V27.6C92.8416 27.7173 92.799 27.8133 92.7136 27.888C92.639 27.9627 92.5483 28 92.4416 28H90.5856C90.4683 28 90.3723 27.9627 90.2976 27.888C90.223 27.8133 90.1856 27.7173 90.1856 27.6V27.04C90.047 27.2427 89.8603 27.4293 89.6256 27.6C89.391 27.7707 89.1136 27.904 88.7936 28C88.4843 28.1067 88.1216 28.16 87.7056 28.16ZM88.4576 26.336C88.767 26.336 89.0443 26.272 89.2896 26.144C89.5456 26.0053 89.743 25.7973 89.8816 25.52C90.031 25.232 90.1056 24.8747 90.1056 24.448V24.224L88.7456 24.464C88.2443 24.5493 87.8763 24.6827 87.6416 24.864C87.4176 25.0347 87.3056 25.2373 87.3056 25.472C87.3056 25.6533 87.359 25.808 87.4656 25.936C87.5723 26.064 87.711 26.1653 87.8816 26.24C88.0523 26.304 88.2443 26.336 88.4576 26.336ZM95.0471 28C94.9298 28 94.8338 27.9627 94.7591 27.888C94.6845 27.8133 94.6471 27.7173 94.6471 27.6V20.08C94.6471 19.9627 94.6845 19.8667 94.7591 19.792C94.8338 19.7173 94.9298 19.68 95.0471 19.68H96.8871C97.0045 19.68 97.1005 19.7173 97.1751 19.792C97.2498 19.8667 97.2871 19.9627 97.2871 20.08V20.688C97.5645 20.3573 97.9271 20.08 98.3751 19.856C98.8231 19.632 99.3511 19.52 99.9591 19.52C100.578 19.52 101.122 19.6587 101.591 19.936C102.071 20.2133 102.444 20.624 102.711 21.168C102.988 21.7013 103.127 22.3573 103.127 23.136V27.6C103.127 27.7173 103.084 27.8133 102.999 27.888C102.924 27.9627 102.834 28 102.727 28H100.711C100.604 28 100.508 27.9627 100.423 27.888C100.348 27.8133 100.311 27.7173 100.311 27.6V23.232C100.311 22.7307 100.188 22.3467 99.9431 22.08C99.7085 21.8027 99.3565 21.664 98.8871 21.664C98.4498 21.664 98.0978 21.8027 97.8311 22.08C97.5751 22.3467 97.4471 22.7307 97.4471 23.232V27.6C97.4471 27.7173 97.4045 27.8133 97.3191 27.888C97.2445 27.9627 97.1538 28 97.0471 28H95.0471ZM105.313 28C105.195 28 105.099 27.9627 105.025 27.888C104.95 27.8133 104.913 27.7173 104.913 27.6V17.04C104.913 16.9227 104.95 16.8267 105.025 16.752C105.099 16.6773 105.195 16.64 105.313 16.64H107.169C107.275 16.64 107.366 16.6773 107.441 16.752C107.526 16.8267 107.569 16.9227 107.569 17.04V22.4L109.793 19.952C109.857 19.8773 109.926 19.8133 110.001 19.76C110.075 19.7067 110.182 19.68 110.321 19.68H112.465C112.561 19.68 112.641 19.7173 112.705 19.792C112.779 19.856 112.817 19.936 112.817 20.032C112.817 20.0747 112.806 20.1227 112.785 20.176C112.763 20.2293 112.731 20.272 112.689 20.304L109.809 23.408L113.089 27.392C113.174 27.4773 113.217 27.5627 113.217 27.648C113.217 27.744 113.179 27.8293 113.105 27.904C113.041 27.968 112.955 28 112.849 28H110.657C110.497 28 110.379 27.9733 110.305 27.92C110.23 27.856 110.161 27.792 110.097 27.728L107.569 24.688V27.6C107.569 27.7173 107.526 27.8133 107.441 27.888C107.366 27.9627 107.275 28 107.169 28H105.313ZM122.4 28.16C121.387 28.16 120.512 27.9947 119.776 27.664C119.051 27.3227 118.486 26.832 118.08 26.192C117.686 25.5413 117.467 24.752 117.424 23.824C117.414 23.3653 117.408 22.88 117.408 22.368C117.408 21.8453 117.414 21.3493 117.424 20.88C117.467 19.9733 117.691 19.2053 118.096 18.576C118.502 17.9467 119.072 17.4667 119.808 17.136C120.544 16.8053 121.408 16.64 122.4 16.64C123.2 16.64 123.91 16.7413 124.528 16.944C125.147 17.136 125.664 17.3973 126.08 17.728C126.507 18.0587 126.827 18.4213 127.04 18.816C127.264 19.2107 127.382 19.6 127.392 19.984C127.403 20.08 127.371 20.16 127.296 20.224C127.232 20.288 127.152 20.32 127.056 20.32H124.72C124.603 20.32 124.512 20.304 124.448 20.272C124.395 20.2293 124.347 20.1707 124.304 20.096C124.23 19.936 124.118 19.7707 123.968 19.6C123.83 19.4187 123.632 19.264 123.376 19.136C123.131 19.008 122.806 18.944 122.4 18.944C121.792 18.944 121.312 19.104 120.96 19.424C120.619 19.744 120.432 20.256 120.4 20.96C120.368 21.8773 120.368 22.8053 120.4 23.744C120.432 24.4907 120.63 25.0293 120.992 25.36C121.355 25.6907 121.835 25.856 122.432 25.856C122.838 25.856 123.195 25.7867 123.504 25.648C123.824 25.5093 124.075 25.296 124.256 25.008C124.438 24.7093 124.528 24.3307 124.528 23.872V23.568H123.024C122.907 23.568 122.806 23.5307 122.72 23.456C122.646 23.3707 122.608 23.2693 122.608 23.152V21.968C122.608 21.8507 122.646 21.7547 122.72 21.68C122.806 21.5947 122.907 21.552 123.024 21.552H127.056C127.174 21.552 127.27 21.5947 127.344 21.68C127.419 21.7547 127.456 21.8507 127.456 21.968V23.792C127.456 24.7093 127.248 25.4933 126.832 26.144C126.416 26.7947 125.824 27.296 125.056 27.648C124.299 27.9893 123.414 28.16 122.4 28.16ZM129.516 28C129.399 28 129.303 27.9627 129.228 27.888C129.153 27.8133 129.116 27.7173 129.116 27.6V17.04C129.116 16.9227 129.153 16.8267 129.228 16.752C129.303 16.6773 129.399 16.64 129.516 16.64H131.404C131.521 16.64 131.617 16.6773 131.692 16.752C131.767 16.8267 131.804 16.9227 131.804 17.04V27.6C131.804 27.7173 131.767 27.8133 131.692 27.888C131.617 27.9627 131.521 28 131.404 28H129.516ZM148.548 28.16C147.95 28.16 147.449 28.0587 147.044 27.856C146.649 27.6533 146.324 27.3973 146.068 27.088V27.6C146.068 27.7173 146.025 27.8133 145.94 27.888C145.865 27.9627 145.774 28 145.668 28H143.86C143.742 28 143.646 27.9627 143.572 27.888C143.497 27.8133 143.46 27.7173 143.46 27.6V17.04C143.46 16.9227 143.497 16.8267 143.572 16.752C143.646 16.6773 143.742 16.64 143.86 16.64H145.812C145.929 16.64 146.025 16.6773 146.1 16.752C146.174 16.8267 146.212 16.9227 146.212 17.04V20.464C146.468 20.1867 146.788 19.9627 147.172 19.792C147.566 19.6107 148.025 19.52 148.548 19.52C149.081 19.52 149.55 19.6107 149.956 19.792C150.372 19.9627 150.724 20.2133 151.012 20.544C151.3 20.8747 151.524 21.2693 151.684 21.728C151.844 22.1867 151.934 22.704 151.956 23.28C151.966 23.4827 151.972 23.6693 151.972 23.84C151.972 24 151.966 24.1867 151.956 24.4C151.934 24.9973 151.838 25.5307 151.668 26C151.508 26.4587 151.284 26.8533 150.996 27.184C150.708 27.504 150.361 27.7493 149.956 27.92C149.55 28.08 149.081 28.16 148.548 28.16ZM147.684 26.016C148.046 26.016 148.329 25.9413 148.532 25.792C148.734 25.6427 148.878 25.44 148.964 25.184C149.06 24.928 149.118 24.6453 149.14 24.336C149.161 24.0053 149.161 23.6747 149.14 23.344C149.118 23.0347 149.06 22.752 148.964 22.496C148.878 22.24 148.734 22.0373 148.532 21.888C148.329 21.7387 148.046 21.664 147.684 21.664C147.353 21.664 147.081 21.7387 146.868 21.888C146.654 22.0267 146.494 22.2133 146.388 22.448C146.281 22.672 146.222 22.9173 146.212 23.184C146.201 23.3867 146.196 23.584 146.196 23.776C146.196 23.968 146.201 24.1707 146.212 24.384C146.222 24.672 146.276 24.9387 146.372 25.184C146.468 25.4293 146.622 25.632 146.836 25.792C147.049 25.9413 147.332 26.016 147.684 26.016ZM156.049 28.16C155.473 28.16 154.956 28.0533 154.497 27.84C154.049 27.616 153.692 27.3173 153.425 26.944C153.159 26.5707 153.025 26.1493 153.025 25.68C153.025 24.9227 153.335 24.3253 153.953 23.888C154.572 23.44 155.393 23.136 156.417 22.976L158.417 22.672V22.448C158.417 22.064 158.337 21.7707 158.177 21.568C158.017 21.3653 157.724 21.264 157.297 21.264C156.999 21.264 156.753 21.3227 156.561 21.44C156.38 21.5573 156.236 21.7173 156.129 21.92C156.033 22.0587 155.9 22.128 155.729 22.128H153.937C153.82 22.128 153.729 22.096 153.665 22.032C153.601 21.9573 153.575 21.872 153.585 21.776C153.585 21.584 153.655 21.3653 153.793 21.12C153.943 20.864 154.167 20.6133 154.465 20.368C154.764 20.1227 155.148 19.92 155.617 19.76C156.087 19.6 156.652 19.52 157.313 19.52C158.007 19.52 158.599 19.6 159.089 19.76C159.58 19.92 159.975 20.144 160.273 20.432C160.583 20.72 160.812 21.0613 160.961 21.456C161.111 21.84 161.185 22.2667 161.185 22.736V27.6C161.185 27.7173 161.143 27.8133 161.057 27.888C160.983 27.9627 160.892 28 160.785 28H158.929C158.812 28 158.716 27.9627 158.641 27.888C158.567 27.8133 158.529 27.7173 158.529 27.6V27.04C158.391 27.2427 158.204 27.4293 157.969 27.6C157.735 27.7707 157.457 27.904 157.137 28C156.828 28.1067 156.465 28.16 156.049 28.16ZM156.801 26.336C157.111 26.336 157.388 26.272 157.633 26.144C157.889 26.0053 158.087 25.7973 158.225 25.52C158.375 25.232 158.449 24.8747 158.449 24.448V24.224L157.089 24.464C156.588 24.5493 156.22 24.6827 155.985 24.864C155.761 25.0347 155.649 25.2373 155.649 25.472C155.649 25.6533 155.703 25.808 155.809 25.936C155.916 26.064 156.055 26.1653 156.225 26.24C156.396 26.304 156.588 26.336 156.801 26.336ZM163.391 28C163.274 28 163.178 27.9627 163.103 27.888C163.028 27.8133 162.991 27.7173 162.991 27.6V17.04C162.991 16.9227 163.028 16.8267 163.103 16.752C163.178 16.6773 163.274 16.64 163.391 16.64H165.279C165.396 16.64 165.492 16.6773 165.567 16.752C165.642 16.8267 165.679 16.9227 165.679 17.04V27.6C165.679 27.7173 165.642 27.8133 165.567 27.888C165.492 27.9627 165.396 28 165.279 28H163.391Z"
fill="var(--whites)"
/>
<path
d="M137.63 28.16C136.734 28.16 135.977 28.016 135.358 27.728C134.75 27.44 134.281 27.0293 133.95 26.496C133.63 25.952 133.449 25.3067 133.406 24.56C133.395 24.3467 133.39 24.1067 133.39 23.84C133.39 23.5627 133.395 23.3227 133.406 23.12C133.449 22.3627 133.641 21.7173 133.982 21.184C134.323 20.6507 134.798 20.24 135.406 19.952C136.025 19.664 136.766 19.52 137.63 19.52C138.505 19.52 139.246 19.664 139.854 19.952C140.473 20.24 140.953 20.6507 141.294 21.184C141.635 21.7173 141.827 22.3627 141.87 23.12C141.881 23.3227 141.886 23.5627 141.886 23.84C141.886 24.1067 141.881 24.3467 141.87 24.56C141.827 25.3067 141.641 25.952 141.31 26.496C140.99 27.0293 140.521 27.44 139.902 27.728C139.294 28.016 138.537 28.16 137.63 28.16ZM137.63 26.208C138.11 26.208 138.457 26.064 138.67 25.776C138.894 25.488 139.022 25.056 139.054 24.48C139.065 24.32 139.07 24.1067 139.07 23.84C139.07 23.5733 139.065 23.36 139.054 23.2C139.022 22.6347 138.894 22.208 138.67 21.92C138.457 21.6213 138.11 21.472 137.63 21.472C137.161 21.472 136.814 21.6213 136.59 21.92C136.366 22.208 136.243 22.6347 136.222 23.2C136.211 23.36 136.206 23.5733 136.206 23.84C136.206 24.1067 136.211 24.32 136.222 24.48C136.243 25.056 136.366 25.488 136.59 25.776C136.814 26.064 137.161 26.208 137.63 26.208Z"
fill="var(--yellow)"
/>
</svg>
</a>
<button
class="navbar-toggler first-button border-0"
type="button"
data-bs-toggle="collapse"
data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown"
aria-expanded="false"
aria-label="Toggle navigation"
>
<div class="animated-icon1">
<span></span><span></span><span></span>
</div>
</button>
<style>
/* Icon 1 */
.animated-icon1 {
width: 30px;
height: 20px;
position: relative;
margin: 0px;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.5s ease-in-out;
-moz-transition: 0.5s ease-in-out;
-o-transition: 0.5s ease-in-out;
transition: 0.5s ease-in-out;
cursor: pointer;
}
.animated-icon1 span {
display: block;
position: absolute;
height: 3px;
width: 100%;
border-radius: 9px;
opacity: 1;
left: 0;
-webkit-transform: rotate(0deg);
-moz-transform: rotate(0deg);
-o-transform: rotate(0deg);
transform: rotate(0deg);
-webkit-transition: 0.25s ease-in-out;
-moz-transition: 0.25s ease-in-out;
-o-transition: 0.25s ease-in-out;
transition: 0.25s ease-in-out;
}
.animated-icon1 span {
background: var(--yellow);
}
/* .animated-icon2 span {
background: #e3f2fd;
}
.animated-icon3 span {
background: #f3e5f5;
} */
.animated-icon1 span:nth-child(1) {
top: 0px;
}
.animated-icon1 span:nth-child(2) {
top: 10px;
}
.animated-icon1 span:nth-child(3) {
top: 20px;
}
.animated-icon1.open span:nth-child(1) {
top: 11px;
-webkit-transform: rotate(135deg);
-moz-transform: rotate(135deg);
-o-transform: rotate(135deg);
transform: rotate(135deg);
}
.animated-icon1.open span:nth-child(2) {
opacity: 0;
left: -60px;
}
.animated-icon1.open span:nth-child(3) {
top: 11px;
-webkit-transform: rotate(-135deg);
-moz-transform: rotate(-135deg);
-o-transform: rotate(-135deg);
transform: rotate(-135deg);
}
.navbar-toggler:focus,
.navbar-toggler:active,
.navbar-toggler-icon:focus,
.navbar-toggler:hover {
outline: none;
box-shadow: none;
background: none;
}
</style>
<script>
document
.querySelector(".first-button")
.addEventListener("click", function () {
document
.querySelector(".animated-icon1")
.classList.toggle("open");
});
document
.querySelector(".second-button")
.addEventListener("click", function () {
document
.querySelector(".animated-icon2")
.classList.toggle("open");
});
document
.querySelector(".third-button")
.addEventListener("click", function () {
document
.querySelector(".animated-icon3")
.classList.toggle("open");
});
</script>
<div
class="collapse navbar-collapse justify-content-lg-end a mt-3 mt-lg-0"
id="navbarNavDropdown"
>
<ul
class="navbar-nav d-lg-flex justify-content-lg-end w-100 align-items-lg-center"
>
<li class="nav-item d-lg-flex align-items-lg-center">
<a
class="nav-link a mt-sm-3 mt-lg-0"
style="color: var(--yellow); font-weight: bold"
href="./index.html"
>Private Clients
</a>
</li>
<li
class="nav-item ms-lg-3 mt-lg-0 d-lg-flex align-items-lg-center"
>
<a
class="nav-link a mt-sm-3 mt-lg-0"
href="./self-employed.html"
>Self-Employed
</a>
</li>
<li
class="nav-item ms-lg-3 mt-lg-0 d-lg-flex align-items-lg-center"
>
<a class="nav-link a mt-sm-3 mt-lg-0" href="./loans.html"
>Loans</a
>
</li>
<li
class="nav-item ms-lg-3 mt-lg-0 d-lg-flex align-items-lg-center"
>
<a class="nav-link a mt-sm-3 mt-lg-0" href="./buisness.html"
>Businesses</a
>
</li>
<li
class="nav-item ms-lg-3 mt-lg-0 d-lg-flex align-items-lg-center"
>
<a class="nav-link a mt-sm-3 mt-lg-0" href="./jobs.html"
>Jobs</a
>
</li>
<li
class="mt-sm-2 ms-lg-4 nav-item dropdown mt-sm-3 mt-lg-0 mt-3 d-lg-flex align-items-lg-center text-sm-center text-center"
>
<a
class="nav-link dropdown-toggle a mb-3 mb-lg-0"
style="border: solid 1px var(--yellow); border-radius: 8px"
href="#"
role="button"
data-bs-toggle="dropdown"
aria-expanded="false"
>
Lets start
</a>
<ul class="dropdown-menu a">
<li>
<a class="dropdown-item" href="./login.html">Log in</a>
</li>
<li>
<a class="dropdown-item" href="./signup.html">Sign up</a>
</li>
</ul>
<ul
class="navbar-nav ms-lg-3 mt-sm-4 mt-lg-0 mb-sm-4 mb-lg-0 mb-4"
>
<div
class="d-lg-none w-100 opacity-25 mb-2"
style="border: solid 1px var(--yellow)"
></div>
<li class="nav-item mt-3 mt-lg-0">
<div class="d-flex mt-sm-4 mt-lg-0">
<div class="">
<svg
width="20"
height="20"
viewBox="0 0 12 12"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
d="M6 7.63636C6.45455 7.63636 6.84091 7.47727 7.15909 7.15909C7.47727 6.84091 7.63636 6.45455 7.63636 6C7.63636 5.54545 7.47727 5.15909 7.15909 4.84091C6.84091 4.52273 6.45455 4.36364 6 4.36364C5.54545 4.36364 5.15909 4.52273 4.84091 4.84091C4.52273 5.15909 4.36364 5.54545 4.36364 6C4.36364 6.45455 4.52273 6.84091 4.84091 7.15909C5.15909 7.47727 5.54545 7.63636 6 7.63636ZM6 8.72727C5.24545 8.72727 4.60236 8.46127 4.07073 7.92927C3.53873 7.39764 3.27273 6.75455 3.27273 6C3.27273 5.24545 3.53873 4.60218 4.07073 4.07018C4.60236 3.53855 5.24545 3.27273 6 3.27273C6.75455 3.27273 7.39782 3.53855 7.92982 4.07018C8.46145 4.60218 8.72727 5.24545 8.72727 6C8.72727 6.75455 8.46145 7.39764 7.92982 7.92927C7.39782 8.46127 6.75455 8.72727 6 8.72727ZM0.545455 6.54545C0.390909 6.54545 0.261455 6.49309 0.157091 6.38836C0.0523636 6.284 0 6.15455 0 6C0 5.84545 0.0523636 5.71582 0.157091 5.61109C0.261455 5.50673 0.390909 5.45455 0.545455 5.45455H1.63636C1.79091 5.45455 1.92055 5.50673 2.02527 5.61109C2.12964 5.71582 2.18182 5.84545 2.18182 6C2.18182 6.15455 2.12964 6.284 2.02527 6.38836C1.92055 6.49309 1.79091 6.54545 1.63636 6.54545H0.545455ZM10.3636 6.54545C10.2091 6.54545 10.0796 6.49309 9.97527 6.38836C9.87055 6.284 9.81818 6.15455 9.81818 6C9.81818 5.84545 9.87055 5.71582 9.97527 5.61109C10.0796 5.50673 10.2091 5.45455 10.3636 5.45455H11.4545C11.6091 5.45455 11.7385 5.50673 11.8429 5.61109C11.9476 5.71582 12 5.84545 12 6C12 6.15455 11.9476 6.284 11.8429 6.38836C11.7385 6.49309 11.6091 6.54545 11.4545 6.54545H10.3636ZM6 2.18182C5.84545 2.18182 5.716 2.12945 5.61164 2.02473C5.50691 1.92036 5.45455 1.79091 5.45455 1.63636V0.545455C5.45455 0.390909 5.50691 0.261273 5.61164 0.156545C5.716 0.0521818 5.84545 0 6 0C6.15455 0 6.28418 0.0521818 6.38891 0.156545C6.49327 0.261273 6.54545 0.390909 6.54545 0.545455V1.63636C6.54545 1.79091 6.49327 1.92036 6.38891 2.02473C6.28418 2.12945 6.15455 2.18182 6 2.18182ZM6 12C5.84545 12 5.716 11.9476 5.61164 11.8429C5.50691 11.7385 5.45455 11.6091 5.45455 11.4545V10.3636C5.45455 10.2091 5.50691 10.0796 5.61164 9.97527C5.716 9.87055 5.84545 9.81818 6 9.81818C6.15455 9.81818 6.28418 9.87055 6.38891 9.97527C6.49327 10.0796 6.54545 10.2091 6.54545 10.3636V11.4545C6.54545 11.6091 6.49327 11.7385 6.38891 11.8429C6.28418 11.9476 6.15455 12 6 12ZM2.53636 3.3L1.95 2.72727C1.84091 2.62727 1.78855 2.5 1.79291 2.34545C1.79764 2.19091 1.85 2.05909 1.95 1.95C2.05909 1.84091 2.19091 1.78636 2.34545 1.78636C2.5 1.78636 2.62727 1.84091 2.72727 1.95L3.3 2.53636C3.4 2.64545 3.45 2.77273 3.45 2.91818C3.45 3.06364 3.4 3.19091 3.3 3.3C3.2 3.40909 3.07509 3.46127 2.92527 3.45655C2.77509 3.45218 2.64545 3.4 2.53636 3.3V3.3ZM9.27273 10.05L8.7 9.46364C8.6 9.35455 8.55 9.22509 8.55 9.07527C8.55 8.92509 8.6 8.8 8.7 8.7C8.8 8.59091 8.92509 8.53873 9.07527 8.54345C9.22509 8.54782 9.35455 8.6 9.46364 8.7L10.05 9.27273C10.1591 9.37273 10.2115 9.5 10.2071 9.65455C10.2024 9.80909 10.15 9.94091 10.05 10.05C9.94091 10.1591 9.80909 10.2136 9.65455 10.2136C9.5 10.2136 9.37273 10.1591 9.27273 10.05ZM8.7 3.3C8.59091 3.2 8.53873 3.07491 8.54345 2.92473C8.54782 2.77491 8.6 2.64545 8.7 2.53636L9.27273 1.95C9.37273 1.84091 9.5 1.78855 9.65455 1.79291C9.80909 1.79764 9.94091 1.85 10.05 1.95C10.1591 2.05909 10.2136 2.19091 10.2136 2.34545C10.2136 2.5 10.1591 2.62727 10.05 2.72727L9.46364 3.3C9.35455 3.4 9.22727 3.45 9.08182 3.45C8.93636 3.45 8.80909 3.4 8.7 3.3V3.3ZM1.95 10.05C1.84091 9.94091 1.78636 9.80909 1.78636 9.65455C1.78636 9.5 1.84091 9.37273 1.95 9.27273L2.53636 8.7C2.64545 8.6 2.77509 8.55 2.92527 8.55C3.07509 8.55 3.2 8.6 3.3 8.7C3.40909 8.8 3.46145 8.92509 3.45709 9.07527C3.45236 9.22509 3.4 9.35455 3.3 9.46364L2.72727 10.05C2.62727 10.1591 2.5 10.2113 2.34545 10.2065C2.19091 10.2022 2.05909 10.15 1.95 10.05Z"
fill="var(--yellow)"
/>
</svg>
</div>
<div class="">
<a
style="
border: 1px solid var(--yellow);
border-radius: 15px;
padding: 10px;
"
id="mode-toggle"
class="ms-2"
href="#"
>Dark</a
>
</div>
<div style="display: none">
<audio
id="myAudioOn"
src="./src/switch-on.mp3"
></audio>
</div>
<div style="display: none">
<audio
id="myAudioOff"
src="./src/switch-off.mp3"
></audio>
</div>
</div>
</li>
</ul>
</li>
</ul>
</div>
</div>
</nav>
</div>
</header>
<div
class="modal fade"
id="exampleModal"
tabindex="-1"
aria-labelledby="exampleModalLabel"
aria-hidden="true"
>
<div class="modal-dialog modal-dialog-centered">
<div class="modal-content">
<div class="modal-header">
<h1 class="modal-title fs-5" id="exampleModalLabel">
Thank you!🥳
</h1>
<button
type="button"
class="btn-close"
data-bs-dismiss="modal"
aria-label="Close"
></button>
</div>
<div class="modal-body">
Thank you for subscribing up for our newsletter! We have sent you a
message to your mailbox. Please check it out.
</div>
<div class="modal-footer">
<button
style="background: var(--yellow); border: none; outline: none"
type="button"
data-bs-dismiss="modal"
class="btn btn-primary"
>
Continue
</button>
</div>
</div>
</div>
</div>
<div class="strip-1 container-fluid page-body">
<div class="container">
<div
class="row align-items-center mx-sm-auto text-sm-center text-lg-start mx-sm-auto"
>
<div class="col-lg-5 col-sm-12 col-12 order-sm-1 order-1 order-lg-0">
<h1
data-aos="fade-right"
data-aos-duration="1000"
class="text-focus-in slide-in-bottom"
>
Online banking. Easy as never before
</h1>
<h4 data-aos="fade-right" data-aos-duration="1200" class="">
Say goodbye to long lines and inconvenient banking hours.
</h4>
<a href="./login.html">
<button
data-aos="fade-right"
data-aos-duration="1200"
class="mb-sm-3 mb-lg-0 mb-3"
>
Get started
</button></a
>
</div>
<div
data-aos="fade-right"
data-aos-duration="800"
class="col-lg-6 col-sm-12 vibrate-1"
>
<img rel="prefetch" src="./img/Saly-10.png" alt="" />
</div>
</div>
</div>
</div>
<div
data-aos="fade-up"
data-aos-duration="1000"
class="strip-2 container-fluid page-body"
>
<div
class="container d-flex flex-column justify-content-lg-around justify-content-sm-around"
>
<h3 class="h3-2 mb-sm-4 mb-4 mb-lg-0 mt-sm-5 mt-lg-0 mt-5">
Best suggestions
</h3>
<a class="button_option mb-sm-4 mb-4 mb-lg-0">updates</a>
<div class="row">
<div class="col-12 col-lg-12">
<div class="box-wrapper">
<div class="row">
<div class="col-12 col-lg-6 col-sm-12">
<div
data-aos="fade-up"
data-aos-duration="2000"
class="box justify-content-between box1 mb-sm-2 mb-2 mb-lg-0 align-items-center"
>
<div class="box-left col-6">
<p class="p_bold_18 ms-4 mt-sm-4 mt-5">
Take Control of Your Finances
</p>
<p class="ms-4">
With Control flow, you can take back the reins and get
the financial freedom you deserve.
</p>
</div>
<div class="box-right">
<img src="./img/picture2.jpg" alt="" />
</div>
</div>
</div>
<div class="col-12 col-lg-6 col-sm-12">
<div
data-aos-duration="1000"
data-aos="fade-up"
class="box justify-content-between box2 mb-sm-2 mb-2 mb-lg-0 align-items-center"
>
<div class="box-left col-6">
<p class="p_bold_18 ms-4 mt-sm-4 mt-5">
Online system is ready to go
</p>
<p class="ms-4">
With a range of easy-to-use online banking tools, you'll
be able to stay on top of your bills and manage your
money more effectively.
</p>
</div>
<div class="box-right">
<img src="./img/picture3.jpg" alt="" />
</div>
</div>
</div>
<div class="col-lg-6 col-sm-12 col-12">
<div
data-aos="fade-up"
data-aos-duration="1000"
class="box justify-content-between box3 mb-sm-2 mb-2 mb-lg-0 align-items-center"
>
<div class="box-left col-6">
<p class="p_bold_18 ms-4 mt-sm-4 mt-5">Stable growth</p>
<p class="ms-4">
Set the power to control flow finances with Take Control
of Your Finances today!
</p>
</div>
<div class="box-right">
<img src="./img/picture4.jpg" alt="" />
</div>
</div>
</div>
<div class="col-lg-6 col-sm-12 col-12">
<div
data-aos="fade-up"
data-aos-duration="1500"
class="box justify-content-between box4 mb-sm-2 mb-2 mb-lg-0 align-items-center"
>
<div class="box-left col-6">
<p class="p_bold_18 ms-4 mt-sm-4 mt-5">Amazing service</p>
<p class="ms-4">
Control flow in our mobile app offers 24/7 access to
your account, so you can keep an eye on your finances
anytime, anywhere.
</p>
</div>
<div class="box-right">
<img src="./img/picture5.jpg" alt="" />
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
data-aos="fade-up"
data-aos-duration="1200"
class="strip-3 container-fluid mb-4 mt-4"
>
<div class="container">
<div class="row align-items-lg-center">
<div class="col-lg-6 col-sm-12 col-12">
<div class="box-strip-3-left">
<h3 class="h3-2 ms-4 mt-5 order-0">
Download our mobile app and get full access to mobile banking!
</h3>
<p class="ms-4 order-0">
Enjoy complete control of your finances with our mobile banking
app! Download now and manage your money with ease - anytime,
anywhere. With the latest security features and the convenience
of mobile access, you can stay on top of your finances with just
a few taps of your screen. Get full access to mobile banking and
start taking control of your money today!
</p>
<button
class="ms-4 order-0 mb-sm-4 mb-4 mb-lg-0 text-center text-sm-center"
>
Get app now
</button>
</div>
</div>
<div
class="col-lg-6 col-sm-12 col-12 order-0 mb-3 d-lg-flex justify-content-lg-end align-content-lg-center mt-lg-3"
>
<img
data-aos="fade-up"
data-aos-duration="1000"
class="strip-3-img"
src="./img/picture6.jpg"
alt=""
/>
</div>
</div>
</div>
</div>
<div
data-aos="fade-up"
data-aos-duration="1200"
class="strip-4 container-fluid mb-4 mt-4"
>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="wrapper-strip-4">
<div
class="row flex-sm-column-reverse flex-column-reverse flex-lg-row"
>
<div class="col-lg-3 col-sm-12 col-12">
<img
data-aos="fade-up imgadd"
data-aos-duration="1000"
class="w-100"
src="./img/picture7.jpg"
alt=""
/>
</div>
<div class="col-lg-9 col-sm-12 col-12">
<p class="p_bold_18 ms-4 mt-sm-4 mt-5">
Explore newest features!
</p>
<p class="ms-4 col-9">
Say goodbye to long lines and hello to hassle-free banking
with our online platform. With just a few clicks, you can
easily manage your finances, pay bills, and track your
spending from the comfort of your own home. Whether you're
at your desk or on the go, our user-friendly platform makes
it easy to stay in control of your money. Try it out and see
the difference for yourself!
</p>
<button
class="ms-4 mb-sm-4 mb-4 mb-lg-0 text-center text-sm-center"
>
Learn more
</button>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="strip-5 container-fluid mb-4 mt-4">
<div class="container">
<div class="row">
<div class="col-12 col-lg-6 col-sm-12">
<div
data-aos="fade-up"
data-aos-duration="1000"
class="strip-5-box strip-5-boxA justify-content-between box1 mb-sm-2 mb-2 mb-lg-0 align-items-center"
>
<div class="box-left col-6">
<p class="p_bold_18 ms-4 mt-sm-4 mt-5">Set up mobile banking</p>
<p class="ms-4">
With control flow and mobile banking, you can take back the
reins and get the financial freedom you deserve.
</p>
</div>
<div class="box-right">
<img src="./img/picture8.jpg" alt="" />
</div>
</div>
</div>
<div
data-aos="fade-up"
data-aos-duration="1200"
class="col-12 col-lg-6 col-sm-12"
>
<div
class="strip-5-box strip-5-boxB justify-content-between box2 mb-sm-2 mb-2 mb-lg-0 align-items-center"
>
<div class="box-left col-6">
<p class="p_bold_18 ms-4 mt-sm-4 mt-5">
Online system is ready to go
</p>
<p class="ms-4">
With a range of easy-to-use online banking tools, you'll be
able to stay on top of your bills and manage your money more
effectively.
</p>
</div>
<div class="box-right">
<img src="./img/picture9.jpg" alt="" />
</div>
</div>
</div>
<div
data-aos="fade-up"
data-aos-duration="1200"
class="strip-4 container-fluid mb-4 mt-4"
>
<div class="container">
<div class="row">
<div class="col-lg-12">
<div class="wrapper-strip-4 d-flex">
<div
class="row strip7 flex-sm-column-reverse flex-column-reverse flex-lg-row align-items-lg-center"
>
<div class="col-lg-7 col-sm-12 col-12">
<p class="p_bold_18 ms-4 mt-sm-4 mt-5">
Cyber security library
</p>
<p class="ms-4 col-lg-9">
We have collected important and useful information on
how to protect personal data, passwords and money from
cybercriminals. And also - how not to become a victim
of telephone scammers
</p>
</div>
<div
data-aos="fade-up"
data-aos-duration="1000"
class="col-lg-5 col-sm-12 col-12 me-lg-0 g-lg-0"
>
<img
class="img-fluid"
src="./img/picture10.jpg"
alt=""
/>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div
data-aos="fade-up"
data-aos-duration="1200"
class="currency-strip container-fluid mb-5"
>
<div class="container d-flex">
<div class="row">
<div class="col-12 currency-content d-flex align-items-center">
<div class="row flex-sm-column flex-column flex-lg-row">
<div
class="col-lg-6 col-sm-12 col-12 currency-left mb-sm-5 mb-5 mb-lg-0"
>
<div class="currency-left-text mb-5">
<h3 class="h3-2 mt-sm-3 mt-3 mt-lg-0">
Currency exchange rates in Bank Global
</h3>
<p>
Current as of
<em
style="
font-style: normal;
font-weight: bold;
color: var(--yellow);
"
id="current-date"
>xxx</em
>
Rates at Bank Global and bank offices are different.
If you need cash, see actual courses at our offices
</p>
</div>
<div
class="currency-left-USD d-flex justify-content-between align-items-lg-end align-items-sm-center align-items-center mb-5"
>
<h3>USD</h3>
<div class="buy">
<p style="color: var(--paragraphSecondary)">Sell</p>
<h3 id="id_USD_Buy" class="h3-2"></h3>
</div>
<div class="recieve">
<p style="color: var(--paragraphSecondary)">Buy</p>
<h3 id="id_USD_Receive" class="h3-2"></h3>
</div>
</div>
<div
class="currency-left-EUR d-flex justify-content-between align-items-lg-end align-items-sm-center align-items-center"
>
<h3>EUR</h3>
<h3 id="id_EUR_Buy" class="h3-2"></h3>
<h3 id="id_EUR_Receive" class="h3-2"></h3>
</div>
</div>
<div
class="d-lg-none w-75 mx-auto opacity-25 mb-5 mt-3"
style="border: solid 1px var(--yellow)"
></div>
<div
class="col-lg-6 col-sm-12 col-12 currency-right d-flex flex-column align-items-end justify-content-between mt-lg-5"
>
<form
action=""
class="form_buy col-lg-8 col-sm-12 col-12 d-flex flex-column mb-4"
>
<h3
class="mb-4 h3_2"
style="color: var(--yellow); font-weight: bold"
>
USD
</h3>
<label
class="mb-2 labelee"
style="color: var(--paragraphSecondary)"
for="number"
>
Want to buy</label
>
<input
value="1"
min="0"
id="id_input_USD"
class="rounded-2 py-3 willrecieve"
type="number"
placeholder="Enter amount in USD"
/>
</form>
<form
action=""
class="form_buy col-lg-8 col-sm-12 col-12 d-flex flex-column mb-4"
>
<h3 class="mb-4">EUR</h3>
<label
class="mb-2"
style="color: var(--paragraphSecondary)"
for="number"
>
You will receive</label
>
<input
value="1"
min="0"
id="id_input_EUR"
class="rounded-2 py-3 bbold"
style="border: 2px solid var(--yellow)"
type="number"
placeholder="Enter amount in EUR"
/>
</form>
<button
onclick="currency()"
class="button_big align-self-sm-center align-self-center align-self-lg-end mb-sm-4 mb-lg-0 mb-4"
>
Calculate
</button>
</div>
</div>
</div>
</div>
</div>
</div>
<div
data-aos="fade-up"
data-aos-duration="1200"
class="newsletter-strip container-fluid d-flex align-content-lg-center"
>
<div class="container d-flex">
<div class="row">
<div
data-aos="fade-up"
data-aos-duration="1000"
class="col-12 d-flex justify-content-lg-between flex-sm-column flex-column flex-lg-row align-items-center"
>
<div class="newsletter-left col-lg-8 col-sm-12 col-12">
<h2
style="color: var(--whites)"
class="h2 ms-4 mt-sm-4 mt-5"
>
Subscribe on our newsletter!
</h2>
<p
class="ms-4 col-sm-10 col-10 col-lg-6"
style="color: var(--whites)"
>
Get the inside scoop on all things finance by subscribing
to our newsletter. Keep up with the latest news,
promotions, and tips to make the most of your money. Sign
up now and never miss out on valuable financial insights
and information.
</p>
<form
action="
"
>
<input
class="ms-4 mb-3 rounded-2 py-3 col-sm-10 col-10 col-lg-6"
style="border: 2px solid var(--paragraphSecondary)"
type="text"
placeholder="Enter your email here"
/>
<button
type="button"
data-bs-toggle="modal"
data-bs-target="#exampleModal"
id="subscribeBtn"
class="ms-sm-4 ms-4 mb-sm-4 mb-lg-0 mb-4"
>
Subscribe
</button>
</form>
</div>
<div
class="newsletter-right col-lg-4 col-sm-12 col-12 d-flex justify-content-center mb-sm-3 mb-3 mb-lg-0"
>
<img class="imgadd w-100" src="./img/12.png" alt="" />
</div>
</div>
</div>
</div>
</div>
<div class="news container-fluid mt-sm-5 mt-5 mt-lg-0">
<div class="container">
<div
class="row justify-content-between flex-sm-column flex-column flex-lg-row align-items-lg-center"
>
<div
data-aos="fade-up"
data-aos-duration="1000"
class="col-12 mb-5 order-0"
>
<h3 class="h3-2">Latest News</h3>
</div>
<div
data-aos="fade-up"
data-aos-duration="1100"
class="col-lg-4 col-12 col-sm-12 mb-4"
>
<p class="p_small mb-4" style="color: #afafaf">1 hour ago</p>
<p class="mb-4">
The Federal Reserve announced plans to increase interest
rates in the coming year. This decision could affect
mortgage rates and borrowing costs for consumers.
</p>
<a
style="color: var(--yellow)"
class="d-lg-block d-sm-none d-none"
href="#"
>Read all news ></a
>
</div>
<div
data-aos="fade-up"
data-aos-duration="1200"
class="col-lg-4 col-12 col-sm-12 mb-4"
>
<p class="p_small mb-4" style="color: #afafaf">6 hours ago</p>
<p>
The stock market saw a significant dip this quarter, with
several major companies experiencing losses. Experts predict
a cautious outlook for the coming months.
</p>
</div>
<div
data-aos="fade-up"
data-aos-duration="1300"
class="col-lg-4 col-12 col-sm-12 mb-4"
>
<p class="p_small mb-4" style="color: #afafaf">8 hours ago</p>
<p>
Several major corporations have reported record profits in
the past quarter, leading to a surge in the stock market.
Investors are closely watching to see if this trend will
continue in the coming months
</p>
<a
style="color: var(--yellow)"
class="d-lg-none d-sm-block d-block"
href="#"
>Read all news ></a
>
</div>
</div>
</div>
</div>
<!-- <div class="rate container-fluid mt-sm-5 mt-5 mt-lg-0">
<div class="container">
<div class="row flex-column">
<div class="col-4">
<h3>Is this page was interesting for you?</h3>
</div>
<div class="col-8">
<div class="yes d-flex justify-content-center">
<svg
width="74"
height="25"
viewBox="0 0 74 25"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<path
fill-rule="evenodd"
clip-rule="evenodd"
d="M15.7296 3.26422C16.3935 2.27247 17.5095 1.77173 18.5486 1.77173C20.0451 1.77173 21.2582 3.00295 21.2582 4.52173C21.2582 4.85305 21.0361 5.62727 20.5917 6.84439L25.6218 6.47248C30.2601 6.12954 33.2611 8.56364 32.7154 14.2914C32.1697 20.0191 27.441 23.231 22.7985 23.5079C18.156 23.7848 16.1148 23.5079 14.0206 22.8203C11.9263 22.1327 8.61309 19.9336 8.61309 16.8937V13.2331C8.61309 11.7422 9.19517 10.3467 10.1406 9.28579C9.74688 9.21256 9.45721 9.11267 9.45721 9.11267L10.1955 9.22506C10.9694 8.37955 11.6617 7.57821 12.7883 7.2997L15.7296 3.26422Z"
stroke="var(--yellow)"
stroke-width="2"
/>
<path
d="M9.96777 20.8551V9.7301C9.96777 8.62553 9.07234 7.7301 7.96777 7.7301H7.00003C5.89546 7.7301 5.00003 8.62553 5.00003 9.7301L5.00003 20.8551C5.00003 21.9597 5.89546 22.8551 7.00003 22.8551H7.96777C9.07234 22.8551 9.96777 21.9597 9.96777 20.8551Z"
fill="none"
stroke="var(--yellow)"
stroke-width="2"
/>
</svg>
<p style="color: var(--paragraphTurtary)">Yes</p>
</div>
<div class="no d-flex justify-content-center">
<svg
width="31"
height="24"
viewBox="0 0 31 24"
fill="none"
xmlns="http://www.w3.org/2000/svg"
>
<g clip-path="url(#clip0_0_217)">