forked from shiivaniiawasthii/obscene-icicle-4134
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathlend.html
409 lines (357 loc) · 20.3 KB
/
lend.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>lend</title>
<link rel="stylesheet" href="./components/nav.css">
<style>
#top{
/* */
margin-left: 50px;
}
#line1{
color: #5d5d5d;
/* padding: 23px,0px,12px; */
margin-left: 20px;
}
#line2{
margin-left: 20px;
color: #999999;
}
#main{
margin-left: 50px;
display: flex;
/* border: 1px solid red; */
}
/* #left{
border: 1px solid red;
}
#right{
border: 1px solid red;
} */
#left>h2{
color: #5d5d5d;
margin-left: 10px;
}
#left>div{
width: 260px;
height: 50px;
justify-content: center;
align-items: center;
text-align: center;
}
#f1{
width: 200px;
height: 40px;
margin-top: 20px;
}
#f2{
width: 200px;
height: 40px;
margin-top: 20px;
}
#f3{
width: 200px;
height: 40px;
margin-top: 20px;
}
.bigd{
margin-top: 10px;
/* border: 1px solid black; */
display: flex;
}
.complete{
width: 300px;
height: 40px;
border-radius: 20px;
color: #9C3353;
border-color: #9C3353;
}
.div3{
display: flex;
justify-content: space-evenly;
}
.div1{
justify-content: center;
align-items: center;
text-align: center;
}
.div2{
margin-left: 30px;
}
.div2>h1{
color: #9C3353;
}
.div2>h3{
color: #999999;
}
.div2>p{
color: #777171;
line-height: 25px;
}
</style>
</head>
<body>
<div id="nav"></div>
<div id="top">
<h1 id="line1">You can help a family fundraise for a better life. Make a loan.</h1>
<h3 id="line2">Select a loan you feel the most for, based on the cause, geography or the fundraising need.</h3>
</div>
<div id="main">
<div id="left">
<h2>Filter By</h2>
<div>
<select name="Cause" id="f1">
<option value="All">Cause</option>
<option value="enterprise">Enterprise Development</option>
<option value="edu">Education</option>
</select><br><br>
</div>
<div>
<select name="" id="f2">
<option value="All">State</option>
<option value="West Bengal">West Bengal</option>
<option value="Tamil Nadu">Tamil Nadu</option>
<option value="Manipur">Manipur</option>
</select><br><br>
</div>
<div>
<select name="" id="f3">
<option value="All">Gender</option>
<option value="female">Female</option>
<option value="male">Male</option>
</select><br><br>
</div>
</div>
<div id="right">
<!-- <div id="bigdiv"></div> -->
</div>
</div>
<div id="footer"></div>
</body>
</html>
<script>
let data = [
{
img:"https://cimages.milaap.org/milaap/image/upload/c_fill,g_faces,h_215,w_320/v1660292014/production/images/loan/a020o0000182Ln2AAE-SAT2B01_1660292012.jpg",
funded:"1,34,725",
required:"1,05,274",
title:"Ranita And Group",
location:" Sega Road Branch, Manipur",
purpose:"Purpose : To pay the school fees, private tuition fee, exam fee and buy study materials for their children",
p2:"Ranita resides in residing in the Imphal-West district of Manipur. She has a family of 4 members. She has her own business and manages to accumulate an amount of Rs 22,000 per month. She runs a group of 4 members who work hard and wish to continue their children's education. Education is a very vital tool that is used in the contemporary world to succeed. It is important because it is used to mitigate most of the challenges faced in life. The knowledge that is attained through education helps open doors to a lot of opportunities for better prospects in career growth. She realises this significance and wants her child to continue with the education to improve the standard of living of the family and secure the future. She knows that her child will be able to sustain the entire family in the near future and not be dependent on attaining the resources for survival. This would ensure a better life for the entire family and also the community. However, with the growing cost of education, it is very difficult for her to manage the household expenses and continue with the education of her child. All the members of the group face this trouble",
loc:"Manipur",
cat:"enterprise",
gen:"female"
},
{
img:"https://cimages.milaap.org/milaap/image/upload/c_fill,g_faces,h_215,w_320/v1659782145/production/images/loan/a020o000010KygSAAS-GrameenShakti-L-1019-167114_1659782144.jpg",
funded:"15,000",
required:"29,84,550",
title:"Dolan Santra And Group",
location:" Shantipur, West Bengal",
purpose:"Purpose : to buy threads in bulk and make as well as sell more number of sarees",
p2:"Dolan is a 29-year-old married woman residing in Nadia district of West Bengal. She has a family of 3 members. She assists her husband and manages to accumulate a household income of an amount of INR.9,500 per month. She is the leader of a big group of 65 women.With a better income generation, she can help in the running of the household and also cater to her family better. This will give her a sense of financial interdependence making her a valuable part of the community. with the growing expenses in the market additional earnings will curb her financial constraints improving the living standards of her family. This will also give her the liberty to assist her children's education funding and meet her own needs in day-to-day life. However, her current situation is not allowing her to fulfill her dream of expanding the handloom business. The other members of her group also wish to expand their businesses and earn stability in life.",
loc:"West Bengal",
cat:"enterprise",
gen:"female"
},
{
img:"https://cimages.milaap.org/milaap/image/upload/c_fill,g_faces,h_215,w_320/v1656735329/production/images/loan/a020o000011o3FYAAY-KarandighiBrJuiGroup_1656735328.jpg",
funded:"3,97,076",
required:"3,52,923",
title:"Rina Das And Group",
location:" Karandighi, West Bengal",
purpose:"Purpose : to purchase seeds, fertilisers and other raw materials for the cultivation of paddy and vegetables",
p2:"Rina is a 40-year-old married woman residing in Uttar Dinajpur district of West Bengal. She has a household of 4 members, which includes 1 school-going girl child. Her family is involved in the business of paddy cultivation and she has a monthly household income of INR 9,000. The monthly household expenses amount to INR 5,000. Rina is the leader of a group of 28 women, all of whom are involved in cultivation of paddy and vegetables.",
loc:"West Bengal",
gen:"female",
cat:"enterprise"
},
{
img:"https://cimages.milaap.org/milaap/image/upload/c_fill,g_faces,h_215,w_320/v1656834689/production/images/loan/a029000000uOWxfAAG-IMG-20181015-WA0008_1656834687.jpg",
funded:"3,18,877",
required:"1,81,122",
title:"Arti Rani Mahato And Group",
location:"Karandighi, West Bengal",
purpose:"Purpose : to purchase seeds, fertilizers etc. in order to expand the existing farming business.",
p2:"Arti Rani (sitting at the first row, second from the right-hand side) is a 43-year-old woman from Uttar Dinajpur, West Bengal, with a family of four members and a monthly household income of INR 9,000. She has formed a self-help group, named Sabuj Arti, with 22 other women belonging from her village. These women are extremely hardworking and driven to better their livelihood. They cultivate paddy and a variety of vegetable crops in their fields.",
loc:"West Bengal",
gen:"female",
cat:"enterprise"
},
{
img:"https://cimages.milaap.org/milaap/image/upload/c_fill,g_faces,h_215,w_320/v1658778211/production/images/loan/a020o00000wMGc9AAG-Tamilselvisakthi.jpegintrumangalam_1658778210.jpg",
funded:"20,930",
required:"1,39,070",
title:"Tamilselvi And Group",
location:"Kulithalai, Tamil Nadu",
purpose:"Purpose : to buy a cow and sell and milk products",
p2:"Tamilselvi is a 21-year-old married woman residing in Karur district of Tamil Nadu. She has a family of 2 members. She is a working woman and manages to accumulate a household income of an amount of INR.15,000 per month. She leads a group of 8 women who are driven to establish their own lives.She realises that an increase in her income levels and control over income will ensure greater levels of economic independence. It will give her an independent means of generating wealth and becoming self-reliant in a society. This will generate benefits not only for her, as an individual woman but also her family and community as a whole through collective action for development. However, she is unable to meet her desire of expanding a dairy business due to financial constraints. Like her, the other members of her group also wish to expand their respective businesses.",
loc:"Tamil Nadu",
gen:"female",
cat:"enterprise"
},
{
img:"https://cimages.milaap.org/milaap/image/upload/c_fill,g_faces,h_215,w_320/v1658859885/production/images/loan/a020o00000wMc1IAAS-MeenamSakthi_1658859883.jpg",
funded:"19,000",
required:"2,30,900",
title:"Thanalakshmi And Group",
location:"Nannilam, Tamil Nadu",
purpose:"Purpose : to purchase cow, cow fodder and set up a cow-shed in order to start a dairy business .",
p2:"Thanalakshmi (second member from left, the lady in a green sari) is a 46-year-old woman from the village of Manthai, in Thiruvarur, situated in the state of Tamil Nadu. She is engaged in agricultural activities. She has a family of 3 members including a young daughter and a monthly household income of INR 28,500.She has founded a JLG group of five women in her village and has named it Meenam Shakthi. These women wish to be independent and contribute to their household income by setting up a dairy business. They want to buy a cow each and sell dairy products like milk, butter, cheese, curd, etc to increase the monthly household income and savings.",
loc:"Tamil Nadu",
gen:"female",
cat:"enterprise"
},
{
img:"https://cimages.milaap.org/milaap/image/upload/c_fill,g_faces,h_215,w_320/v1658859899/production/images/loan/a020o00000wMc1hAAC-Rakkaiyammansakthi_1658859897.jpg",
funded:"18,988",
required:"1,01,012",
title:"Vasuki And Group",
location:"from Nannilam, Tamil Nadu",
purpose:"Purpose : to purchase more cows to expand dairy business",
p2:"Vasuki is a 43-year-old married woman residing in the Thiruvarur district of Tamil Nadu. She has a family of 5 members and three school-going children. She wants to be a dairy farmer. She has a monthly family income roughly around INR 28,500 per month. She has formed and is leading a group of 4 members who, just like Vasuki, work hard to support their families and save for their secured futures.She realizes that an increase in her and her friend's monthly family incomes and their ability to save from it will ensure greater levels of economic independence. It will give them an alternate means of generating wealth and becoming financially stable in society. This will generate benefits not only for her, as an individual woman, but also her family and community as a whole through collective action for development.However, with the rising cost of living, she and the other women in the group are unable to save anything from their present income. Since she and the other women in the group run the household, a higher standard of living will ensure better governance along with a healthier and more prosperous future for the families and children. She has applied for a loan of INR 1,20,000 from Velicham Finance Private Limited, one of Milaap field partners, for the purchase of cows, so that she and the others can start rearing them and selling their milk, butter, cheese, paneer and so on for a financially stable future.",
loc:"Tamil Nadu",
gen:"female",
cat:"enterprise"
},
{
img:"https://cimages.milaap.org/milaap/image/upload/c_fill,g_faces,h_215,w_320/v1660291964/production/images/loan/a020o0000182LmiAAE-MGS1B05_1660291962.jpg",
funded:"1,04,460",
required:"2,55,540",
title:"Sunita And Group",
location:"from Kwakeithel Branch, Manipur",
purpose:"Purpose : to be able to pay for their children's primary and secondary education costs for their better future",
p2:"Sunita is a 40-year-old married woman and a mother of two school-going children. She lives in a small village in Imphal-West district, Manipur. She is engaged in small business and her family monthly income is Rs. 23,000. The income is not enough for all the household expenses along with the education costs of both her children. She wishes to fulfill all the dreams of her children but is worried due to the lack of proper savings. She is a part of a six members group who have similar issues. Due to a lack of proper capital, they are not able to fund their children's education costs.Sunita and the other members understand the importance of education in the present day. They know that it develops a perspective of looking at life. They understand that being educated brings in respect and helps build opinions and points of view on things in life. This would be good not only for the children and their immediate families but also the community and society they live in.",
loc:"Manipur",
gen:"male",
cat:"edu"
},
{
img:"https://cimages.milaap.org/milaap/image/upload/c_fill,g_faces,h_215,w_320/v1660291977/production/images/loan/a020o0000182LmnAAE-MGS2B05_1660291975.jpg",
funded:"1,03,818",
required:"1,96,181",
title:"Mangolnganbi And Group",
location:"from Kwakeithel Branch, Manipur",
purpose:"Purpose : to pay for their children's higher education costs and help them acheive their dreams",
p2:"Mangolnganbi is a 53-year-old married woman residing in the Imphal-West district of Manipur. She lives with her husband and three school-going children. She is a homemaker and manages the household income and expenditures. She is part of a 5-member group that, just like her, strives to support their families and save diligently.Women are aware of the importance of education in the present-day world. It will give their children the intellect and confidence to represent themselves to the world. It would lead to a means of becoming self-reliant for them in society. This will also generate benefits, not only for their children as individuals but also for their families and communities as a whole, through collective action for development.",
loc:"Manipur",
gen:"male",
cat:"edu"
},
{
img:"https://cimages.milaap.org/milaap/image/upload/c_fill,g_faces,h_215,w_320/v1660291990/production/images/loan/a020o0000182LmsAAE-TMMB01_1660291988.jpg",
funded:"99,450",
required:"2,00,550",
title:"Ibemcha And Group",
location:"from Sega Road Branch, Manipur",
purpose:"Purpose : to purchase school supplies and pay school fees",
p2:"Ibemcha is a 35-year-old married woman from the Imphal West district of Manipur. She has a family of 5 members and an income of INR 25,000, which barely makes their ends meet. She is a part of a group of mothers of young students who have realized the importance of a good education. But their low family incomes cannot sustain their children's high educational aspirations in life.So she and her friends have formed a group of 5 members to take up an education loan of INR 3,00,000 from Chanura, one of Milaap's field partners. The children are aware of the importance of education in the present world. It will help build their intellect and confidence to represent themselves to the world. It would lead to a means of becoming self-reliant for them in society. This will also generate benefits, not only for the children as individuals but also for their families and communities as a whole, through collective action for development.",
loc:"Manipur",
gen:"male",
cat:"edu"
},
// {
// img:"",
// funded:,
// required:,
// title:"",
// location:"",
// p1:"",
// p2:"",
// }
]
let Cont = document.getElementById("right");
function display(data){
Cont.innerHTML = "";
data.forEach(function(el){
let bigdiv = document.createElement("div");
bigdiv.setAttribute("class","bigd")
let div1 = document.createElement("div");
div1.setAttribute("class","div1")
let div2 = document.createElement("div");
div2.setAttribute("class","div2")
let img = document.createElement("img");
img.src = el.img;
let div3 = document.createElement("div");
div3.setAttribute("class","div3")
let funddiv = document.createElement("div");
let f = document.createElement("h3");
f.innerText = `Funded`;
let fund = document.createElement("h3");
fund.innerText = `Rs.${el.funded}`;
funddiv.append(f,fund);
let reqdiv = document.createElement("div");
let r = document.createElement("h3");
r.innerText = `Required`;
let req = document.createElement("h3");
req.innerText = `Rs.${el.required}`;
reqdiv.append(r,req);
div3.append(funddiv,reqdiv)
let btn = document.createElement("button");
btn.innerText = 'Complete the Loan'
btn.setAttribute("class", 'complete')
div1.append(img,div3,btn);
let title = document.createElement("h1");
title.innerText = el.title;
let loc = document.createElement("h3");
loc.innerText = el.location;
let purpose = document.createElement("p");
purpose.innerText = el.purpose;
let p = document.createElement("p");
p.innerText = el.p2;
let x = document.createElement('hr')
div2.append(title,loc,purpose,p)
bigdiv.append(div1,div2)
Cont.append(bigdiv,x)
bigdiv.style.display = 'flex'
bigdiv.style.marginTop = '20px'
bigdiv.style.marginBottom = '20px'
bigdiv.style.marginLeft = '5px'
funddiv.style.color = '#9C3353'
})
}
display(data);
let filter = document.getElementById("f1")
filter.addEventListener("change", function () {
if (filter.value === "All") {
display(data);
} else {
let filtered = data.filter(function (element) {
return element.cat === filter.value;
})
display(filtered);
}
})
let filter1 = document.getElementById("f2")
filter1.addEventListener("change", function () {
if (filter1.value === "All") {
display(data);
} else {
let filtered1 = data.filter(function (element) {
return element.loc === filter1.value;
})
display(filtered1);
}
})
let filter2 = document.getElementById("f3")
filter2.addEventListener("change", function () {
if (filter2.value === "All") {
display(data);
} else {
let filtered2 = data.filter(function (element) {
return element.gen === filter2.value;
})
display(filtered2);
}
})
</script>
<script type="module" src="./components/nav_fun.js"></script>
<script type="module">
import footer from "./components/footer.js"
document.getElementById("footer").innerHTML=footer()
console.log(footer)
</script>