-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
291 lines (288 loc) · 17 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Loans</title>
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="NavbarFooter.css">
<link rel="stylesheet" href="LoanTable.css">
</head>
<body>
<nav class="navbar navbar-expand-md navbar-dark fixed-top">
<div class="container-fluid">
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarNavDropdown"
aria-controls="navbarNavDropdown" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="me-3">
<center>
<p class="m-0 p-2 navbar-brand"> Bank Logo </p>
</center>
</div>
<div class="collapse navbar-collapse" id="navbarNavDropdown">
<ul class="navbar-nav">
<li class="m-1"><button class="nav-link p-2" aria-current="page" href="">Home</button></li>
<li class="nav-item dropdown m-1">
<button class="nav-link dropdown-toggle p-2" href="" id="navbarDropdownMenuLink" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Accounts
</button>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="">Savings Account</a></li>
<li><a class="dropdown-item" href="">Business Account</a></li>
<li><a class="dropdown-item" href="">Salary Account</a></li>
</ul>
</li>
<li class="nav-item dropdown m-1">
<button class="nav-link dropdown-toggle p-2" href="" id="navbarDropdownMenuLink" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Payments
</button>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="">Bill Payments</a></li>
<li><a class="dropdown-item" href="">UPI payments</a></li>
</ul>
</li>
<li class="nav-item dropdown m-1">
<button class="nav-link dropdown-toggle p-2" href="" id="navbarDropdownMenuLink" role="button"
data-bs-toggle="dropdown" aria-expanded="false">
Cards
</button>
<ul class="dropdown-menu" aria-labelledby="navbarDropdownMenuLink">
<li><a class="dropdown-item" href="">Debit card</a></li>
<li><a class="dropdown-item" href="">Credit Card</a></li>
</ul>
</li>
<li class="nav-item m-1"><a class="nav-link p-2" aria-current="page" href="">Log in</a></li>
<li class="nav-item m-1"><a class="nav-link p-2" aria-current="page" href="">Create Account</a></li>
</ul>
</div>
</div>
</nav>
<div class="container-fluid loan-table">
<div class="row loan-row gx-0 gy-0">
<div class="card loan col-lg-3 col-sm-6 col-12">
<div class="loan-title card-header rounded-top-5">
<center>Personal Loan</center>
</div>
<div class="loan-body card-body rounded-bottom-5">
<center>
<p class="loan-description card-text"> Get instant financial freedom in your life with our Personal Loans.Use
them for life's important moments, from weddings to emergencies and be secure in life.</p>
<button class="explore-button btn rounded-5"> Explore </button>
<button class="apply-button btn rounded-5"> Apply </button>
<img class="loan-image card-img-bottom rounded-5" src="Images/PersonalLoan.jpg">
</center>
</div>
</div>
<div class="card loan col-lg-3 col-sm-6 col-12">
<div class="loan-title card-header rounded-top-5">
<center>Education Loan</center>
</div>
<div class="loan-body card-body rounded-bottom-5">
<center>
<p class="loan-description card-text"> Invest in boosting knowledge with our Education Loans to get lifetime turn-overs.
Achieve your educational goals and reach peaks without financial stress.</p>
<button class="explore-button btn rounded-5"> Explore </button>
<button class="apply-button btn rounded-5"> Apply </button>
<img class="loan-image card-img-bottom rounded-5" src="Images/EducationLoan.jpg">
</center>
</div>
</div>
<div class="card loan col-lg-3 col-sm-6 col-12">
<div class="loan-title card-header rounded-top-5">
<center>Vehicle Loan</center>
</div>
<div class="loan-body card-body rounded-bottom-5">
<center>
<p class="loan-description card-text">Get behind the wheels of your dreams with our Vehicle Loans. Our
vehicle loans are affordable and it is very easy to obtain auto financing.</p>
<button class="explore-button btn rounded-5"> Explore </button>
<button class="apply-button btn rounded-5"> Apply </button>
<img class="loan-image card-img-bottom rounded-5" src="Images/VehicleLoan.jpg">
</center>
</div>
</div>
<div class="card loan col-lg-3 col-sm-6 col-12">
<div class="loan-title card-header rounded-top-5">
<center>Business Loan</center>
</div>
<div class="loan-body card-body rounded-bottom-5">
<center>
<p class="loan-description card-text"> Empower your entrepreneurship skills and achieve your business dreams
with our Business Loans. Boost your business and reach new heights. </p>
<button class="explore-button btn rounded-5"> Explore </button>
<button class="apply-button btn rounded-5"> Apply </button>
<img class="loan-image card-img-bottom rounded-5" src="Images/BusinessLoan.jpg">
</center>
</div>
</div>
</div>
<div class="loan-row row gx-0 gy-0">
<div class="card loan col-lg-3 col-sm-6">
<div class="loan-title card-header rounded-top-5">
<center>Gold Loan</center>
</div>
<div class="loan-body card-body rounded-bottom-5">
<center>
<p class="loan-description"> Turn your resting gold in your lockers into your future with our Gold Loans.
Turn your gold assets into cash at ease. Quick and reliable financing at your disposal.</p>
<button class="explore-button btn rounded-5"> Explore </button>
<button class="apply-button btn rounded-5"> Apply </button>
<img class="loan-image card-img-bottom rounded-5" src="Images/GoldLoan.jpg">
</center>
</div>
</div>
<div class="card loan col-lg-3 col-sm-6">
<div class="loan-title card-header rounded-top-5">
<center>Health Loan</center>
</div>
<div class="loan-body card-body rounded-bottom-5">
<center>
<p class="loan-description card-text">Prioritize and secure your wellness with our helping Health Loans.
Access quality healthcare and medication without financial worries.</p>
<button class="explore-button btn rounded-5"> Explore </button>
<button class="apply-button btn rounded-5"> Apply </button>
<img class="loan-image card-img-bottom rounded-5" src="Images/HealthLoan.jpg">
</center>
</div>
</div>
<div class="card loan col-lg-3 col-sm-6">
<div class="loan-title card-header rounded-top-5">
<center>Pension Loan</center>
</div>
<div class="loan-body card-body rounded-bottom-5">
<center>
<p class="loan-description card-text">Enjoy rest of your golden years with our Pension Loans.
Be secure during your retirement years with financial comfort. Secure your post-career lifestyle.</p>
<button class="explore-button btn rounded-5"> Explore </button>
<button class="apply-button btn rounded-5"> Apply </button>
<img class="loan-image card-img-bottom rounded-5" src="Images/PensionLoan.jpg">
</center>
</div>
</div>
<div class="card loan col-lg-3 col-sm-6">
<div class="loan-title card-header rounded-top-5">
<center>Farm Loan</center>
</div>
<div class="loan-body card-body rounded-bottom-5">
<center>
<p class="loan-description card-text">Cultivate your future with our helping Farm Loans.
Nurture your agricultural endeavors without any worries. Grow your farm with financial support.</p>
<button class="explore-button btn rounded-5"> Explore </button>
<button class="apply-button btn rounded-5"> Apply </button>
<img class="loan-image card-img-bottom rounded-5" src="Images/FarmLoan.jpg">
</center>
</div>
</div>
</div>
<div class="loan-row row gx-0 gy-0">
<div class="card loan col-lg-3 col-sm-6">
<div class="loan-title card-header rounded-top-5">
<center>Travel Loan</center>
</div>
<div class="loan-body card-body rounded-bottom-5">
<center>
<p class="loan-description">Explore the corners of the world today with our Travel Loans.
Explore the world with ease. Turn your travel dreams into unforgettable moments.</p>
<button class="explore-button btn rounded-5"> Explore </button>
<button class="apply-button btn rounded-5"> Apply </button>
<img class="loan-image card-img-bottom rounded-5" src="Images/TravelLoan.jpg">
</center>
</div>
</div>
<div class="card loan col-lg-3 col-sm-6">
<div class="loan-title card-header rounded-top-5">
<center>Salary Loan</center>
</div>
<div class="loan-body card-body rounded-bottom-5">
<center>
<p class="loan-description card-text">Bridge the gap between paydays with our Salary Loans.
Bridge the financial gaps between paychecks. Quick and confidential solutions for unexpected expenses.</p>
<button class="explore-button btn rounded-5"> Explore </button>
<button class="apply-button btn rounded-5"> Apply </button>
<img class="loan-image card-img-bottom rounded-5" src="Images/SalaryLoan.jpg">
</center>
</div>
</div>
<div class="card loan col-lg-3 col-sm-6">
<div class="loan-title card-header rounded-top-5">
<center>Property Loan</center>
</div>
<div class="loan-body card-body rounded-bottom-5">
<center>
<p class="loan-description card-text">Sculpt your future from your property with our Property Loans.
Leverage your property's value. Access substantial funds using real estate as collateral.</p>
<button class="explore-button btn rounded-5"> Explore </button>
<button class="apply-button btn rounded-5"> Apply </button>
<img class="loan-image card-img-bottom rounded-5" src="Images/PropertyLoan.jpg">
</center>
</div>
</div>
<div class="card loan col-lg-3 col-sm-6">
<div class="loan-title card-header rounded-top-5">
<center>Home Loan</center>
</div>
<div class="loan-body card-body rounded-bottom-5">
<center>
<p class="loan-description card-text">Open the door to your dreams with our Home Loans, where homeownership begins.
Experience the joy of your sweet home with affordable financing from our bank.</p>
<button class="explore-button btn rounded-5"> Explore </button>
<button class="apply-button btn rounded-5"> Apply </button>
<img class="loan-image card-img-bottom rounded-5" src="Images/HomeLoan.jpg">
</center>
</div>
</div>
</div>
</div>
<footer class="container-fluid footer p-3">
<div class="container">
<hr>
<footer class="row">
<div class="col-3">
<center>
<p class="h1"> Bank Logo </p>
</center>
</div>
<div class="col-3">
<center>
<p class="h5">Bank</p>
<ul class="nav flex-column">
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">Home</a></li>
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">Accounts</a></li>
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">Payments</a></li>
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">Loans</a></li>
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">About us</a></li>
</ul>
</center>
</div>
<div class="col-3">
<center>
<p class="h5">Popular Services</p>
<ul class="nav flex-column">
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">Savings Account</a></li>
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">Money Transfer</a></li>
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">Fixed Deposit</a></li>
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">Credit Card</a></li>
</ul>
</center>
</div>
<div class="col-3">
<center>
<p class="h5">Popular Loans</p>
<ul class="nav flex-column">
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">Personal Loan</a></li>
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">Home Loan</a></li>
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">Education Loan</a></li>
<li class="nav-item mb-1"><a href="" class="nav-link p-0 footer-item">Vehicle Loan</a></li>
</ul>
</center>
</div>
</footer>
<hr>
</div>
</footer>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.3.0/dist/js/bootstrap.bundle.min.js"></script>
</body>
</html>