Hugging Face's logo

Spaces:
rootleo
/
saikrishna-website
Running

App Files Community
rootleo commited on
Commit
3df1eaa
·
verified ·
1 Parent(s): 67af8dd

Add 2 files

Browse files
Files changed (2) hide show
  1. README.md +7 -5
  2. index.html +1253 -19
README.md CHANGED
@@ -1,10 +1,12 @@
1
  ---
2
- title: Saikrishna Website
3
- emoji: 🌍
4
- colorFrom: indigo
5
- colorTo: indigo
6
  sdk: static
7
  pinned: false
 
 
8
  ---
9
 
10
- Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
 
1
  ---
2
+ title: saikrishna-website
3
+ emoji: 🐳
4
+ colorFrom: blue
5
+ colorTo: blue
6
  sdk: static
7
  pinned: false
8
+ tags:
9
+ - deepsite
10
  ---
11
 
12
+ Check out the configuration reference at https://huggingface.co/docs/hub/spaces-config-reference
index.html CHANGED
@@ -1,19 +1,1253 @@
1
- <!doctype html>
2
- <html>
3
- <head>
4
- <meta charset="utf-8" />
5
- <meta name="viewport" content="width=device-width" />
6
- <title>My static Space</title>
7
- <link rel="stylesheet" href="style.css" />
8
- </head>
9
- <body>
10
- <div class="card">
11
- <h1>Welcome to your static Space!</h1>
12
- <p>You can modify this app directly by editing <i>index.html</i> in the Files and versions tab.</p>
13
- <p>
14
- Also don't forget to check the
15
- <a href="https://huggingface.co/docs/hub/spaces" target="_blank">Spaces documentation</a>.
16
- </p>
17
- </div>
18
- </body>
19
- </html>
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
1
+ <!DOCTYPE html>
2
+ <html lang="en">
3
+ <head>
4
+ <meta charset="UTF-8">
5
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
6
+ <title>QuickBridge Loans - Your Personal Loan Connector</title>
7
+ <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/6.4.0/css/all.min.css">
8
+ <style>
9
+ :root {
10
+ --primary: #3498db;
11
+ --secondary: #2980b9;
12
+ --accent: #e74c3c;
13
+ --light: #ecf0f1;
14
+ --dark: #2c3e50;
15
+ --success: #2ecc71;
16
+ --warning: #f39c12;
17
+ }
18
+
19
+ * {
20
+ margin: 0;
21
+ padding: 0;
22
+ box-sizing: border-box;
23
+ font-family: 'Segoe UI', Tahoma, Geneva, Verdana, sans-serif;
24
+ }
25
+
26
+ body {
27
+ background-color: var(--light);
28
+ color: var(--dark);
29
+ line-height: 1.6;
30
+ }
31
+
32
+ .container {
33
+ max-width: 1200px;
34
+ margin: 0 auto;
35
+ padding: 0 20px;
36
+ }
37
+
38
+ /* Header */
39
+ header {
40
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
41
+ color: white;
42
+ padding: 20px 0;
43
+ box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
44
+ position: sticky;
45
+ top: 0;
46
+ z-index: 100;
47
+ }
48
+
49
+ .header-container {
50
+ display: flex;
51
+ justify-content: space-between;
52
+ align-items: center;
53
+ }
54
+
55
+ .logo {
56
+ font-size: 28px;
57
+ font-weight: 700;
58
+ display: flex;
59
+ align-items: center;
60
+ }
61
+
62
+ .logo i {
63
+ margin-right: 10px;
64
+ color: var(--accent);
65
+ }
66
+
67
+ nav ul {
68
+ display: flex;
69
+ list-style: none;
70
+ }
71
+
72
+ nav ul li {
73
+ margin-left: 30px;
74
+ }
75
+
76
+ nav ul li a {
77
+ color: white;
78
+ text-decoration: none;
79
+ font-weight: 500;
80
+ transition: all 0.3s ease;
81
+ padding: 8px 0;
82
+ position: relative;
83
+ }
84
+
85
+ nav ul li a:hover {
86
+ color: var(--accent);
87
+ }
88
+
89
+ nav ul li a::after {
90
+ content: '';
91
+ position: absolute;
92
+ bottom: 0;
93
+ left: 0;
94
+ width: 0;
95
+ height: 2px;
96
+ background-color: var(--accent);
97
+ transition: width 0.3s ease;
98
+ }
99
+
100
+ nav ul li a:hover::after {
101
+ width: 100%;
102
+ }
103
+
104
+ .mobile-menu {
105
+ display: none;
106
+ font-size: 24px;
107
+ cursor: pointer;
108
+ }
109
+
110
+ /* Hero Section */
111
+ .hero {
112
+ background: linear-gradient(rgba(52, 152, 219, 0.8), rgba(41, 128, 185, 0.9)), url('https://images.unsplash.com/photo-1607749111659-e1c8e05f5f24?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=1200&q=80');
113
+ background-size: cover;
114
+ background-position: center;
115
+ height: 80vh;
116
+ display: flex;
117
+ align-items: center;
118
+ text-align: center;
119
+ color: white;
120
+ }
121
+
122
+ .hero-content {
123
+ max-width: 800px;
124
+ margin: 0 auto;
125
+ }
126
+
127
+ .hero h1 {
128
+ font-size: 48px;
129
+ margin-bottom: 20px;
130
+ line-height: 1.2;
131
+ }
132
+
133
+ .hero p {
134
+ font-size: 20px;
135
+ margin-bottom: 30px;
136
+ }
137
+
138
+ .btn {
139
+ display: inline-block;
140
+ background-color: var(--accent);
141
+ color: white;
142
+ padding: 12px 30px;
143
+ border-radius: 50px;
144
+ text-decoration: none;
145
+ font-weight: 600;
146
+ transition: all 0.3s ease;
147
+ border: 2px solid var(--accent);
148
+ font-size: 18px;
149
+ margin: 0 10px;
150
+ }
151
+
152
+ .btn:hover {
153
+ background-color: transparent;
154
+ color: var(--accent);
155
+ transform: translateY(-3px);
156
+ box-shadow: 0 10px 20px rgba(0, 0, 0, 0.1);
157
+ }
158
+
159
+ .btn-outline {
160
+ background-color: transparent;
161
+ border: 2px solid white;
162
+ color: white;
163
+ }
164
+
165
+ .btn-outline:hover {
166
+ background-color: white;
167
+ color: var(--primary);
168
+ }
169
+
170
+ /* Features Section */
171
+ .section {
172
+ padding: 80px 0;
173
+ }
174
+
175
+ .section-title {
176
+ text-align: center;
177
+ margin-bottom: 50px;
178
+ }
179
+
180
+ .section-title h2 {
181
+ font-size: 36px;
182
+ color: var(--dark);
183
+ margin-bottom: 15px;
184
+ position: relative;
185
+ display: inline-block;
186
+ }
187
+
188
+ .section-title h2::after {
189
+ content: '';
190
+ position: absolute;
191
+ bottom: -10px;
192
+ left: 50%;
193
+ transform: translateX(-50%);
194
+ width: 80px;
195
+ height: 4px;
196
+ background-color: var(--accent);
197
+ }
198
+
199
+ .section-title p {
200
+ color: #7f8c8d;
201
+ max-width: 700px;
202
+ margin: 0 auto;
203
+ }
204
+
205
+ .features-grid {
206
+ display: grid;
207
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
208
+ gap: 30px;
209
+ }
210
+
211
+ .feature-card {
212
+ background-color: white;
213
+ border-radius: 10px;
214
+ padding: 30px;
215
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
216
+ transition: all 0.3s ease;
217
+ text-align: center;
218
+ }
219
+
220
+ .feature-card:hover {
221
+ transform: translateY(-10px);
222
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
223
+ }
224
+
225
+ .feature-icon {
226
+ width: 80px;
227
+ height: 80px;
228
+ background-color: var(--light);
229
+ border-radius: 50%;
230
+ display: flex;
231
+ align-items: center;
232
+ justify-content: center;
233
+ margin: 0 auto 20px;
234
+ color: var(--primary);
235
+ font-size: 30px;
236
+ }
237
+
238
+ .feature-card h3 {
239
+ font-size: 22px;
240
+ margin-bottom: 15px;
241
+ color: var(--dark);
242
+ }
243
+
244
+ .feature-card p {
245
+ color: #7f8c8d;
246
+ }
247
+
248
+ /* Loan Types Section */
249
+ .loans-grid {
250
+ display: grid;
251
+ grid-template-columns: repeat(auto-fit, minmax(250px, 1fr));
252
+ gap: 25px;
253
+ }
254
+
255
+ .loan-card {
256
+ background-color: white;
257
+ border-radius: 10px;
258
+ overflow: hidden;
259
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
260
+ transition: all 0.3s ease;
261
+ }
262
+
263
+ .loan-card:hover {
264
+ transform: translateY(-10px);
265
+ box-shadow: 0 15px 30px rgba(0, 0, 0, 0.1);
266
+ }
267
+
268
+ .loan-img {
269
+ height: 180px;
270
+ background-size: cover;
271
+ background-position: center;
272
+ }
273
+
274
+ .loan-content {
275
+ padding: 20px;
276
+ }
277
+
278
+ .loan-content h3 {
279
+ font-size: 22px;
280
+ margin-bottom: 10px;
281
+ color: var(--dark);
282
+ }
283
+
284
+ .loan-content p {
285
+ color: #7f8c8d;
286
+ margin-bottom: 15px;
287
+ }
288
+
289
+ .loan-details {
290
+ display: flex;
291
+ justify-content: space-between;
292
+ margin-top: 15px;
293
+ padding-top: 15px;
294
+ border-top: 1px solid #eee;
295
+ }
296
+
297
+ .loan-details span {
298
+ display: block;
299
+ color: var(--secondary);
300
+ font-weight: 600;
301
+ }
302
+
303
+ .loan-details small {
304
+ color: #7f8c8d;
305
+ font-size: 12px;
306
+ }
307
+
308
+ /* Process Section */
309
+ .process-steps {
310
+ display: flex;
311
+ justify-content: space-between;
312
+ position: relative;
313
+ margin-top: 50px;
314
+ }
315
+
316
+ .process-steps::before {
317
+ content: '';
318
+ position: absolute;
319
+ top: 40px;
320
+ left: 0;
321
+ right: 0;
322
+ height: 2px;
323
+ background-color: var(--primary);
324
+ z-index: 1;
325
+ }
326
+
327
+ .step {
328
+ text-align: center;
329
+ position: relative;
330
+ z-index: 2;
331
+ width: 22%;
332
+ }
333
+
334
+ .step-number {
335
+ width: 80px;
336
+ height: 80px;
337
+ background-color: var(--primary);
338
+ color: white;
339
+ border-radius: 50%;
340
+ display: flex;
341
+ align-items: center;
342
+ justify-content: center;
343
+ font-size: 30px;
344
+ font-weight: 700;
345
+ margin: 0 auto 20px;
346
+ position: relative;
347
+ box-shadow: 0 0 0 8px var(--light);
348
+ }
349
+
350
+ .step h3 {
351
+ font-size: 18px;
352
+ margin-bottom: 10px;
353
+ color: var(--dark);
354
+ }
355
+
356
+ .step p {
357
+ color: #7f8c8d;
358
+ }
359
+
360
+ /* Testimonials */
361
+ .testimonials {
362
+ background-color: var(--light);
363
+ }
364
+
365
+ .testimonials-grid {
366
+ display: grid;
367
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
368
+ gap: 30px;
369
+ }
370
+
371
+ .testimonial-card {
372
+ background-color: white;
373
+ border-radius: 10px;
374
+ padding: 30px;
375
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
376
+ }
377
+
378
+ .testimonial-content {
379
+ position: relative;
380
+ margin-bottom: 20px;
381
+ }
382
+
383
+ .testimonial-content::before {
384
+ content: '"';
385
+ position: absolute;
386
+ top: -20px;
387
+ left: -15px;
388
+ font-size: 80px;
389
+ color: var(--primary);
390
+ opacity: 0.1;
391
+ font-family: Georgia, serif;
392
+ }
393
+
394
+ .testimonial-text {
395
+ font-style: italic;
396
+ color: var(--dark);
397
+ margin-bottom: 20px;
398
+ position: relative;
399
+ z-index: 1;
400
+ }
401
+
402
+ .testimonial-author {
403
+ display: flex;
404
+ align-items: center;
405
+ }
406
+
407
+ .author-img {
408
+ width: 50px;
409
+ height: 50px;
410
+ border-radius: 50%;
411
+ margin-right: 15px;
412
+ object-fit: cover;
413
+ }
414
+
415
+ .author-info h4 {
416
+ font-size: 18px;
417
+ color: var(--dark);
418
+ margin-bottom: 5px;
419
+ }
420
+
421
+ .author-info p {
422
+ color: #7f8c8d;
423
+ font-size: 14px;
424
+ }
425
+
426
+ /* CTA Section */
427
+ .cta {
428
+ background: linear-gradient(135deg, var(--primary), var(--secondary));
429
+ color: white;
430
+ text-align: center;
431
+ padding: 80px 0;
432
+ }
433
+
434
+ .cta h2 {
435
+ font-size: 36px;
436
+ margin-bottom: 20px;
437
+ }
438
+
439
+ .cta p {
440
+ font-size: 20px;
441
+ margin-bottom: 30px;
442
+ max-width: 700px;
443
+ margin-left: auto;
444
+ margin-right: auto;
445
+ }
446
+
447
+ /* FAQ Section */
448
+ .faq-item {
449
+ background-color: white;
450
+ border-radius: 10px;
451
+ margin-bottom: 15px;
452
+ box-shadow: 0 3px 10px rgba(0, 0, 0, 0.05);
453
+ overflow: hidden;
454
+ }
455
+
456
+ .faq-question {
457
+ padding: 20px;
458
+ cursor: pointer;
459
+ display: flex;
460
+ justify-content: space-between;
461
+ align-items: center;
462
+ font-weight: 600;
463
+ transition: all 0.3s ease;
464
+ }
465
+
466
+ .faq-question:hover {
467
+ color: var(--primary);
468
+ }
469
+
470
+ .faq-question i {
471
+ transition: transform 0.3s ease;
472
+ }
473
+
474
+ .faq-answer {
475
+ max-height: 0;
476
+ overflow: hidden;
477
+ transition: max-height 0.5s ease;
478
+ }
479
+
480
+ .faq-answer p {
481
+ padding: 0 20px 20px;
482
+ }
483
+
484
+ .faq-item.active .faq-question {
485
+ color: var(--primary);
486
+ }
487
+
488
+ .faq-item.active .faq-question i {
489
+ transform: rotate(180deg);
490
+ }
491
+
492
+ /* Contact Section */
493
+ .contact-container {
494
+ display: grid;
495
+ grid-template-columns: repeat(auto-fit, minmax(300px, 1fr));
496
+ gap: 30px;
497
+ }
498
+
499
+ .contact-info {
500
+ display: flex;
501
+ flex-direction: column;
502
+ }
503
+
504
+ .contact-card {
505
+ display: flex;
506
+ align-items: flex-start;
507
+ margin-bottom: 30px;
508
+ }
509
+
510
+ .contact-icon {
511
+ width: 60px;
512
+ height: 60px;
513
+ background-color: var(--light);
514
+ border-radius: 50%;
515
+ display: flex;
516
+ align-items: center;
517
+ justify-content: center;
518
+ font-size: 24px;
519
+ color: var(--primary);
520
+ margin-right: 20px;
521
+ flex-shrink: 0;
522
+ }
523
+
524
+ .contact-text h3 {
525
+ font-size: 20px;
526
+ margin-bottom: 10px;
527
+ color: var(--dark);
528
+ }
529
+
530
+ .contact-text p {
531
+ color: #7f8c8d;
532
+ }
533
+
534
+ .contact-form {
535
+ background-color: white;
536
+ padding: 30px;
537
+ border-radius: 10px;
538
+ box-shadow: 0 5px 15px rgba(0, 0, 0, 0.05);
539
+ }
540
+
541
+ .form-group {
542
+ margin-bottom: 20px;
543
+ }
544
+
545
+ .form-group label {
546
+ display: block;
547
+ margin-bottom: 8px;
548
+ color: var(--dark);
549
+ font-weight: 500;
550
+ }
551
+
552
+ .form-control {
553
+ width: 100%;
554
+ padding: 15px;
555
+ border: 1px solid #ddd;
556
+ border-radius: 5px;
557
+ font-size: 16px;
558
+ transition: all 0.3s ease;
559
+ }
560
+
561
+ .form-control:focus {
562
+ border-color: var(--primary);
563
+ box-shadow: 0 0 0 3px rgba(52, 152, 219, 0.2);
564
+ outline: none;
565
+ }
566
+
567
+ textarea.form-control {
568
+ min-height: 150px;
569
+ resize: vertical;
570
+ }
571
+
572
+ /* Bank Partners */
573
+ .partners {
574
+ display: flex;
575
+ flex-wrap: wrap;
576
+ justify-content: center;
577
+ gap: 30px;
578
+ align-items: center;
579
+ }
580
+
581
+ .partner-logo {
582
+ max-width: 150px;
583
+ filter: grayscale(100%);
584
+ opacity: 0.7;
585
+ transition: all 0.3s ease;
586
+ }
587
+
588
+ .partner-logo:hover {
589
+ filter: grayscale(0);
590
+ opacity: 1;
591
+ }
592
+
593
+ /* Footer */
594
+ footer {
595
+ background-color: var(--dark);
596
+ color: white;
597
+ padding: 60px 0 20px;
598
+ }
599
+
600
+ .footer-container {
601
+ display: grid;
602
+ grid-template-columns: repeat(auto-fit, minmax(200px, 1fr));
603
+ gap: 40px;
604
+ margin-bottom: 40px;
605
+ }
606
+
607
+ .footer-col h3 {
608
+ font-size: 20px;
609
+ margin-bottom: 20px;
610
+ position: relative;
611
+ padding-bottom: 10px;
612
+ }
613
+
614
+ .footer-col h3::after {
615
+ content: '';
616
+ position: absolute;
617
+ bottom: 0;
618
+ left: 0;
619
+ width: 50px;
620
+ height: 2px;
621
+ background-color: var(--accent);
622
+ }
623
+
624
+ .footer-col p {
625
+ margin-bottom: 15px;
626
+ color: #bdc3c7;
627
+ }
628
+
629
+ .footer-links {
630
+ list-style: none;
631
+ }
632
+
633
+ .footer-links li {
634
+ margin-bottom: 10px;
635
+ }
636
+
637
+ .footer-links a {
638
+ color: #bdc3c7;
639
+ text-decoration: none;
640
+ transition: all 0.3s ease;
641
+ }
642
+
643
+ .footer-links a:hover {
644
+ color: white;
645
+ padding-left: 5px;
646
+ }
647
+
648
+ .social-links {
649
+ display: flex;
650
+ gap: 15px;
651
+ margin-top: 20px;
652
+ }
653
+
654
+ .social-links a {
655
+ display: flex;
656
+ align-items: center;
657
+ justify-content: center;
658
+ width: 40px;
659
+ height: 40px;
660
+ background-color: rgba(255, 255, 255, 0.1);
661
+ border-radius: 50%;
662
+ color: white;
663
+ transition: all 0.3s ease;
664
+ }
665
+
666
+ .social-links a:hover {
667
+ background-color: var(--accent);
668
+ transform: translateY(-3px);
669
+ }
670
+
671
+ .copyright {
672
+ text-align: center;
673
+ padding-top: 20px;
674
+ border-top: 1px solid rgba(255, 255, 255, 0.1);
675
+ color: #bdc3c7;
676
+ font-size: 14px;
677
+ }
678
+
679
+ /* Responsive Styles */
680
+ @media (max-width: 992px) {
681
+ .hero h1 {
682
+ font-size: 42px;
683
+ }
684
+
685
+ .process-steps {
686
+ flex-wrap: wrap;
687
+ }
688
+
689
+ .step {
690
+ width: 48%;
691
+ margin-bottom: 40px;
692
+ }
693
+
694
+ .process-steps::before {
695
+ display: none;
696
+ }
697
+ }
698
+
699
+ @media (max-width: 768px) {
700
+ .hero {
701
+ height: auto;
702
+ padding: 100px 0;
703
+ }
704
+
705
+ .hero h1 {
706
+ font-size: 36px;
707
+ }
708
+
709
+ .btn {
710
+ display: block;
711
+ margin: 10px auto;
712
+ max-width: 250px;
713
+ }
714
+
715
+ .header-container {
716
+ flex-direction: column;
717
+ text-align: center;
718
+ }
719
+
720
+ nav ul {
721
+ margin-top: 20px;
722
+ flex-direction: column;
723
+ }
724
+
725
+ nav ul li {
726
+ margin: 10px 0;
727
+ }
728
+
729
+ .mobile-menu {
730
+ display: block;
731
+ position: absolute;
732
+ top: 25px;
733
+ right: 20px;
734
+ }
735
+
736
+ nav {
737
+ display: none;
738
+ width: 100%;
739
+ margin-top: 20px;
740
+ }
741
+
742
+ nav.active {
743
+ display: block;
744
+ }
745
+
746
+ .step {
747
+ width: 100%;
748
+ }
749
+ }
750
+ </style>
751
+ </head>
752
+ <body>
753
+ <!-- Header -->
754
+ <header>
755
+ <div class="container header-container">
756
+ <div class="logo">
757
+ <i class="fas fa-hand-holding-usd"></i>
758
+ <span>QuickBridge</span>
759
+ </div>
760
+ <div class="mobile-menu">
761
+ <i class="fas fa-bars"></i>
762
+ </div>
763
+ <nav>
764
+ <ul>
765
+ <li><a href="#home">Home</a></li>
766
+ <li><a href="#services">Services</a></li>
767
+ <li><a href="#process">Process</a></li>
768
+ <li><a href="#testimonials">Testimonials</a></li>
769
+ <li><a href="#contact">Contact</a></li>
770
+ </ul>
771
+ </nav>
772
+ </div>
773
+ </header>
774
+
775
+ <!-- Hero Section -->
776
+ <section class="hero" id="home">
777
+ <div class="container">
778
+ <div class="hero-content">
779
+ <h1>Get the Best Loans Faster Than Ever</h1>
780
+ <p>We bridge the gap between you and multiple banks, securing the lowest interest rates with lightning-fast approvals.</p>
781
+ <div>
782
+ <a href="#contact" class="btn">Get Started Now</a>
783
+ <a href="#services" class="btn btn-outline">Learn More</a>
784
+ </div>
785
+ </div>
786
+ </div>
787
+ </section>
788
+
789
+ <!-- Stats Section -->
790
+ <section class="section" style="background-color: var(--primary); color: white;">
791
+ <div class="container">
792
+ <div class="features-grid" style="color: white;">
793
+ <div class="feature-card" style="background-color: transparent; box-shadow: none;">
794
+ <div class="feature-icon" style="background-color: rgba(255,255,255,0.1); color: white;">
795
+ <i class="fas fa-clock"></i>
796
+ </div>
797
+ <h3>7 Days or Less</h3>
798
+ <p>Average loan approval time</p>
799
+ </div>
800
+ <div class="feature-card" style="background-color: transparent; box-shadow: none;">
801
+ <div class="feature-icon" style="background-color: rgba(255,255,255,0.1); color: white;">
802
+ <i class="fas fa-percentage"></i>
803
+ </div>
804
+ <h3>1-3% Lower</h3>
805
+ <p>Better interest rates than direct applications</p>
806
+ </div>
807
+ <div class="feature-card" style="background-color: transparent; box-shadow: none;">
808
+ <div class="feature-icon" style="background-color: rgba(255,255,255,0.1); color: white;">
809
+ <i class="fas fa-building"></i>
810
+ </div>
811
+ <h3>20+ Banks</h3>
812
+ <p>Partner network with best options</p>
813
+ </div>
814
+ <div class="feature-card" style="background-color: transparent; box-shadow: none;">
815
+ <div class="feature-icon" style="background-color: rgba(255,255,255,0.1); color: white;">
816
+ <i class="fas fa-users"></i>
817
+ </div>
818
+ <h3>5000+ Clients</h3>
819
+ <p>Satisfied customers served</p>
820
+ </div>
821
+ </div>
822
+ </div>
823
+ </section>
824
+
825
+ <!-- Features Section -->
826
+ <section class="section" id="services">
827
+ <div class="container">
828
+ <div class="section-title">
829
+ <h2>Why Choose Us</h2>
830
+ <p>We handle all the complexities so you can focus on what matters</p>
831
+ </div>
832
+ <div class="features-grid">
833
+ <div class="feature-card">
834
+ <div class="feature-icon">
835
+ <i class="fas fa-search-dollar"></i>
836
+ </div>
837
+ <h3>Best Rates Guaranteed</h3>
838
+ <p>We compare all options across our extensive bank network to secure you the absolute lowest interest rate.</p>
839
+ </div>
840
+ <div class="feature-card">
841
+ <div class="feature-icon">
842
+ <i class="fas fa-file-signature"></i>
843
+ </div>
844
+ <h3>Paperwork Simplified</h3>
845
+ <p>We handle all documentation and formalities, making the process as smooth as possible for you.</p>
846
+ </div>
847
+ <div class="feature-card">
848
+ <div class="feature-icon">
849
+ <i class="fas fa-bolt"></i>
850
+ </div>
851
+ <h3>Lightning Fast Process</h3>
852
+ <p>Our established relationships with banks mean approvals often come in less than a week.</p>
853
+ </div>
854
+ <div class="feature-card">
855
+ <div class="feature-icon">
856
+ <i class="fas fa-user-shield"></i>
857
+ </div>
858
+ <h3>Personal Advocate</h3>
859
+ <p>Your dedicated DSA agent will guide you through every step and fight for your best interests.</p>
860
+ </div>
861
+ </div>
862
+ </div>
863
+ </section>
864
+
865
+ <!-- Loan Types Section -->
866
+ <section class="section" style="background-color: var(--light);">
867
+ <div class="container">
868
+ <div class="section-title">
869
+ <h2>Loan Types We Offer</h2>
870
+ <p>Comprehensive solutions for all your financial needs</p>
871
+ </div>
872
+ <div class="loans-grid">
873
+ <div class="loan-card">
874
+ <div class="loan-img" style="background-image: url('https://images.unsplash.com/photo-1450101499163-c8848c66ca85?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80');"></div>
875
+ <div class="loan-content">
876
+ <h3>Home Loans</h3>
877
+ <p>Buy or build your dream home with attractive interest rates and flexible tenure.</p>
878
+ <div class="loan-details">
879
+ <div>
880
+ <span>6.5% - 8.5%</span>
881
+ <small>Interest Rate</small>
882
+ </div>
883
+ <div>
884
+ <span>5-30 Yrs</span>
885
+ <small>Tenure</small>
886
+ </div>
887
+ </div>
888
+ </div>
889
+ </div>
890
+ <div class="loan-card">
891
+ <div class="loan-img" style="background-image: url('https://images.unsplash.com/photo-1507679799987-c73779587ccf?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80');"></div>
892
+ <div class="loan-content">
893
+ <h3>Business Loans</h3>
894
+ <p>Capital for expansion, equipment, or working capital with minimal documentation.</p>
895
+ <div class="loan-details">
896
+ <div>
897
+ <span>10% - 15%</span>
898
+ <small>Interest Rate</small>
899
+ </div>
900
+ <div>
901
+ <span>1-5 Yrs</span>
902
+ <small>Tenure</small>
903
+ </div>
904
+ </div>
905
+ </div>
906
+ </div>
907
+ <div class="loan-card">
908
+ <div class="loan-img" style="background-image: url('https://images.unsplash.com/photo-1502877338535-766e1452684a?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80');"></div>
909
+ <div class="loan-content">
910
+ <h3>Vehicle Loans</h3>
911
+ <p>New or used car financing with low EMIs and quick disbursement.</p>
912
+ <div class="loan-details">
913
+ <div>
914
+ <span>7% - 9%</span>
915
+ <small>Interest Rate</small>
916
+ </div>
917
+ <div>
918
+ <span>1-7 Yrs</span>
919
+ <small>Tenure</small>
920
+ </div>
921
+ </div>
922
+ </div>
923
+ </div>
924
+ <div class="loan-card">
925
+ <div class="loan-img" style="background-image: url('https://images.unsplash.com/photo-1521791055366-0d553872125f?ixlib=rb-4.0.3&ixid=M3wxMjA3fDB8MHxwaG90by1wYWdlfHx8fGVufDB8fHx8fA%3D%3D&auto=format&fit=crop&w=600&q=80');"></div>
926
+ <div class="loan-content">
927
+ <h3>Personal Loans</h3>
928
+ <p>For all personal needs like travel, medical, or debt consolidation with fast approval.</p>
929
+ <div class="loan-details">
930
+ <div>
931
+ <span>10.5% - 16%</span>
932
+ <small>Interest Rate</small>
933
+ </div>
934
+ <div>
935
+ <span>1-5 Yrs</span>
936
+ <small>Tenure</small>
937
+ </div>
938
+ </div>
939
+ </div>
940
+ </div>
941
+ </div>
942
+ </div>
943
+ </section>
944
+
945
+ <!-- Process Section -->
946
+ <section class="section" id="process">
947
+ <div class="container">
948
+ <div class="section-title">
949
+ <h2>Our Simple Process</h2>
950
+ <p>Just four easy steps to get your loan approved</p>
951
+ </div>
952
+ <div class="process-steps">
953
+ <div class="step">
954
+ <div class="step-number">1</div>
955
+ <h3>Application</h3>
956
+ <p>Tell us your needs through our simple form or a quick phone call.</p>
957
+ </div>
958
+ <div class="step">
959
+ <div class="step-number">2</div>
960
+ <h3>Documentation</h3>
961
+ <p>We guide you through minimal paperwork required for approval.</p>
962
+ </div>
963
+ <div class="step">
964
+ <div class="step-number">3</div>
965
+ <h3>Bank Matching</h3>
966
+ <p>We negotiate with multiple banks to secure your best deal.</p>
967
+ </div>
968
+ <div class="step">
969
+ <div class="step-number">4</div>
970
+ <h3>Disbursement</h3>
971
+ <p>Receive funds directly in your account within days, not weeks.</p>
972
+ </div>
973
+ </div>
974
+ </div>
975
+ </section>
976
+
977
+ <!-- Testimonials Section -->
978
+ <section class="section testimonials" id="testimonials">
979
+ <div class="container">
980
+ <div class="section-title">
981
+ <h2>What Our Clients Say</h2>
982
+ <p>Hear from people who've successfully gotten loans through us</p>
983
+ </div>
984
+ <div class="testimonials-grid">
985
+ <div class="testimonial-card">
986
+ <div class="testimonial-content">
987
+ <p class="testimonial-text">I was struggling to get a home loan approved due to my irregular income. QuickBridge found a bank that understood my situation and secured me a great rate. Whole process took just 6 days!</p>
988
+ <div class="testimonial-author">
989
+ <img src="https://randomuser.me/api/portraits/men/32.jpg" alt="Rahul Sharma" class="author-img">
990
+ <div class="author-info">
991
+ <h4>Rahul Sharma</h4>
992
+ <p>Home Loan Customer</p>
993
+ </div>
994
+ </div>
995
+ </div>
996
+ </div>
997
+ <div class="testimonial-card">
998
+ <div class="testimonial-content">
999
+ <p class="testimonial-text">As a small business owner, banks always gave me the runaround about documentation. My QuickBridge agent handled everything and got me a business loan at 2% lower than what the bank originally offered.</p>
1000
+ <div class="testimonial-author">
1001
+ <img src="https://randomuser.me/api/portraits/women/44.jpg" alt="Priya Patel" class="author-img">
1002
+ <div class="author-info">
1003
+ <h4>Priya Patel</h4>
1004
+ <p>Business Loan Customer</p>
1005
+ </div>
1006
+ </div>
1007
+ </div>
1008
+ </div>
1009
+ <div class="testimonial-card">
1010
+ <div class="testimonial-content">
1011
+ <p class="testimonial-text">I needed a personal loan urgently for my daughter's medical treatment. QuickBridge not only processed it in 3 days but also negotiated a lower interest rate than I could have gotten myself. Lifesavers!</p>
1012
+ <div class="testimonial-author">
1013
+ <img src="https://randomuser.me/api/portraits/men/75.jpg" alt="Amit Desai" class="author-img">
1014
+ <div class="author-info">
1015
+ <h4>Amit Desai</h4>
1016
+ <p>Personal Loan Customer</p>
1017
+ </div>
1018
+ </div>
1019
+ </div>
1020
+ </div>
1021
+ </div>
1022
+ </div>
1023
+ </section>
1024
+
1025
+ <!-- Bank Partners Section -->
1026
+ <section class="section" style="background-color: var(--primary); padding: 60px 0;">
1027
+ <div class="container">
1028
+ <div class="section-title" style="color: white;">
1029
+ <h2>Our Partner Banks</h2>
1030
+ <p style="color: rgba(255,255,255,0.8);">We work with all major financial institutions</p>
1031
+ </div>
1032
+ <div class="partners">
1033
+ <img src="https://logo.clearbit.com/hdfcbank.com" alt="HDFC Bank" class="partner-logo">
1034
+ <img src="https://logo.clearbit.com/icicibank.com" alt="ICICI Bank" class="partner-logo">
1035
+ <img src="https://logo.clearbit.com/axisbank.com" alt="Axis Bank" class="partner-logo">
1036
+ <img src="https://logo.clearbit.com/sbi.co.in" alt="SBI" class="partner-logo">
1037
+ <img src="https://logo.clearbit.com/kotak.com" alt="Kotak Mahindra Bank" class="partner-logo">
1038
+ </div>
1039
+ </div>
1040
+ </section>
1041
+
1042
+ <!-- FAQ Section -->
1043
+ <section class="section" style="background-color: var(--light);">
1044
+ <div class="container">
1045
+ <div class="section-title">
1046
+ <h2>Frequently Asked Questions</h2>
1047
+ <p>Answers to common questions about our loan services</p>
1048
+ </div>
1049
+ <div class="faq-container">
1050
+ <div class="faq-item">
1051
+ <div class="faq-question">
1052
+ What fees do you charge for your service?
1053
+ <i class="fas fa-chevron-down"></i>
1054
+ </div>
1055
+ <div class="faq-answer">
1056
+ <p>Our service is completely free for applicants. We receive commission from the banks when your loan is approved, so you pay nothing out of pocket.</p>
1057
+ </div>
1058
+ </div>
1059
+ <div class="faq-item">
1060
+ <div class="faq-question">
1061
+ Are you a bank or financial institution?
1062
+ <i class="fas fa-chevron-down"></i>
1063
+ </div>
1064
+ <div class="faq-answer">
1065
+ <p>No, we're a network of DSAs (Direct Selling Agents) who work as intermediaries between borrowers and multiple banks. This allows us to find you the best loan terms across multiple lenders.</p>
1066
+ </div>
1067
+ </div>
1068
+ <div class="faq-item">
1069
+ <div class="faq-question">
1070
+ How do you secure lower interest rates?
1071
+ <i class="fas fa-chevron-down"></i>
1072
+ </div>
1073
+ <div class="faq-answer">
1074
+ <p>We leverage our relationships with banking partners and negotiate on your behalf. Banks often offer better rates to DSAs because we bring them verified, qualified applicants.</p>
1075
+ </div>
1076
+ </div>
1077
+ <div class="faq-item">
1078
+ <div class="faq-question">
1079
+ What documents are typically required?
1080
+ <i class="fas fa-chevron-down"></i>
1081
+ </div>
1082
+ <div class="faq-answer">
1083
+ <p>Requirements vary by loan type, but generally include ID proof, address proof, income documents (salary slips/bank statements), and property documents (for secured loans). We'll create a customized checklist for your situation.</p>
1084
+ </div>
1085
+ </div>
1086
+ <div class="faq-item">
1087
+ <div class="faq-question">
1088
+ Does applying through you affect my credit score?
1089
+ <i class="fas fa-chevron-down"></i>
1090
+ </div>
1091
+ <div class="faq-answer">
1092
+ <p>We do an initial soft check that doesn't impact your score. Only when you choose a loan offer and proceed with a specific bank will they perform a hard inquiry that might slightly affect your credit score.</p>
1093
+ </div>
1094
+ </div>
1095
+ </div>
1096
+ </div>
1097
+ </section>
1098
+
1099
+ <!-- CTA Section -->
1100
+ <section class="cta">
1101
+ <div class="container">
1102
+ <h2>Ready to Get Your Loan Approved?</h2>
1103
+ <p>Stop wasting time dealing with banks directly. Let us do the heavy lifting while you get the best deal.</p>
1104
+ <a href="#contact" class="btn">Apply Now in 5 Minutes</a>
1105
+ </div>
1106
+ </section>
1107
+
1108
+ <!-- Contact Section -->
1109
+ <section class="section" id="contact">
1110
+ <div class="container">
1111
+ <div class="section-title">
1112
+ <h2>Get In Touch</h2>
1113
+ <p>Contact us today to start your loan application process</p>
1114
+ </div>
1115
+ <div class="contact-container">
1116
+ <div class="contact-info">
1117
+ <div class="contact-card">
1118
+ <div class="contact-icon">
1119
+ <i class="fas fa-map-marker-alt"></i>
1120
+ </div>
1121
+ <div class="contact-text">
1122
+ <h3>Our Office</h3>
1123
+ <p>123 Financial District, Suite 456<br>Mumbai, Maharashtra 400001</p>
1124
+ </div>
1125
+ </div>
1126
+ <div class="contact-card">
1127
+ <div class="contact-icon">
1128
+ <i class="fas fa-phone-alt"></i>
1129
+ </div>
1130
+ <div class="contact-text">
1131
+ <h3>Call Us</h3>
1132
+ <p>+91 98765 43210<br>+91 22 1234 5678</p>
1133
+ </div>
1134
+ </div>
1135
+ <div class="contact-card">
1136
+ <div class="contact-icon">
1137
+ <i class="fas fa-envelope"></i>
1138
+ </div>
1139
+ <div class="contact-text">
1140
+ <h3>Email Us</h3>
1141
+ <p>info@quickbridgeloans.in<br>support@quickbridgeloans.in</p>
1142
+ </div>
1143
+ </div>
1144
+ <div class="contact-card">
1145
+ <div class="contact-icon">
1146
+ <i class="fas fa-clock"></i>
1147
+ </div>
1148
+ <div class="contact-text">
1149
+ <h3>Working Hours</h3>
1150
+ <p>Monday - Saturday: 9AM - 7PM<br>Sunday: 10AM - 2PM</p>
1151
+ </div>
1152
+ </div>
1153
+ </div>
1154
+ <div class="contact-form">
1155
+ <form id="loanForm">
1156
+ <div class="form-group">
1157
+ <label for="name">Full Name</label>
1158
+ <input type="text" id="name" class="form-control" required>
1159
+ </div>
1160
+ <div class="form-group">
1161
+ <label for="phone">Phone Number</label>
1162
+ <input type="tel" id="phone" class="form-control" required>
1163
+ </div>
1164
+ <div class="form-group">
1165
+ <label for="email">Email Address</label>
1166
+ <input type="email" id="email" class="form-control">
1167
+ </div>
1168
+ <div class="form-group">
1169
+ <label for="loanType">Loan Type Interested In</label>
1170
+ <select id="loanType" class="form-control" required>
1171
+ <option value="">Select Loan Type</option>
1172
+ <option value="home">Home Loan</option>
1173
+ <option value="personal">Personal Loan</option>
1174
+ <option value="business">Business Loan</option>
1175
+ <option value="vehicle">Vehicle Loan</option>
1176
+ <option value="other">Other</option>
1177
+ </select>
1178
+ </div>
1179
+ <div class="form-group">
1180
+ <label for="amount">Loan Amount Needed (₹)</label>
1181
+ <input type="number" id="amount" class="form-control" required>
1182
+ </div>
1183
+ <button type="submit" class="btn" style="width: 100%;">Get Loan Options Now</button>
1184
+ </form>
1185
+ </div>
1186
+ </div>
1187
+ </div>
1188
+ </section>
1189
+
1190
+ <!-- Footer -->
1191
+ <footer>
1192
+ <div class="container">
1193
+ <div class="footer-container">
1194
+ <div class="footer-col">
1195
+ <div class="logo" style="color: white; margin-bottom: 20px;">
1196
+ <i class="fas fa-hand-holding-usd"></i>
1197
+ <span>QuickBridge</span>
1198
+ </div>
1199
+ <p>Your trusted partner in securing the best loan deals from India's top banks with minimum hassle and maximum savings.</p>
1200
+ <div class="social-links">
1201
+ <a href="#"><i class="fab fa-facebook-f"></i></a>
1202
+ <a href="#"><i class="fab fa-twitter"></i></a>
1203
+ <a href="#"><i class="fab fa-linkedin-in"></i></a>
1204
+ <a href="#"><i class="fab fa-instagram"></i></a>
1205
+ </div>
1206
+ </div>
1207
+ <div class="footer-col">
1208
+ <h3>Loan Types</h3>
1209
+ <ul class="footer-links">
1210
+ <li><a href="#">Home Loans</a></li>
1211
+ <li><a href="#">Personal Loans</a></li>
1212
+ <li><a href="#">Business Loans</a></li>
1213
+ <li><a href="#">Vehicle Loans</a></li>
1214
+ <li><a href="#">Loan Against Property</a></li>
1215
+ </ul>
1216
+ </div>
1217
+ <div class="footer-col">
1218
+ <h3>Quick Links</h3>
1219
+ <ul class="footer-links">
1220
+ <li><a href="#home">Home</a></li>
1221
+ <li><a href="#services">Services</a></li>
1222
+ <li><a href="#process">Process</a></li>
1223
+ <li><a href="#testimonials">Testimonials</a></li>
1224
+ <li><a href="#contact">Contact</a></li>
1225
+ </ul>
1226
+ </div>
1227
+ <div class="footer-col">
1228
+ <h3>Legal</h3>
1229
+ <ul class="footer-links">
1230
+ <li><a href="#">Privacy Policy</a></li>
1231
+ <li><a href="#">Terms of Service</a></li>
1232
+ <li><a href="#">Disclaimer</a></li>
1233
+ <li><a href="#">RBI Guidelines</a></li>
1234
+ </ul>
1235
+ </div>
1236
+ </div>
1237
+ <div class="copyright">
1238
+ <p>&copy; 2023 QuickBridge Loans. All Rights Reserved. | Registered DSA with Multiple Banks</p>
1239
+ </div>
1240
+ </div>
1241
+ </footer>
1242
+
1243
+ <script>
1244
+ // Mobile Menu Toggle
1245
+ const mobileMenuBtn = document.querySelector('.mobile-menu');
1246
+ const nav = document.querySelector('nav');
1247
+
1248
+ mobileMenuBtn.addEventListener('click', () => {
1249
+ nav.classList.toggle('active');
1250
+ });
1251
+
1252
+
1253
+ </html>