-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
810 lines (793 loc) · 47.1 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
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
<!doctype html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Bank Landing Page</title>
<link rel="icon" type="image/jpg" href="bank/img/7.jpg">
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-T3c6CoIi6uLrA9TneNEoa7RxnatzjcDSCmG1MXxSR1GAsXEV/Dwwykc2MPK8M2HN" crossorigin="anonymous">
<link href="bank/style.css" rel="stylesheet">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/5.2.0/css/all.min.css">
</head>
<body>
<header class="fixed-top" style="">
<nav class="navbar navbar-expand-lg text-light" style="background-color: #2F2F3A;">
<div class="container-fluid text-light">
<button class="navbar-toggler text-light" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNav" >
<span class="fa fa-bars text-light"></span>
</button>
<a class="navbar-brand text-light sd" href="#"><img class="img-fluid" src="bank/img/lg.png"></a>
<div class="collapse navbar-collapse" id="navbarNav">
<ul class="navbar-nav ms-auto me-5">
<li class="nav-item">
<a class="nav-link text-light ms-3 fs-5" href="#home">Home</a>
</li>
<li class="nav-item">
<a class="nav-link text-light ms-3 fs-5" href="#aboutus">About Us</a>
</li>
<li class="nav-item">
<a class="nav-link text-light ms-3 fs-5" href="#services">Services</a>
</li>
<li class="nav-item">
<a class="nav-link text-light ms-3 fs-5" href="#pricing">Pricing</a>
</li>
<li class="nav-item">
<a class="nav-link text-light ms-3 fs-5" href="#testimonials">Testimonials</a>
</li>
<li class="nav-item">
<a class="nav-link text-light ms-3 fs-5" href="#contactus">Contact Us</a>
</li>
</ul>
</div>
</div>
</nav>
</header>
<div class="" id="home">
<div id="carouselExampleCaptions" class="carousel slide pt-5 cv">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner jet">
<div class="carousel-item active">
<img src="bank/img/sli.jpg" class="d-block w-100 rounded" alt="...">
<div class="carousel-caption position-absolute as">
<h4 class="roo mb-4 pb-4">The Fastest Way to Send Money Worldwide</h4>
<a href="#" class="btn btn-info btn-lg rounded-pill text-light fw-bold px-4 py-2 mb-4" >Order Card</a></br>
<ul class="nav justify-content-center mb-4">
<li class="nav-item dropdown get">
<a href="#"><i class="fab fa-facebook ms-3 text-light"></i></a>
<a href="#" ><i class="fab fa-twitter ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-instagram ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-facebook-messenger ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-linkedin ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-snapchat ms-3 me-3 text-light"></i></a>
</li>
</ul>
<i class="fa fa-mobile mb-4 fs-3"></i><br>
<a class="fs-3" href="tel:#">1-800-1234-567</a></br>
<a href="#">Request a Call Back</a>
</div>
</div>
<div class="carousel-item">
<img src="bank/img/sle.jpeg" class="d-block w-100 rounded" alt="...">
<div class="carousel-caption position-absolute as">
<h4 class="roo mb-4 pb-4">Where You Know Your Banker and Your Banker Knows You</h4>
<a href="#" class="btn btn-info btn-lg rounded-pill text-light fw-bold px-4 py-2 mb-4">Order Card</a></br>
<ul class="nav justify-content-center mb-4">
<li class="nav-item dropdown get">
<a href="#"><i class="fab fa-facebook ms-3 text-light"></i></a>
<a href="#" ><i class="fab fa-twitter ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-instagram ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-facebook-messenger ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-linkedin ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-snapchat ms-3 me-3 text-light"></i></a>
</li>
</ul>
<i class="fa fa-mobile mb-4 fs-3"></i><br>
<a class="fs-3" href="tel:#">1-800-1234-567</a></br>
<a href="#">Request a Call Back</a>
</div>
</div>
<div class="carousel-item">
<img src="bank/img/sl.jpeg" class="d-block w-100 rounded" alt="...">
<div class="carousel-caption position-absolute as">
<h4 class="roo mb-4 pb-4">Our Quest to Make Banking Better Starts Here</h4>
<a href="#" class="btn btn-info btn-lg rounded-pill text-light fw-bold px-4 py-2 mb-4">Order Card</a></br>
<ul class="nav justify-content-center mb-4">
<li class="nav-item dropdown get">
<a href="#"><i class="fab fa-facebook ms-3 text-light"></i></a>
<a href="#" ><i class="fab fa-twitter ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-instagram ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-facebook-messenger ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-linkedin ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-snapchat ms-3 me-3 text-light"></i></a>
</li>
</ul>
<i class="fa fa-mobile mb-4 fs-3"></i><br>
<a class="fs-3" href="tel:#">1-800-1234-567</a></br>
<a href="#">Request a Call Back</a>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleCaptions" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
<div class="container-fluid">
<div class="row">
<div class="col-lg-3 ps-5 pk get text-light" style="background:#1E90FF ">
<div class=" d-inline-flex py-3 my-3">
<i class="fa fa-credit-card fa-3x"></i>
</div>
<div>
<h5>More than 23 754 Issued Cards</h5>
<p class="fw-light">Our bank is an acknowledged leader in credit card distribution. We issue more than 5000 cards every year.</p>
</div>
</div>
<div class="col-lg-3 ps-5 get text-light" style="background:#0B74DA">
<div class=" d-inline-flex py-3 my-3">
<i class="fa fa-wallet fa-3x"></i>
</div>
<div>
<h5>Up to 30% Cashback</h5>
<p class="fw-light">We offer an amazing amount of cashback for payments made with one of our credit cards - Blue, Green, or Orange.</p>
</div>
</div>
<div class="col-lg-3 ps-5 get text-light" style="background:#0C69C4 ">
<div class=" d-inline-flex py-3 my-3">
<i class="fab fa-cc-mastercard fa-3x"></i>
</div>
<div>
<h5>Up to 25% for Deposits</h5>
<p class="fw-light">Bank Progress offers various deposits in all international currencies with interest rate up to 25% for all regular clients.</p>
</div>
</div>
<div class="col-lg-3 ps-5 pt-3 get text-light" style="background:#0A5FB2 ">
<div class="d-inline-flex mt-4">
<p class="fw-light">The Best Choice 2018</p>
</div>
<div>
<h5>Reliable and Secure Credit Cards and Deposits for You</h5>
<a href="#" class="btn btn-info btn-lg rounded-pill text-light fw-bold px-5 py-2 mb-4 mt-4"><i class="fa fa-credit-card text-light me-3"></i>Order Card</a>
</div>
</div>
</div>
</div>
<div class="bg-light pt-5 pb-4">
<div class="container" id="aboutus">
<div class="row">
<div class="col-lg-12 text-center pt-5">
<h2 class="pb-3 fs-1">A Few Words About Our Bank</h2>
<p>Bank Progress was founded in 1999 to introduce the new level of financial services worldwide. We are still<br> dedicated to the success of our clients, both individual and corporate.</p>
</div>
<div class="col-lg-12 pt-4">
<div class="row">
<div class="col-lg-6">
<img class="img-fluid rounded" src="bank/img/in.jpg">
</div>
<div class="col-lg-6 ns pb-4">
<p>At Bank Progress, we are guided by a common purpose to help make financial lives better by connecting clients and communities to the resource they need to be successful. We are driving growth – helping to create jobs, develop communities, foster economic mobility and address society’s biggest challenges – while managing risk and providing a return to our clients and our shareholders.</p>
<div class="progress-lt">
<p>Financial Consulting</p>
<span>92%</span>
<div class="progress">
<div class="progress-bar theme-bg" role="progressbar" aria-valuenow="92" aria-valuemin="0" aria-valuemax="100" style="width: 75%;">
</div>
</div>
</div>
<div class="progress-lt">
<p>Online Reporting</p>
<span>84%</span>
<div class="progress">
<div class="progress-bar theme-bg" role="progressbar" aria-valuenow="84" aria-valuemin="0" aria-valuemax="100" style="width: 50%;">
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid text-light py-5 " style="background-color: #29293a;">
<h2 class="pb-3 fs-1 pt-5 text-center">Financial Statistics</h2>
<div class="col-lg-12 pt-5">
<div class="row">
<div class="col-lg-4 text-light ps-5">
<i class="fa fa-quote-left fs-3 text-primary"></i><br>
<h5>At Bank Progress, we aim to provide top quality banking services to a greater number of individual and corporate customers than any other bank in the USA or abroad. Our clients value data privacy and security of their banking accounts 24/7.</h5>
<p class="pt-3 text-primary">Samuel Chapman</p>
<p>CEO & Founder of Bank Progress</p>
</div>
<div class="col-lg-4 text-light ps-5">
<p>With the development of online banking, our number of customers increased up to 6 million worldwide.</p>
</div>
<div class="col-lg-4 text-light text-center ps-5">
<div class="pt-4 ms-2"><img class="img-fluid rounded" src="bank/img/dk.png">
<span><b>50%</b></span>
<div class="pt-3 me-5">Cashback</div>
</div>
<div class="pt-4"><img class="img-fluid rounded" src="bank/img/dl.png">
<span><b>100%</b></span>
<div class="pt-3 me-5 pb-5">Guarantee</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center py-5">
<div class="container" id="services">
<div class="row">
<div class="col-lg-12 text-center pt-5">
<h2 class="pb-3 fs-1">The Best Banking Choice</h2>
<p>Since our foundation, we have been #1 banking institution for lots of individual and corporate customers,<br>both in the USA and internationally. We provide our clients with a number of benefits.</p>
</div>
<div class="col-lg-12 pt-4">
<div class="row">
<div class="col-lg-4 ps-5">
<div class=" d-inline-flex py-3 my-3">
<i class="fa fa-map text-primary fa-4x"></i>
</div>
<div>
<h5>Various Locations</h5>
<p class="fw-light">We have offices in many countries including the USA and the UK.</p>
</div>
</div>
<div class="col-lg-4 ps-5 ">
<div class=" d-inline-flex py-3 my-3">
<i class="fa fa-mobile text-primary fa-4x"></i>
</div>
<div>
<h5>Mobile Banking Apps</h5>
<p class="fw-light">Get instant access to your account on any device using our banking apps.</p>
</div>
</div>
<div class="col-lg-4 ps-5">
<div class=" d-inline-flex py-3 my-3">
<i class="fa fa-users text-primary fa-4x"></i>
</div>
<div>
<h5>Family & Friends Programs</h5>
<p class="fw-light">Our Bank has special programs with benefits for family members.</p>
</div>
</div>
<div class="col-lg-4 ps-5">
<div class=" d-inline-flex py-3 my-3">
<i class="fa fa-headset text-primary fa-4x"></i>
</div>
<div>
<h5>24/7 Support</h5>
<p class="fw-light">Our Support team is always ready to help you solve any banking issues.</p>
</div>
</div>
<div class="col-lg-4 ps-5 ">
<div class=" d-inline-flex py-3 my-3">
<i class="fa fa-receipt text-primary fa-4x"></i>
</div>
<div>
<h5>Personal Profile</h5>
<p class="fw-light">Register your free personal profile online to begin using our services.</p>
</div>
</div>
<div class="col-lg-4 ps-5">
<div class=" d-inline-flex py-3 my-3">
<i class="fa fa-cog text-primary fa-4x"></i>
</div>
<div>
<h5>Settings</h5>
<p class="fw-light">Registered clients can edit the banking account settings in 2 clicks.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center py-5 bg-light">
<div class="container" id="pricing">
<div class="row">
<div class="col-lg-12 text-center pt-5">
<h2 class="pb-3 fs-1">Pricing</h2>
</div>
<div class="col-lg-12 py-4">
<div class="row">
<div class="col-lg-4 my-4 py-3 rounded" style="background-color: white;">
<div class=" d-inline-flex text-center py-3 my-3">
<img class="img-fluid" src="bank/img/pe.png">
</div>
<div>
<h4>Basic</h4>
<p class="fw-light pt-3">This option is perfect if you have no experience in online banking but would like to have a card for all kinds of payments in selected currencies.</p>
<p class="fs-3 fw-light">Free</p>
<a href="#" class="btn btn-info btn-lg rounded-pill text-light fw-bold px-4 py-2 mb-4" >Order Card</a></br>
</div>
</div>
<div class="col-lg-4 py-3 text-light rounded" style="background-color: #0077ea;">
<div class=" d-inline-flex py-3 my-3">
<img class="img-fluid" src="bank/img/pri.png">
</div>
<div>
<h4>Standard</h4>
<p class="fw-light pt-3">This offer provides you with extended support for your financial needs and is able to cover the needs of individual and business clients.</p>
<p class="fs-3 fw-light">$99.00/mo</p>
<a href="#" class="btn btn-info btn-lg rounded-pill text-light fw-bold px-4 py-2 mb-4" >Order Card</a></br>
</div>
</div>
<div class="col-lg-4 my-4 py-3 rounded" style="background-color: white;">
<div class=" d-inline-flex py-3 my-3">
<img class="img-fluid" src="bank/img/pm.png">
</div>
<div>
<h4>Premium</h4>
<p class="fw-light pt-3">This card from Bank Progress proved to be a great financial solution for big companies and international enterprises worldwide.</p>
<p class="fs-3 fw-light">$199.00/mo</p>
<a href="#" class="btn btn-info btn-lg rounded-pill text-light fw-bold px-4 py-2 mb-4" >Order Card</a></br>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="text-center py-5">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center pt-5">
<h2 class="pb-3 fs-1">How to Order a New Card</h2>
</div>
<div class="col-lg-12 pt-4">
<div class="row">
<div class="col-lg-3 ps-5 get">
<div class=" d-inline-flex bg-primary rounded-circle px-4 py-4 my-3">
<i class="fa fa-receipt fa-4x text-light"></i>
</div>
<div>
<h5>Online Registration</h5>
<p class="fw-light">Everything starts with free online registration. Only basic data is needed - name, surname, age etc.</p>
</div>
</div>
<div class="col-lg-3 ps-5 get">
<div class=" d-inline-flex bg-primary rounded-circle px-4 py-4 my-3">
<i class="fa fa-star fa-4x text-light"></i>
</div>
<div>
<h5>Filling Out a Form</h5>
<p class="fw-light">After the basic registration, you will need to fill out a form to help us determine your financial goals.</p>
</div>
</div>
<div class="col-lg-3 ps-5 get ">
<div class=" d-inline-flex bg-primary rounded-circle px-4 py-4 my-3">
<i class="fa fa-check fa-4x text-light"></i>
</div>
<div>
<h5>Signing an Agreement</h5>
<p class="fw-light">This stage concludes the procedure of opening an account at Bank Progress to start using your card.</p>
</div>
</div>
<div class="col-lg-3 ps-5 get">
<div class=" d-inline-flex bg-primary rounded-circle px-4 py-4 my-3">
<i class="fa fa-credit-card fa-4x text-light"></i>
</div>
<div>
<h5>Using Your Card</h5>
<p class="fw-light">You can use your card to purchase the products you need or to open a secure deposit with lots of benefits.</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid text-center text-light" style="background-color: #1E90FF">
<div class="row">
<div class="col-lg-6 mt-4 text-center af py-4 px-4">
<h1>Choose Your <b>Bank Card</b> Now!</h1>
</div>
<div class="col-lg-6 mt-4 py-4">
<a href="#" class="btn btn-primary btn-lg rounded-pill text-light fw-bold px-4 py-2 mb-4" >Order Card</a>
</div>
</div>
</div>
<div class=" py-5 bg-light">
<div class="container" id="testimonials">
<div class="row">
<div class="col-lg-12 text-center pt-5">
<h2 class="pb-3 fs-1">Testimonials</h2>
</div>
<div id="carouselExampleIndicators" class="carousel slide" data-bs-ride="carousel">
<div class="carousel-indicators">
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="0" class="active" aria-current="true" aria-label="Slide 1"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="1" aria-label="Slide 2"></button>
<button type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide-to="2" aria-label="Slide 3"></button>
</div>
<div class="carousel-inner">
<div class="carousel-item active py-4">
<div class="col-lg-12 pt-4">
<div class="row">
<div class="col-lg-6 card py-4 px-4 aim mx-3 mt-3">
<div class="text-warning fs-6">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
<span class="text-muted fs-6 of">2 days</span>
<p class="text-muted fs-6 py-3">I choose Bank Progress because I know they share my values of putting community first. Not only do they make banking easy, I see them out volunteering and investing in our community.</p>
<img class="img-fluid rounded-circle" src="bank/img/01.jpg" width=40px;>
<span class="text-primary ps-2"> Marie Hanson</span><br>
<span class="text-muted ps-5"> Charity Organization Manager</span>
</div>
</div>
<div class="col-lg-6 card py-4 px-4 aim mx-3 mt-3">
<div class="text-warning fs-6">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
<span class="text-muted fs-6 of">2 days</span>
<p class="text-muted fs-6 py-3">I choose Bank Progress because I know they share my values of putting community first. Not only do they make banking easy, I see them out volunteering and investing in our community.</p>
<img class="img-fluid rounded-circle" src="bank/img/ay.jpg" width=40px;>
<span class="text-primary ps-2"> Marie Hanson</span><br>
<span class="text-muted ps-5"> Charity Organization Manager</span>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item py-4">
<div class="col-lg-12 pt-4">
<div class="row">
<div class="col-lg-6 card py-4 px-4 aim mx-3 mt-3">
<div class="text-warning fs-6">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
<span class="text-muted fs-6 of">2 days</span>
<p class="text-muted fs-6 py-3">I choose Bank Progress because I know they share my values of putting community first. Not only do they make banking easy, I see them out volunteering and investing in our community.</p>
<img class="img-fluid rounded-circle" src="bank/img/02.jpg" width=40px;>
<span class="text-primary ps-2"> Marie Hanson</span><br>
<span class="text-muted ps-5"> Charity Organization Manager</span>
</div>
</div>
<div class="col-lg-6 card py-4 px-4 aim mx-3 mt-3">
<div class="text-warning fs-6">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
<span class="text-muted fs-6 of">2 days</span>
<p class="text-muted fs-6 py-3">I choose Bank Progress because I know they share my values of putting community first. Not only do they make banking easy, I see them out volunteering and investing in our community.</p>
<img class="img-fluid rounded-circle" src="bank/img/bb.jpg" width=40px;>
<span class="text-primary ps-2"> Marie Hanson</span><br>
<span class="text-muted ps-5"> Charity Organization Manager</span>
</div>
</div>
</div>
</div>
</div>
<div class="carousel-item py-4">
<div class="col-lg-12 pt-4">
<div class="row">
<div class="col-lg-6 card py-4 px-4 aim mx-3 mt-3">
<div class="text-warning fs-6">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
<span class="text-muted fs-6 of">2 days</span>
<p class="text-muted fs-6 py-3">I choose Bank Progress because I know they share my values of putting community first. Not only do they make banking easy, I see them out volunteering and investing in our community.</p>
<img class="img-fluid rounded-circle" src="bank/img/05.jpg" width=40px;>
<span class="text-primary ps-2"> Marie Hanson</span><br>
<span class="text-muted ps-5"> Charity Organization Manager</span>
</div>
</div>
<div class="col-lg-6 card py-4 px-4 aim mx-3 mt-3">
<div class="text-warning fs-6">
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star"></i>
<i class="fa fa-star-half"></i>
<span class="text-muted fs-6 of">2 days</span>
<p class="text-muted fs-6 py-3">I choose Bank Progress because I know they share my values of putting community first. Not only do they make banking easy, I see them out volunteering and investing in our community.</p>
<img class="img-fluid rounded-circle" src="bank/img/av.jpg" width=40px;>
<span class="text-primary ps-2"> Marie Hanson</span><br>
<span class="text-muted ps-5"> Charity Organization Manager</span>>
</div>
</div>
</div>
</div>
</div>
<button class="carousel-control-prev" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="prev">
<span class="carousel-control-prev-icon" aria-hidden="true"></span>
<span class="visually-hidden">Previous</span>
</button>
<button class="carousel-control-next" type="button" data-bs-target="#carouselExampleIndicators" data-bs-slide="next">
<span class="carousel-control-next-icon" aria-hidden="true"></span>
<span class="visually-hidden">Next</span>
</button>
</div>
</div>
</div>
</div>
</div>
<div class=" py-5">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center pt-5">
<h2 class="pb-3 fs-1">Frequently Asked Questions</h2>
</div>
<div class="col-lg-12 py-4">
<div class="row">
<div class="col-lg-4 border-start border-dark mt-3 px-3">
<div>
<h5 class="text-muted">What is the currency amount for the Blue Card?</h5>
<p class="text-muted fs-6 py-3">The minimum amount that can be loaded on the card is $100 or equivalent amount in other currency. The maximum amount would be as per Bank Progress guidelines applicable from time to time. You can learn more about it by contacting our consultants using the form on our website or by calling us directly.</p>
</div>
<div>
<h5 class="text-muted">What steps do I take if my card gets lost?</h5>
<p class="text-muted fs-6 py-3">If you lose your card please immediately contact our customer support center so that we could issue a new one as fast as possible.</p>
</div>
</div>
<div class="col-lg-4 border-start border-dark mt-3 px-3">
<div>
<h5 class="text-muted">Do I have to maintain any minimum balance?</h5>
<p class="text-muted fs-6 py-3">It depends on the card you choose. For example, if you pick an Orange Card, you get a special waiver on the minimum balance requirement.</p>
</div>
<div>
<h5 class="text-muted">What security features does the mobile banking have?</h5>
<p class="text-muted fs-6 py-3">Mobile browser-based banking is very similar to PC based internet banking. The respective mobile handset browser replaces a PC browser to access the banking services. Some of the important security measures in place are 128 bit SSL from VeriSign, https:// based access etc.</p>
</div>
</div>
<div class="col-lg-4 border-start border-dark mt-3 px-3">
<div>
<h5 class="text-muted">What kind of browser do I need for online banking?</h5>
<p class="text-muted fs-6 py-3">Our Banking System supports all browsers. Some of the most popular ones are Chrome, Opera, Firefox, and Safari. If you are using Internet Explorer make sure the version of your browser is 9.0 or higher.</p>
</div>
<div class="mt-3">
<h5 class="text-muted">Can I make online payments to foreign recipients?</h5>
<p class="text-muted fs-6 py-3">Yes, you can! Our bank does not limit any payments to a certain country so whether you are using our online banking system or an app for your device, you can safely transfer any amount of money or purchase services and products.</p>
</div>
</div>
<div class="col-lg-12 text-center mt-4 py-4">
<a href="#" class="btn btn-primary btn-lg rounded-pill text-light fw-bold px-4 py-2 mb-4" >View All Asked Questions</a>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="container-fluid text-center text-light " style="background-color: #1E90FF">
<div class="row">
<div class="col-lg-6 mt-4 text-center af py-4 px-4">
<h1>Choose Your <b>Bank Card</b> Now!</h1>
</div>
<div class="col-lg-6 mt-4 py-4">
<a href="#" class="btn btn-primary btn-lg rounded-pill text-light fw-bold px-4 py-2 mb-4" >Order Card</a>
</div>
</div>
</div>
<div class="bg-light py-5">
<div class="container">
<div class="row">
<div class="col-lg-12 text-center pt-5">
<h2 class="pb-3 fs-1">Latest Blog Posts</h2>
</div>
<div class="col-lg-12 py-4">
<div class="row">
<div class="col-lg-3 my-4 py-3">
<div class=" d-inline-flex text-center py-3 my-3">
<img class="img-fluid rounded" src="bank/img/ma.jpg">
</div>
<div>
<a class="btn btn-primary btn-sm" href="#">News</a><span class="ps-3">by</span><a href="#" class="ps-3">Marth Rayan</a>
<div class="mt-3">
<a class="fw-light" href="#">7 Banking Services That Can Save Retirees Money</a>
<p class="fs-6 text-muted mt-3">Long gone are the days in which you need to visit a branch to do your banking. Today, banks offer an array of services...</p>
<p class="fs-6 text-dark mt-3">2 Days</p>
</div>
</div>
</div>
<div class="col-lg-3 py-3 my-4">
<div class=" d-inline-flex py-3 my-3">
<img class="img-fluid rounded" src="bank/img/mb.jpg">
</div>
<div>
<a class="btn btn-primary btn-sm" href="#">News</a><span class="ps-3">by</span><a href="#" class="ps-3">Lawrence Kelly</a>
<div class="mt-3">
<a class="fw-light" href="#">Stocks Could Surge Another 10% Between Now And 2019</a>
<p class="fs-6 text-muted mt-3">Experts point out that the next couple of months could become bumpy as the markets deal with uncertainty over factors such as tax reform, which is...</p>
<p class="fs-6 text-dark mt-3">2 Days</p>
</div>
</div>
</div>
<div class="col-lg-3 my-4 py-3">
<div class=" d-inline-flex py-3 my-3">
<img class="img-fluid rounded" src="bank/img/mc.jpg">
</div>
<div>
<a class="btn btn-primary btn-sm" href="#">News</a><span class="ps-3"> by</span><a href="#" class="ps-3">Theresa Simpson</a>
<div class="mt-3">
<a class="fw-light" href="#">Wall Street Analysts Are Nailing It This Year</a>
<p class="fs-6 text-muted mt-3">Wall Street analysts have made the right calls so far this year. Analysts' 50 most loved stocks at the start of the year are...</p>
<p class="fs-6 text-dark mt-3">2 Days</p>
</div>
</div>
</div>
<div class="col-lg-3 my-4 py-3">
<div class=" d-inline-flex py-3 my-3">
<img class="img-fluid rounded" src="bank/img/md.jpg">
</div>
<div>
<a class="btn btn-primary btn-sm" href="#">News</a><span class="ps-3">by</span><a href="#" class="ps-3">Lawrence Kelly</a>
<div class="mt-3">
<a class="fw-light" href="#">Cash Faces a New Challenger in Zelle, a Mobile Banking Service</a>
<p class="fs-6 text-muted mt-3">After six years of laying a foundation, major banks are ready to introduce Zelle, a digital...</p>
<p class="fs-6 text-dark mt-3">2 Days</p>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="py-5">
<div class="container" id="contactus">
<div class="row">
<div class="col-lg-4 mt-3">
<ul class="nav nav-pills mb-3" id="pills-tab" role="tablist">
<li class="nav-item" role="presentation">
<button class="nav-link active" id="pills-home-tab" data-bs-toggle="pill" data-bs-target="#pills-home" type="button" role="tab" aria-controls="pills-home" aria-selected="true">San Diego</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-profile-tab" data-bs-toggle="pill" data-bs-target="#pills-profile" type="button" role="tab" aria-controls="pills-profile" aria-selected="false">New York</button>
</li>
<li class="nav-item" role="presentation">
<button class="nav-link" id="pills-contact-tab" data-bs-toggle="pill" data-bs-target="#pills-contact" type="button" role="tab" aria-controls="pills-contact" aria-selected="false">Chicago</button>
</li>
</ul>
<div class="tab-content" id="pills-tabContent">
<div class="tab-pane fade show active" id="pills-home" role="tabpanel" aria-labelledby="pills-home-tab">
<ul class="list-unstyled py-3 ps-3">
<li class="mt-3">
<i class="fa fa-map-marker-alt text-primary"></i><a class="text-muted fs-6 ps-2" href="#"> 2130 Fulton Street,<br><span class="ps-4"> San Diego, CA 94117-1080 USA</span></a>
</li>
<li class="mt-3">
<i class="fa fa-phone text-primary"></i><a class="text-muted fs-6 ps-2" href="#">1-800-1234-567<br><span class="ps-4"> 1-800-1234-567</span></a>
</li>
<li class="mt-3">
<i class="fa fa-envelope text-primary"></i><a class="text-muted fs-6 ps-2" href="#"> info@demolink.org</a>
</li>
</ul>
</div>
<div class="tab-pane fade" id="pills-profile" role="tabpanel" aria-labelledby="pills-profile-tab">
<ul class="list-unstyled py-3 ps-3">
<li class="mt-3">
<i class="fa fa-map-marker-alt text-primary"></i><a class="text-muted fs-6 ps-2" href="#"> 2130 Marshall Street,<br><span class="ps-4">New York, NY 65432-8767 USA</span></a>
</li>
<li class="mt-3">
<i class="fa fa-phone text-primary"></i><a class="text-muted fs-6 ps-2" href="#">1-800-1234-567<br><span class="ps-4"> 1-800-1234-567</span></a>
</li>
<li class="mt-3">
<i class="fa fa-envelope text-primary"></i><a class="text-muted fs-6 ps-2" href="#"> info@demolink.org</a>
</li>
</ul>
</div>
<div class="tab-pane fade" id="pills-contact" role="tabpanel" aria-labelledby="pills-contact-tab">
<ul class="list-unstyled py-3 ps-3">
<li class="mt-3">
<i class="fa fa-map-marker-alt text-primary"></i><a class="text-muted fs-6 ps-2" href="#"> 5432 Central Street,<br><span class="ps-4"> Chicago, IL 43541-3243 USA</span></a>
</li>
<li class="mt-3">
<i class="fa fa-phone text-primary"></i><a class="text-muted fs-6 ps-2" href="#">1-800-1234-567<br><span class="ps-4"> 1-800-1234-567</span></a>
</li>
<li class="mt-3">
<i class="fa fa-envelope text-primary"></i><a class="text-muted fs-6 ps-2" href="#"> info@demolink.org</a>
</li>
</ul>
</div>
</div>
<div>
<a href="#"><i class="fab fa-facebook ms-3 text-muted"></i></a>
<a href="#" ><i class="fab fa-twitter ms-3 text-muted"></i></a>
<a href="#"><i class="fab fa-instagram ms-3 text-muted"></i></a>
<a href="#"><i class="fab fa-facebook-messenger ms-3 text-muted"></i></a>
<a href="#"><i class="fab fa-linkedin ms-3 text-muted"></i></a>
<a href="#"><i class="fab fa-snapchat ms-3 me-3 text-muted"></i></a>
</div>
</div>
<div class="col-lg-4 mt-3">
<h5 class="text-muted">Get in Touch</h5>
<form>
<input type="text" name="name" class="form-control mt-3 bg-light" placeholder="Name">
<input type="email" name="email" class="form-control mt-3 bg-light" placeholder="E-mail">
<textarea class="form-control mt-3 bg-light" placeholder="Message" id="floatingTextarea2" style="height: 100px"></textarea>
<a href="#" class="btn btn-info rounded-pill text-light fw-bold px-4 py-2 mb-4 mt-2" >Send</a>
</form>
</div>
<div class="col-lg-4 mt-3 ps-5">
<img class="img-fluid rounded" src="bank/img/do.png">
</div>
</div>
</div>
</div>
<footer style="background-color: #2F2F3A;">
<div class="container py-4">
<div class="row">
<div class="col-lg-3 py-5 ">
<div class=" d-inline-flex ">
<img class="img-fluid rounded" src="bank/img/lg.png">
</div>
<div class="mt-3 ">
<p class="fs-7 text-light mt-3">Bank Progress is the leading financial establishment providing high-quality international banking services. We are always ready to partner with you by offering full financial support to individuals and companies worldwide.</p>
<div class="mt-3">
<p class="fs-7 text-light mt-5 pt-3">© 2023 All rights reserved.</p>
</div>
</div>
</div>
<div class="col-lg-3 py-5">
<h5 class="text-light">Contact Information</h5>
<ul class="list-unstyled py-3 ps-3">
<li class="mt-2">
<i class="fa fa-map-marker-alt text-primary"></i><a class="text-light fs-7 ps-2" href="#"> 2130 Fulton Street,<br><span class="ps-4"> San Diego, CA 94117-1080 USA</span></a>
</li>
<li class="mt-2">
<i class="fa fa-phone text-primary"></i><a class="text-light fs-7 ps-2" href="#">1-800-1234-567<br><span class="ps-4"> 1-800-1234-567</span></a>
</li>
<li class="mt-2">
<i class="fa fa-envelope text-primary"></i><a class="text-light fs-7 ps-2" href="#"> info@demolink.org</a>
</li>
</ul>
<div>
<a href="#"><i class="fab fa-facebook ms-3 text-light"></i></a>
<a href="#" ><i class="fab fa-twitter ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-instagram ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-facebook-messenger ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-linkedin ms-3 text-light"></i></a>
<a href="#"><i class="fab fa-snapchat ms-3 me-3 text-light"></i></a>
</div>
</div>
<div class="col-lg-3 py-5 ps-5">
<h5 class="text-light">Gallery</h5>
<ul class="list-unstyled we py-4" data-lightgallery="group">
<li><a class="" data-lightgallery="item" href="bank/img/ma.jpg"><img src="bank/img/ins.jpg" alt="" width="72" height="72"></a>
</li>
<li><a class="" data-lightgallery="item" href="bank/img/ma.jpg"><img src="bank/img/ma.jpg" alt="" width="72" height="72"></a>
</li>
<li><a class="" data-lightgallery="item" href="bank/img/ma.jpg"><img src="bank/img/ia.jpg" alt="" width="72" height="72"></a>
</li>
<li><a class="" data-lightgallery="item" href="bank/img/ma.jpg"><img src="bank/img/ib.jpg" alt="" width="72" height="72"></a>
</li>
<li><a class="" data-lightgallery="item" href="bank/img/ma.jpg"><img src="bank/img/ic.jpg" alt="" width="72" height="72"></a>
</li>
<li><a class="" data-lightgallery="item" href="bank/img/ma.jpg"><img src="bank/img/id.jpg" alt="" width="72" height="72"></a>
</li>
</ul>
</div>
<div class="col-lg-3 py-5">
<h5 class="text-light">Newsletter</h5>
<div class="py-3 ">
<p class="fs-7 text-light">Keep up with our always upcoming news and updates. Enter your e-mail and subscribe to our newsletter.</p>
<form>
<input type="email" name="email" class="form-control mt-3 bg-light" placeholder="Enter your e-mail">
<a href="#" class="btn btn-info rounded-pill text-light fw-bold px-4 py-2 mb-4 mt-4" >Subscribe</a>
</form>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.2/dist/js/bootstrap.bundle.min.js" integrity="sha384-C6RzsynM9kWDrMNeT87bh95OGNyZPhcTNXj1NW7RuBCsyN/o0jlpcV8Qyq46cDfL" crossorigin="anonymous"></script>
</body>
</html>