-
Notifications
You must be signed in to change notification settings - Fork 0
/
loan-calculator.php
247 lines (219 loc) · 29.4 KB
/
loan-calculator.php
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
<!DOCTYPE html>
<html lang="zxx">
<?php
include("include/head.php");
?>
<style>
.white-box {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: white;
z-index: 1;
}
</style>
<body class="blue-skin">
<!-- ============================================================== -->
<!-- Preloader - style you can find in spinners.css -->
<!-- ============================================================== -->
<div id="preloader">
<div class="preloader"><span></span><span></span></div>
</div>
<!-- ============================================================== -->
<!-- Main wrapper - style you can find in pages.scss -->
<!-- ============================================================== -->
<div id="main-wrapper">
<!-- ============================================================== -->
<!-- Top header -->
<!-- ============================================================== -->
<?php
include("include/header.php");
?>
<!-- ============================ Hero Banner Start================================== -->
<!-- Section 1 -->
<section>
<div class="decor-banner_mainBanner__1iD_5" style="background-image: url('assets/img/partners/building-project-blueprint-plans-house-260nw-1542741320.webp'); background-size: cover; background-position: center; padding: 150px 0; position: relative;">
<div class="decor-banner_banner__yQP_Q" style="position: absolute; width: 100%; height: 100%; top: 0; left: 0; background: url('./'); opacity: 0.6;"></div>
<div class="container_container__Oik-h" style="width: 90%; margin: 0 auto; max-width: 1200px;">
<div class="breadcrumbs_breadcrumbOuter__1r1CG" style="--bgColor:transparent;"></div>
</div>
<div class="container_container__Oik-h decor-banner_content__1Vina text-center" style="position: relative; z-index: 1; text-align: center; --main-banner-padding-end:75px; --content-h-placement:initial; --banner-paragraph-pos:auto;">
<h1 class="heading_h1__KZ8SV" style="font-size: 2.5em; color: #fff;">Home Loan Calculator</h1>
<p style="--decor-banner-para-width:50ch;">Explore your options in detail using our home loan calculator to get the best loan package to achieve your dream home</p>
</div>
</div>
</section>
<section>
<div class="container">
<div class="card home-loan-calculator_calculatorPosition__24WkI flexYcenter grid card_boxShadow__2eA2m" style="--template:1fr max-content;--radius:10px;--padding:14px 20px;--gap:54px">
<div class="grid" style="--template:repeat( auto-fit, minmax(250px, 1fr) );--gap:30px">
<div><label class="loan-calculator-filters_label__dPyBg u-mb4 ">Property Price</label>
<div class="loan-calculator-filters_rangeInput__2Xnjt grid" style="--template:max-content 1fr max-content;--gap:4px">
<div class="loan-calculator-filters_unit__Fbmj1 inlineFlex flexYcenter">PKR</div><input type="text" class="input_input__2BOsf " value="15000000">
<div class="loan-calculator-filters_unit__Fbmj1 inlineFlex flexYcenter">1.50 Crore</div>
</div>
<div class="range-slider_sliderSingle__10f-z range-slider_rcSliderOuter__gb4-F">
<div class="rc-slider rc-slider-with-marks" style="height:24px;padding:11px 0">
<div class="rc-slider-rail" style="height:5px"></div>
<div class="rc-slider-track" style="background-color:#00A551;height:5px;left:0%;right:auto;width:28.846153846153843%"></div>
<div class="rc-slider-step"><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:0%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:1.9230769230769231%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:3.8461538461538463%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:5.769230769230769%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:7.6923076923076925%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:9.615384615384617%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:11.538461538461538%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:13.461538461538462%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:15.384615384615385%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:17.307692307692307%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:19.230769230769234%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:21.153846153846153%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:23.076923076923077%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:25%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:26.923076923076923%"></span><span class="rc-slider-dot rc-slider-dot-active" style="display:none;left:28.846153846153843%"></span><span class="rc-slider-dot" style="display:none;left:30.76923076923077%"></span><span class="rc-slider-dot" style="display:none;left:32.69230769230769%"></span><span class="rc-slider-dot" style="display:none;left:34.61538461538461%"></span><span class="rc-slider-dot" style="display:none;left:36.53846153846153%"></span><span class="rc-slider-dot" style="display:none;left:38.46153846153847%"></span><span class="rc-slider-dot" style="display:none;left:40.38461538461539%"></span><span class="rc-slider-dot" style="display:none;left:42.30769230769231%"></span><span class="rc-slider-dot" style="display:none;left:44.230769230769226%"></span><span class="rc-slider-dot" style="display:none;left:46.15384615384615%"></span><span class="rc-slider-dot" style="display:none;left:48.07692307692308%"></span><span class="rc-slider-dot" style="display:none;left:50%"></span><span class="rc-slider-dot" style="display:none;left:51.92307692307693%"></span><span class="rc-slider-dot" style="display:none;left:53.84615384615385%"></span><span class="rc-slider-dot" style="display:none;left:55.769230769230774%"></span><span class="rc-slider-dot" style="display:none;left:57.692307692307686%"></span><span class="rc-slider-dot" style="display:none;left:59.61538461538461%"></span><span class="rc-slider-dot" style="display:none;left:61.53846153846154%"></span><span class="rc-slider-dot" style="display:none;left:63.46153846153846%"></span><span class="rc-slider-dot" style="display:none;left:65.38461538461539%"></span><span class="rc-slider-dot" style="display:none;left:67.3076923076923%"></span><span class="rc-slider-dot" style="display:none;left:69.23076923076923%"></span><span class="rc-slider-dot" style="display:none;left:71.15384615384616%"></span><span class="rc-slider-dot" style="display:none;left:73.07692307692307%"></span><span class="rc-slider-dot" style="display:none;left:75%"></span><span class="rc-slider-dot" style="display:none;left:76.92307692307693%"></span><span class="rc-slider-dot" style="display:none;left:78.84615384615384%"></span><span class="rc-slider-dot" style="display:none;left:80.76923076923077%"></span><span class="rc-slider-dot" style="display:none;left:82.6923076923077%"></span><span class="rc-slider-dot" style="display:none;left:84.61538461538461%"></span><span class="rc-slider-dot" style="display:none;left:86.53846153846155%"></span><span class="rc-slider-dot" style="display:none;left:88.46153846153845%"></span><span class="rc-slider-dot" style="display:none;left:90.38461538461539%"></span><span class="rc-slider-dot" style="display:none;left:92.3076923076923%"></span><span class="rc-slider-dot" style="display:none;left:94.23076923076923%"></span><span class="rc-slider-dot" style="display:none;left:96.15384615384616%"></span><span class="rc-slider-dot" style="display:none;left:98.07692307692307%"></span><span class="rc-slider-dot" style="display:none;left:100%"></span></div>
<div tabindex="0" class="rc-slider-handle" style="height:20px;width:20px;border:6px solid #fff;margin-top:-8px;box-shadow:0 0 0 3px rgba(0,0,0,.1);background-color:#00A551;left:28.846153846153843%;right:auto;transform:translateX(-50%)" role="slider" aria-valuemin="10000000000" aria-valuemax="530000000000" aria-valuenow="160000000000" aria-disabled="false"></div>
<div class="rc-slider-mark"></div>
</div>
</div>
</div>
<div><label class="loan-calculator-filters_label__dPyBg u-mb4 ">Down Payment</label>
<div class="loan-calculator-filters_rangeInput__2Xnjt grid" style="--template:max-content 1fr max-content;--gap:4px">
<div class="loan-calculator-filters_unit__Fbmj1 inlineFlex flexYcenter">%</div><input type="text" class="input_input__2BOsf " value="30">
<div class="loan-calculator-filters_unit__Fbmj1 inlineFlex flexYcenter">45 Lakh</div>
</div>
<div class="range-slider_sliderSingle__10f-z range-slider_rcSliderOuter__gb4-F">
<div class="rc-slider rc-slider-with-marks" style="height:24px;padding:11px 0">
<div class="rc-slider-rail" style="height:5px"></div>
<div class="rc-slider-track" style="background-color:#00A551;height:5px;left:0%;right:auto;width:33.33333333333333%"></div>
<div class="rc-slider-step"><span class="rc-slider-dot" style="display:none;left:33333333266.666668%"></span><span class="rc-slider-dot" style="display:none;left:66666666600%"></span><span class="rc-slider-dot" style="display:none;left:99999999933.33334%"></span><span class="rc-slider-dot" style="display:none;left:133333333266.66667%"></span><span class="rc-slider-dot" style="display:none;left:166666666600%"></span><span class="rc-slider-dot" style="display:none;left:199999999933.3333%"></span><span class="rc-slider-dot" style="display:none;left:233333333266.66666%"></span><span class="rc-slider-dot" style="display:none;left:266666666600%"></span><span class="rc-slider-dot" style="display:none;left:299999999933.3334%"></span><span class="rc-slider-dot" style="display:none;left:333333333266.6666%"></span><span class="rc-slider-dot" style="display:none;left:366666666600%"></span><span class="rc-slider-dot" style="display:none;left:399999999933.3334%"></span><span class="rc-slider-dot" style="display:none;left:433333333266.6667%"></span><span class="rc-slider-dot" style="display:none;left:466666666600%"></span><span class="rc-slider-dot" style="display:none;left:499999999933.3333%"></span><span class="rc-slider-dot" style="display:none;left:533333333266.6667%"></span><span class="rc-slider-dot" style="display:none;left:566666666600%"></span><span class="rc-slider-dot" style="display:none;left:599999999933.3333%"></span><span class="rc-slider-dot" style="display:none;left:633333333266.6667%"></span><span class="rc-slider-dot" style="display:none;left:666666666600%"></span><span class="rc-slider-dot" style="display:none;left:699999999933.3333%"></span><span class="rc-slider-dot" style="display:none;left:733333333266.6667%"></span><span class="rc-slider-dot" style="display:none;left:766666666600%"></span><span class="rc-slider-dot" style="display:none;left:799999999933.3333%"></span><span class="rc-slider-dot" style="display:none;left:833333333266.6667%"></span><span class="rc-slider-dot" style="display:none;left:866666666600%"></span><span class="rc-slider-dot" style="display:none;left:899999999933.3334%"></span><span class="rc-slider-dot" style="display:none;left:933333333266.6666%"></span><span class="rc-slider-dot" style="display:none;left:966666666600%"></span><span class="rc-slider-dot" style="display:none;left:999999999933.3334%"></span><span class="rc-slider-dot" style="display:none;left:1033333333266.6666%"></span><span class="rc-slider-dot" style="display:none;left:1066666666600%"></span><span class="rc-slider-dot" style="display:none;left:1099999999933.3335%"></span><span class="rc-slider-dot" style="display:none;left:1133333333266.6665%"></span><span class="rc-slider-dot" style="display:none;left:1166666666600%"></span><span class="rc-slider-dot" style="display:none;left:1199999999933.3335%"></span><span class="rc-slider-dot" style="display:none;left:1233333333266.6665%"></span><span class="rc-slider-dot" style="display:none;left:1266666666600%"></span><span class="rc-slider-dot" style="display:none;left:1299999999933.3335%"></span><span class="rc-slider-dot" style="display:none;left:1333333333266.6665%"></span><span class="rc-slider-dot" style="display:none;left:1366666666600%"></span><span class="rc-slider-dot" style="display:none;left:1399999999933.3335%"></span><span class="rc-slider-dot" style="display:none;left:1433333333266.6665%"></span><span class="rc-slider-dot" style="display:none;left:1466666666600%"></span><span class="rc-slider-dot" style="display:none;left:1499999999933.3335%"></span><span class="rc-slider-dot" style="display:none;left:1533333333266.6665%"></span><span class="rc-slider-dot" style="display:none;left:1566666666600%"></span><span class="rc-slider-dot" style="display:none;left:1599999999933.3335%"></span><span class="rc-slider-dot" style="display:none;left:1633333333266.6665%"></span><span class="rc-slider-dot" style="display:none;left:1666666666600%"></span><span class="rc-slider-dot" style="display:none;left:1699999999933.3335%"></span><span class="rc-slider-dot" style="display:none;left:1733333333266.6667%"></span><span class="rc-slider-dot" style="display:none;left:1766666666600%"></span></div>
<div tabindex="0" class="rc-slider-handle" style="height:20px;width:20px;border:6px solid #fff;margin-top:-8px;box-shadow:0 0 0 3px rgba(0,0,0,.1);background-color:#00A551;left:33.33333333333333%;right:auto;transform:translateX(-50%)" role="slider" aria-valuemin="20" aria-valuemax="50" aria-valuenow="30" aria-disabled="false"></div>
<div class="rc-slider-mark"></div>
</div>
</div>
</div>
<div><label class="loan-calculator-filters_label__dPyBg u-mb4 ">Loan Period</label>
<div class="loan-calculator-filters_rangeInput__2Xnjt grid" style="--template:max-content 1fr max-content;--gap:4px">
<div class="loan-calculator-filters_unit__Fbmj1 inlineFlex flexYcenter">Years</div><input type="text" class="input_input__2BOsf " value="20">
<div class="loan-calculator-filters_unit__Fbmj1 inlineFlex flexYcenter">240 Months</div>
</div>
<div class="range-slider_sliderSingle__10f-z range-slider_rcSliderOuter__gb4-F">
<div class="rc-slider rc-slider-with-marks" style="height:24px;padding:11px 0">
<div class="rc-slider-rail" style="height:5px"></div>
<div class="rc-slider-track" style="background-color:#00A551;height:5px;left:0%;right:auto;width:100%"></div>
<div class="rc-slider-step"><span class="rc-slider-dot" style="display:none;left:52631578942.10526%"></span><span class="rc-slider-dot" style="display:none;left:105263157889.4737%"></span><span class="rc-slider-dot" style="display:none;left:157894736836.8421%"></span><span class="rc-slider-dot" style="display:none;left:210526315784.2105%"></span><span class="rc-slider-dot" style="display:none;left:263157894731.57898%"></span><span class="rc-slider-dot" style="display:none;left:315789473678.9473%"></span><span class="rc-slider-dot" style="display:none;left:368421052626.3158%"></span><span class="rc-slider-dot" style="display:none;left:421052631573.6842%"></span><span class="rc-slider-dot" style="display:none;left:473684210521.0527%"></span><span class="rc-slider-dot" style="display:none;left:526315789468.4211%"></span><span class="rc-slider-dot" style="display:none;left:578947368415.7896%"></span><span class="rc-slider-dot" style="display:none;left:631578947363.158%"></span><span class="rc-slider-dot" style="display:none;left:684210526310.5262%"></span><span class="rc-slider-dot" style="display:none;left:736842105257.8947%"></span><span class="rc-slider-dot" style="display:none;left:789473684205.2632%"></span><span class="rc-slider-dot" style="display:none;left:842105263152.6316%"></span><span class="rc-slider-dot" style="display:none;left:894736842100%"></span><span class="rc-slider-dot" style="display:none;left:947368421047.3684%"></span><span class="rc-slider-dot" style="display:none;left:999999999994.7368%"></span><span class="rc-slider-dot" style="display:none;left:1052631578942.1053%"></span><span class="rc-slider-dot" style="display:none;left:1105263157889.4736%"></span><span class="rc-slider-dot" style="display:none;left:1157894736836.842%"></span><span class="rc-slider-dot" style="display:none;left:1210526315784.2107%"></span><span class="rc-slider-dot" style="display:none;left:1263157894731.579%"></span><span class="rc-slider-dot" style="display:none;left:1315789473678.9475%"></span><span class="rc-slider-dot" style="display:none;left:1368421052626.316%"></span><span class="rc-slider-dot" style="display:none;left:1421052631573.684%"></span><span class="rc-slider-dot" style="display:none;left:1473684210521.0525%"></span><span class="rc-slider-dot" style="display:none;left:1526315789468.421%"></span><span class="rc-slider-dot" style="display:none;left:1578947368415.7893%"></span><span class="rc-slider-dot" style="display:none;left:1631578947363.158%"></span><span class="rc-slider-dot" style="display:none;left:1684210526310.5264%"></span><span class="rc-slider-dot" style="display:none;left:1736842105257.895%"></span><span class="rc-slider-dot" style="display:none;left:1789473684205.2632%"></span><span class="rc-slider-dot" style="display:none;left:1842105263152.6318%"></span><span class="rc-slider-dot" style="display:none;left:1894736842100%"></span><span class="rc-slider-dot" style="display:none;left:1947368421047.3682%"></span><span class="rc-slider-dot" style="display:none;left:1999999999994.7368%"></span><span class="rc-slider-dot" style="display:none;left:2052631578942.105%"></span><span class="rc-slider-dot" style="display:none;left:2105263157889.4736%"></span><span class="rc-slider-dot" style="display:none;left:2157894736836.842%"></span><span class="rc-slider-dot" style="display:none;left:2210526315784.2104%"></span><span class="rc-slider-dot" style="display:none;left:2263157894731.5786%"></span><span class="rc-slider-dot" style="display:none;left:2315789473678.9473%"></span><span class="rc-slider-dot" style="display:none;left:2368421052626.316%"></span><span class="rc-slider-dot" style="display:none;left:2421052631573.684%"></span><span class="rc-slider-dot" style="display:none;left:2473684210521.0527%"></span><span class="rc-slider-dot" style="display:none;left:2526315789468.4214%"></span><span class="rc-slider-dot" style="display:none;left:2578947368415.7896%"></span><span class="rc-slider-dot" style="display:none;left:2631578947363.158%"></span><span class="rc-slider-dot" style="display:none;left:2684210526310.5264%"></span><span class="rc-slider-dot" style="display:none;left:2736842105257.895%"></span><span class="rc-slider-dot" style="display:none;left:2789473684205.263%"></span></div>
<div tabindex="0" class="rc-slider-handle" style="height:20px;width:20px;border:6px solid #fff;margin-top:-8px;box-shadow:0 0 0 3px rgba(0,0,0,.1);background-color:#00A551;left:100%;right:auto;transform:translateX(-50%)" role="slider" aria-valuemin="1" aria-valuemax="20" aria-valuenow="20" aria-disabled="false"></div>
<div class="rc-slider-mark"></div>
</div>
</div>
</div>
</div><button class="loan-calculator-form_calculateBtn__2CSYQ button_btn__r8N5j button_primary__293V9 button_md__10_V_" type="button">Calculate</button>
</div>
</div>
</section>
<section>
<div class="container">
<div class="u-mb40">
<div class="overview_overview__DGNBt">
<h2 class="heading_h2__2cO0G">About Home Loan Calculator</h2>
<div class="overview_overviewContent__J47Fa overview_truncate__2MsSl">
<p>Everyone dreams of owning their own house at some point in their life. However, this is not easily achievable given the fact that the process requires a lot of dedication, consideration, and of course, money. Having said that, this does not mean that you should become disheartened with the entire venture, and not give it a shot. The process of buying a house or property, in general, can seem particularly threatening for first-timers. No matter where in the world you are, there are some legal aspects attached to buying a piece of real estate that you need to look out for. To make the whole endeavor easier for buyers, Zameen introduces Home Loan Calculator. Additionally, there are numerous home/house financing options available in the market with almost every major bank trying to provide the best means to address this pressing issue. Use this tool to evaluate the best house financing option there is. Now if you are worried about how you can score a decent home loan in Pakistan, there’s no need to fret! You can easily find a bank plan that suits your financing/payment needs. However, it is pertinent to mention here that your eligibility for these various house financing options depends on several factors – ranging from your salary to your nationality. Also, different banks have different eligibility standards when approving home loan applications. Therefore, to figure out the best bank in Pakistan for the purpose, weigh your options carefully with Zameen’s Home Loan Calculator. In addition, the sanctioned loan amount, as well as the duration you have to repay it over, may vary from bank to bank. Your debt-to-equity ratio is also an important factor, so make sure that you have a strong case to present when submitting your house loan application.</p>
</div><button class="overview_btn__3zKgg" type="button">Show more<svg stroke="currentColor" fill="currentColor" stroke-width="0" viewBox="0 0 24 24" class="overview_iconDownArrow__33ofJ" height="1em" width="1em" xmlns="http://www.w3.org/2000/svg">
<path fill="none" d="M0 0h24v24H0V0z"></path>
<path d="M7.41 8.59L12 13.17l4.59-4.58L18 10l-6 6-6-6 1.41-1.41z"></path>
</svg></button>
</div>
</div>
</div>
</section>
<section>
<div class="container">
<div class="jsx-3426536992 rc-collapse-content-box">
<h2 class="heading_h2__2cO0G">Frequently Asked Questions (FAQs)</h2>
<div class="rc-collapse accordion-collapse_accordionMain__2bjnZ" role="tablist">
<div class="rc-collapse-item accordion-collapse_accordionContent__3U7bx ">
<div class="rc-collapse-header accordion-collapse_accordionHeader__H7Wyj " role="tab" tabindex="0" aria-expanded="false"><i style="margin-right: 0.5rem;"><svg xmlns="http://www.w3.org/2000/svg" width="12.828" height="8.017" viewBox="0 0 12.828 8.017">
<path d="M0,1.507,4.955,6.414,0,11.32l1.526,1.507L8.017,6.414,1.526,0Z" transform="translate(12.828) rotate(90)"></path>
</svg></i>
<div class="jsx-3426536992">
<p><strong>What is KIBOR?</strong></p>
</div>
</div>
</div>
<div class="rc-collapse-item accordion-collapse_accordionContent__3U7bx ">
<div class="rc-collapse-header accordion-collapse_accordionHeader__H7Wyj " role="tab" tabindex="0" aria-expanded="false"><i style="margin-right: 0.5rem;"><svg xmlns="http://www.w3.org/2000/svg" width="12.828" height="8.017" viewBox="0 0 12.828 8.017">
<path d="M0,1.507,4.955,6.414,0,11.32l1.526,1.507L8.017,6.414,1.526,0Z" transform="translate(12.828) rotate(90)"></path>
</svg></i>
<div class="jsx-3426536992">
<p><strong>How is the compound interest in home loans calculated?</strong></p>
</div>
</div>
</div>
<div class="rc-collapse-item accordion-collapse_accordionContent__3U7bx ">
<div class="rc-collapse-header accordion-collapse_accordionHeader__H7Wyj " role="tab" tabindex="0" aria-expanded="false"><i style="margin-right: 0.5rem;"><svg xmlns="http://www.w3.org/2000/svg" width="12.828" height="8.017" viewBox="0 0 12.828 8.017">
<path d="M0,1.507,4.955,6.414,0,11.32l1.526,1.507L8.017,6.414,1.526,0Z" transform="translate(12.828) rotate(90)"></path>
</svg></i>
<div class="jsx-3426536992">
<p><strong>What is the basic eligibility criteria for home loans?</strong></p>
</div>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- ============================ Footer Start ================================== -->
<?php include("include/footer.php"); ?>
<!-- ============================ Footer End ================================== -->
<!-- Log In Modal -->
<?php include("include/loginmodal.php"); ?>
<!-- End Modal -->
</div>
<!-- ============================================================== -->
<!-- End Wrapper -->
<!-- ============================================================== -->
<!-- ============================================================== -->
<!-- All Jquery -->
<!-- ============================================================== -->
<script src="assets/js/jquery.min.js"></script>
<script src="assets/js/popper.min.js"></script>
<script src="assets/js/bootstrap.min.js"></script>
<script src="assets/js/rangeslider.js"></script>
<script src="assets/js/select2.min.js"></script>
<script src="assets/js/jquery.magnific-popup.min.js"></script>
<script src="assets/js/slick.js"></script>
<script src="assets/js/slider-bg.js"></script>
<script src="assets/js/lightbox.js"></script>
<script src="https://unpkg.com/swiper/swiper-bundle.min.js"></script>
<script src="assets/js/imagesloaded.js"></script>
<script src="assets/js/custom.js"></script>
<!-- ============================================================== -->
<!-- This page plugins -->
<!-- ============================================================== -->
<script type="text/javascript">
$(document).ready(function() {
$('.click').slick({
dots: true,
infinite: true,
speed: 300,
slidesToShow: 1,
adaptiveHeight: true
});
});
const track = document.querySelector('.carousel-track');
const slides = Array.from(track.children);
const nextButton = document.querySelector('.carousel-button.next');
const prevButton = document.querySelector('.carousel-button.prev');
const slideWidth = slides[0].getBoundingClientRect().width;
// Arrange the slides next to one another
const setSlidePosition = (slide, index) => {
slide.style.left = slideWidth * index + 'px';
};
slides.forEach(setSlidePosition);
const moveToSlide = (track, currentSlide, targetSlide) => {
track.style.transform = 'translateX(-' + targetSlide.style.left + ')';
currentSlide.classList.remove('current-slide');
targetSlide.classList.add('current-slide');
};
// When I click left, move slides to the left
prevButton.addEventListener('click', e => {
const currentSlide = track.querySelector('.current-slide');
const prevSlide = currentSlide.previousElementSibling;
moveToSlide(track, currentSlide, prevSlide);
});
// When I click right, move slides to the right
nextButton.addEventListener('click', e => {
const currentSlide = track.querySelector('.current-slide');
const nextSlide = currentSlide.nextElementSibling;
moveToSlide(track, currentSlide, nextSlide);
});
</script>
</body>
</html>