-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
792 lines (716 loc) · 48.8 KB
/
index.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
424
425
426
427
428
429
430
431
432
433
434
435
436
437
438
439
440
441
442
443
444
445
446
447
448
449
450
451
452
453
454
455
456
457
458
459
460
461
462
463
464
465
466
467
468
469
470
471
472
473
474
475
476
477
478
479
480
481
482
483
484
485
486
487
488
489
490
491
492
493
494
495
496
497
498
499
500
501
502
503
504
505
506
507
508
509
510
511
512
513
514
515
516
517
518
519
520
521
522
523
524
525
526
527
528
529
530
531
532
533
534
535
536
537
538
539
540
541
542
543
544
545
546
547
548
549
550
551
552
553
554
555
556
557
558
559
560
561
562
563
564
565
566
567
568
569
570
571
572
573
574
575
576
577
578
579
580
581
582
583
584
585
586
587
588
589
590
591
592
593
594
595
596
597
598
599
600
601
602
603
604
605
606
607
608
609
610
611
612
613
614
615
616
617
618
619
620
621
622
623
624
625
626
627
628
629
630
631
632
633
634
635
636
637
638
639
640
641
642
643
644
645
646
647
648
649
650
651
652
653
654
655
656
657
658
659
660
661
662
663
664
665
666
667
668
669
670
671
672
673
674
675
676
677
678
679
680
681
682
683
684
685
686
687
688
689
690
691
692
693
694
695
696
697
698
699
700
701
702
703
704
705
706
707
708
709
710
711
712
713
714
715
716
717
718
719
720
721
722
723
724
725
726
727
728
729
730
731
732
733
734
735
736
737
738
739
740
741
742
743
744
745
746
747
748
749
750
751
752
753
754
755
756
757
758
759
760
761
762
763
764
765
766
767
768
769
770
771
772
773
774
775
776
777
778
779
780
781
782
783
784
785
786
787
788
789
790
791
792
<!DOCTYPE html>
<html lang="en">
<head>
<!-- Meta Data -->
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1">
<title>Healing Minds</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no">
<!-- Stlylesheet -->
<link rel="stylesheet" href="bootstrap/css/bootstrap.min.css" type="text/css" />
<link rel="stylesheet" href="css/font-awesome/css/font-awesome.css" type="text/css" />
<link rel="stylesheet" href="css/style.css" type="text/css" />
<link rel="stylesheet" href="css/no-ui-slider/jquery.nouislider.css" type="text/css" />
<!-- Skin Color -->
<link rel="stylesheet" href="css/colors/green.css" id="color-skins"/>
</head>
<body>
<!-- Start Header -->
<header>
<nav class="navbar navbar-default navbar-alt" role="navigation">
<div class="container">
<!-- Brand and toggle get grouped for better mobile display -->
<div class="navbar-header">
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#main-nav">
<span class="sr-only">Toggle navigation</span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<a class="navbar-brand to-top" rel="home" href="#">
<img src="img/assets/Logo.png" style="height: 50px; width: auto;" alt="Visual" class="logo-big">
</a>
</div>
<!-- Collect the nav links, forms, and other content for toggling -->
<div class="collapse navbar-collapse" id="main-nav">
<ul class="nav navbar-nav navbar-right">
<li>
<a class="to-top">
Home
</a>
</li>
<li class="to-section">
<a href="#services">
Reseach
</a>
</li>
<li class="to-section">
<a href="#team">
Team
</a>
</li>
<li class="to-section">
<a href="#testimonials">
Documents
</a>
</li>
<li class="to-section">
<a href="#contact">
Contact
</a>
</li>
</ul>
</div>
<!-- /.navbar-collapse -->
</div>
<!-- /.container -->
</nav>
</header>
<!-- End Header -->
<!-- Start Home Revolution Slider Parallax Section -->
<section id="home-revolution-slider">
<div class="hero">
<div class="tp-banner-container">
<div class="tp-banner">
<ul>
<!-- SLIDE 1 -->
<li data-transition="fade" data-slotamount="7" data-masterspeed="2000" data-thumb="img/backgrounds/bg-11.jpg" data-delay="10000" data-saveperformance="on" data-title="We Are Visual">
<img src="img/backgrounds/bg-11.jpg" alt="slidebg1" data-bgposition="center top" data-bgfit="cover" data-bgrepeat="no-repeat">
<!-- Home Heading -->
<div class="tp-caption sft"
data-x="center"
data-y="260"
data-speed="1200"
data-start="1100"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 4; max-width: auto; max-height: auto; white-space:normal;">
<h2 class="home-heading op-1">Healing Minds</h2>
</div>
<!-- Home Subheading -->
<div class="tp-caption home-subheading sft "
data-x="center"
data-y="360"
data-speed="1200"
data-start="1350"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 4; max-width: auto; max-height: auto; white-space:normal;">
<div class="op-1">The Web Application to Coordinate Donations for Needy Children</div>
</div>
<!-- Home Button -->
<div class="tp-caption home-button sft fadeout"
data-x="center"
data-y="400"
data-speed="1200"
data-start="1550"
data-easing="Power3.easeInOut"
data-splitin="none"
data-splitout="none"
data-elementdelay="0.1"
data-endelementdelay="0.1"
data-endspeed="300"
style="z-index: 4; max-width: auto; max-height: auto; white-space:normal;">
<div class="op-1">
<a href="#testimonials" class="btn btn-primary btn-scroll">
Documents
</a>
</div>
</div>
</li>
</ul>
<div class="tp-bannertimer"></div>
</div>
<div class="home-bottom">
<div class="container text-center">
<div class="move bounce">
<a href="#features" class="ion-ios-arrow-down btn-scroll">
</a>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Home Revolution Slider Parallax Section -->
<div class="site-wrapper content">
<!-- Start Get Connected -->
<section id="services" class="parallax-section-9">
<div class="container">
<div class="col-md-12 text-center">
<h3 class="section-title wow fadeInUp">Literature Survey</h3>
<p class="subheading wow fadeInUp"><span class="highlight">Project Scope</span></p>
<p>Today many people are unable to meet their basic needs due to their low-income status. According to world records, children under the age of 18 make up half of poor people (566 million). The poverty rate among children is 27.7% and among adults, it is 13.4%. But there are also wealthy people in the world. Many wealthy people in society and charitable services find needy people and make donations for various purposes and primarily the government intervenes to reduce poverty. In this way, many different researches have been done around the world regarding the solutions that can be given to eliminate poverty by using technology through donations. </p>
<p>The issue of impoverished children remains a global concern, with millions suffering significant barriers to receiving critical resources for their well-being and development. While many humanitarian organizations and individuals are ready to assist, coordinating and distributing funds to have maximum impact can be difficult and inefficient. In response to this difficulty, the idea of a platform to coordinate donations for underprivileged children has developed as a possible alternative for streamlining assistance delivery, increasing transparency, and amplifying the collective impact of charity activities.</p>
<p>This research paper looks at the creation, implementation, and possible impact of such a platform, which acts as a centralized method for managing donations to meet the different needs of vulnerable children. By utilizing technology, community participation, and best practices in humanitarian aid management, the platform aims to bridge the gap between donors and beneficiaries, optimize resource allocation, and empower communities to address the core causes of child poverty and suffering. For this purpose, 4 main applications have been used for the convenience of the users in the web application that we have proposed. There is item categorization, document verification and scoring, clothing matching, and recommendations, trend-based meaningful donations, and feedback analysis. Based on these, our web app is different from other donation apps. For example, A child who needs a dress can choose a dress according to his measurements. In such cases, there is often a lack of proper communication and a lot of fraud and waste. We have used another trick to avoid such things. After logging into this web application, donors can determine what they need this year relative to previous years. It can reduce waste.
At the heart of this effort is the integration of cutting-edge technology, such as TensorFlow for machine learning (ML) capabilities and natural language processing (NLP), to improve the effectiveness and efficiency of the donation coordination process. TensorFlow, a sophisticated open-source machine learning framework, provides extensive capabilities for data analysis, pattern recognition, and predictive modelling, allowing the platform to optimize donation distribution based on changing requirements and priorities. Furthermore, the platform's use of NLP techniques enables it to extract insights from textual data such as donor preferences, recipient profiles, and communication exchanges, allowing for personalized engagement and targeted outreach efforts. By leveraging the power of machine learning and natural language processing, the platform can adapt and change in reaction to changing conditions, ensuring that donations go where they are most needed and have the biggest impact. Furthermore, the web application component of the platform is built with Angular, a popular front-end framework for creating dynamic and interactive user interfaces.
As the paper builds up, it will conduct a thorough investigation of the platform's design, implementation, and evaluation procedures, drawing on findings from previous research and practical experience. The article uses rigorous analysis and empirical evidence to illustrate the platform's usefulness and scalability, as well as to provide actionable recommendations for policymakers, practitioners, and researchers looking to use technology for social impact.</P>
<P>Finally, this research collaboration aims to add to the expanding body of information on novel approaches to meeting the needs of underprivileged children through coordinated donation efforts. By providing practical insights, evidence-based recommendations, and lessons gained from existing efforts, the paper hopes to assist policymakers, practitioners, and academics working in philanthropy, child welfare, and international development. Finally, the goal is to encourage more collaboration, innovation, and collective action in pursuit of a more equitable and inclusive society for all children.
</p>
</div>
</div>
</section>
<!-- End Services Section -->
<!-- Start Features Section -->
<section id="features">
<div class="container">
<div class="col-md-12 text-center wow fadeInUp">
<h3 class="section-title">Research Objectives</h3>
<p class="subheading"><span class="highlight"> </span></p>
</div>
<div class="row features-row wow fadeInUp">
<div class="col-md-6 col-sm-12 feature-column">
<div class="feature-icon">
<i class="icon-book-open size-2x highlight"></i>
<i class="icon-book-open back-icon"></i>
</div>
<div class="feature-info">
<h4>Multiple Item Classification</h4>
<p class="feature-description">The "Multiple Item Classification" component of our charity web application enables efficient classification of donated school supplies, clothes for children, and medical equipment for children with disabilities for financially disadvantaged children. </p>
<p>Main Objectives- <br> 1.Adding education items and medical equipment from donor’s side <br> 2.recipient request donated items from
recipient’s side <br> </p>
<p>Sub Objectives - <br> 1.Multi Label classifications & Assign The Objects To Specified Categories.<br> 2.Create Object Detection & Identification Of Items In a image. <br> 3.Medical & School Items reccomondation </p>
</div>
</div>
<div class="col-md-6 col-sm-12 feature-column">
<div class="feature-icon">
<i class="icon-book-open size-2x highlight"></i>
<i class="icon-book-open back-icon"></i>
</div>
<div class="feature-info">
<h4>Document Verification & Score Rating system </h4>
<p class="feature-description">When associations dedicated to social activities register on the platform to connect with children in need, they need to submit relevant documents for verification. These documents may include registration certificates, licenses, and other official identification documents.</p>
<p>Main Objectives- <br> 1.Document Verification & Score Rating</p>
<p>Sub Objectives - <br> 1.Verification of the authenticity of the medical certificates submitted <br> 2.Those verified certificates are scored and given equipment to get the highest marks </p>
</div>
</div>
<div class="col-md-6 col-sm-12 feature-column">
<div class="feature-icon">
<i class="icon-book-open size-2x highlight"></i>
<i class="icon-book-open back-icon"></i>
</div>
<div class="feature-info">
<h4> Clothing Fitting & Recommendation System</h4>
<p class="feature-description"> There are School-age children from underprivileged backgrounds who have challenges getting proper clothing. Address the gap between the clothing needs of needy school children and the availability of suitable clothing donations. Consider a webcam or image uploading option to capture body measurements of the recipient’s and recommend appropriate clothing.</p>
<p>Main Objectives- <br> 1.Adding Clothing Items from donor’s side <br> 2.Extract Measurements and suggest clothing items from recipient’s side</p>
<p>Sub Objectives- <br>1.Apparel classifications<br> 2.Size extractions <br> 3.Cloth reccomondation</p>
</div>
</div>
<div class="col-md-6 col-sm-12 feature-column">
<div class="feature-icon">
<i class="icon-book-open size-2x highlight"></i>
<i class="icon-book-open back-icon"></i>
</div>
<div class="feature-info">
<h4>Trend-based meaningful donations & feedback analysis</h4>
<p class="feature-description">The primary objective is to donate essential materials to the children of the respective schools through research reports in this area. The aim is to donate the relevant materials so that no school child is treated unfairly. Identifying the relationship between the previous year's most trending items and donation patterns.
Discussing how to predict and suggest the most influential donation items for the coming year.</p>
<p>Main Objectives- <br>The main objective of this research is through the feedback analysis to use data-driven approaches, including regression technology, to predict and suggest the most impactful donation items for the upcoming year. By analyzing past trends and donation patterns, the research aims to identify the relationship between the most trending items from the previous year and donation behavior.
</p>
<p>Sub Objectives- <br> 1.Donor Segmentation
<br> 2.Donor Feedback Analysis
<br> 3.Tailor Recommendations for Donors
</div>
</div>
</div>
</div>
</section>
<!--End Features Section -->
<!-- Start About Section -->
<section id="about">
<div class="container">
<div class="col-md-12 text-center wow fadeInUp">
<h3 class="section-title">Methodology</h3>
<p class="subheading"><span class="highlight"> </span></p>
</div>
<div class="row">
<div class="col-md-6 text-left about-text">
<div class="img">
<img src="img/system.jpg" class="img-responsive" alt="" />\
</div>
</div>
<div class="col-md-6 wow fadeInUp about-text">
<p>This methodology outlines the comprehensive approach taken to develop and implement a charitable web application aimed at coordinating donations for financially challenged children in Sri Lanka. The application includes multiple functional components: Multiple Item Classification, Document Verification and Score Rating, Clothing Fitting and Recommendation, and Trend-Based Meaningful Donations and Feedback Analysis. Each component leverages advanced technologies such as machine learning and natural language processing (NLP) to optimize the donation process.</p>
</div>
<div class="col-md-12">
<p>Data Collection and Preparation</p>
<p>The foundation of the web application involves the collection and preparation of data from various sources. This includes gathering an extensive dataset of images and captions for donated items, medical reports from certified physicians, and user feedback. Images are preprocessed through resizing and normalization, while textual data undergoes tokenization and stopword removal. This ensures that the data is clean and ready for further processing by the machine learning models employed in various components of the application.</p>
<p>Multiple Item Classification</p>
<p>To streamline the donation process, a Multiple Item Classification system is developed using Convolutional Neural Networks (CNNs) for feature extraction. A multi-label classification model is trained with the prepared dataset to categorize donated items into relevant categories such as educational supplies, medical equipment, and clothing. An intuitive user interface is created to allow donors to upload images and descriptions, with the system providing real-time classification to connect items with the specific needs of children. This component ensures efficient allocation and optimizes the impact of donations.</p>
<p>Document Verification and Score Rating</p>
<p>Ensuring the fair distribution of medical equipment, a rigorous document verification process is instituted. Prospective recipients submit medical reports, which are then reviewed by machine learning models for authenticity, completeness, and diagnostic clarity. A scoring system is implemented based on predefined criteria to prioritize equipment allocation according to the urgency of need. This transparent and accountable system ensures that essential medical equipment reaches those in need promptly and equitably.</p>
<p>Clothing Fitting and Recommendation</p>
<p>To address the clothing needs of underprivileged children, a clothing fitting and recommendation system is integrated into the application. Recipients capture or upload images using webcam technology, ensuring privacy by not storing visual content. TensorFlow is employed to extract accurate measurements from skeletal structures in the images. These measurements are combined with standardized clothing sizes to generate personalized clothing recommendations. The system facilitates communication between donors and recipients, ensuring that well-fitting clothes are provided, thus improving the quality of life for needy children</p>
<p>Trend-Based Meaningful Donations and Feedback Analysis</p>
<p>The application incorporates a robust trend-based donation and feedback analysis system to continually improve the donation process. Data from various sources, including user interactions and feedback, is collected and aggregated. TensorFlow is used for trend analysis to identify emerging patterns and essential needs, while NLP techniques are employed to analyze textual feedback from donors and recipients. Insights from this analysis are integrated into the iterative improvement process, ensuring the platform remains responsive to the evolving needs of underprivileged children.</p>
<p>System Integration and Continuous Improvement</p>
<p>All components of the web application are integrated into a cohesive system that facilitates efficient donation coordination. Regular testing and validation ensure the reliability and effectiveness of each component. Continuous feedback from users is crucial for iterative improvements, allowing the platform to adapt and optimize its processes continually. This methodology ensures that the application not only meets its functional requirements but also maximizes the impact of donations, ultimately supporting the education and well-being of financially challenged children in Sri Lanka.</p>
</div>
</div>
</div>
</section>
<!-- End About Section -->
<!-- Start Clients Section -->
<section id="clients">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h3 class="section-title wow fadeInUp">Used Technologies </h3>
<p class="subheading wow fadeInUp"></p>
</div>
<div class="clients">
<div id="client-slider" class="owl-carousel">
<div class="item">
<img src="img/python.png" style="height: 200px; width: 200px;" alt="" />
<h4 class="text-center">Python</h4>
</div>
<div class="item">
<img src="img/firebase.png" style="height: 200px; width: 200px;" alt="" />
<h4 class="text-center">Firebase</h4>
</div>
<div class="item">
<img src="img/tensorflow.png" style="height: 200px; width: 200px;" alt="" />
<h4 class="text-center">Tensorflow</h4>
</div>
<div class="item">
<img src="img/angular.png" style="height: 200px; width: 200px;" alt="" />
<h4 class="text-center">Angular</h4>
</div>
<div class="item">
<img src="img/react.png" style="height: 200px; width: 200px;" alt="" />
<h4 class="text-center">React</h4>
</div>
</div>
</div>
</div>
</div>
</section>
<!-- End Clients Section -->
<!-- Start Fun Facts Section -->
<section id="fun-facts" class="parallax-section-5">
<div class="container">
<div class="col-md-12 text-center white wow fadeInUp">
<h3 class="section-title">Research Problem & Solution</h3>
<p class="subheading"> <span class="highlight"></span></p>
<h3>Research Problem</h3>
<h5 style="color:rgb(14, 15, 15); background-color: antiquewhite)
;">The socioeconomic issues faced by Sri Lankan parents in providing good education and needed materials for their children because of the ongoing economic crisis are the research problem addressed by this web application [4].
Due to Sri Lanka's current economic circumstances, many typical families have struggled to provide for the educational demands of their school-age children. One of the necessities of children in society is clothing, study material, and health supplies for schoolchildren [2]. Because children don't have money to buy them. They depend on their parents, guardians or some children must live with their relatives. This is a societal issue related to wealth disparity.
Economic challenges in Sri Lanka have resulted in a considerable proportion of parents being unable to finance decent education and meet their children's fundamental requirements. This condition has a negative impact on children's educational development and well-being, perpetuating the cycle of poverty.
Poverty's impact on children's education and overall well-being has been extensively researched and recorded [1], [3]. Poverty, according to research, greatly limits children's access to education, resulting in lower educational attainment, higher dropout rates, and limited opportunities for social and economic advancement. Poverty also exacerbates the challenges faced by children from low-income families.
Also, many things used by school-aged children in wealthy families are thrown away in usable condition and can be donated to another child. But there are times when it is difficult to find children who need such care, so they abandon this idea and throw away things that are no longer necessary for them, but very valuable to another child.
This web application intends to address this research problem by offering a platform for parents, guardians, relatives, and children to meet children's educational needs and gain access to necessary things.
This application connects parents and children with donors who are willing to help and donate educational supplies, clothing, and medical equipment by using technology and the power of philanthropic donations. This web application serves as a matchmaker, connecting appropriate donors with recipients in need and ensuring that donations reach their intended receivers.</h5>
<h3>Solution</h3>
<h5>the relevant school age, most of the things we use become obsolete. If they are reusable, you can offer them to another child and assist them. This web application connects and supports donors and organizations in their efforts to satisfy the needs of underprivileged children. In the same way, we believe that children in poor villages, if they do not have technical equipment, can access this web application through a teacher at their school. We also hope to introduce a QR code system to easily access this web application and have planned to place it in public places.
When a donor uploads an image containing multiple items, the system identifies and classifies each item. Donor & recipient segmentation helps personalize the donor experience and improve communication strategies. While registering here, the relevant details should be given to verify the authenticity of the donor & recipient. Additionally, feedback analysis allows the system to gain valuable insights from donor feedback and identify areas for improvement. Handwritten text recognition of documents is processed to verify the legitimacy of documents. (Because in Sri Lanka we mostly use handwritten documents) This authentication system provides an additional layer of security and trust, reducing the risk of fraudulent activity. Also, a point rating system can be used to select the most deserving person to receive the donation & most suitable donors by ranking according to the points of eligibility. Clothing Matching for Body Characteristics to predict the size and fit of clothing items based on individual body measurements with privacy. The system can recommend clothing items that best-fit children.
Also, we intend to include a distribution service in this web application. Information that can link the recipient and the giver is designed to be received through messaging. After that, if they like, they can call and discuss the relevant information. Then they can decide to post or courier or meet at home and deliver the goods. Because some people like to meet and talk with the relevant parties to give support & donate things. Users can directly share donation content on their social media platforms through this web application. And everything records in user profiles.
</h5>
</div>
</div>
</div>
</section>
<!-- End Fun Facts Section -->
<!-- Start Team Section -->
<section id="team">
<div class="container">
<div class="col-md-12 text-center wow fadeInUp">
<h3 class="section-title">Meet Our Team !</h3>
<p class="subheading"> <span class="highlight">About Us</span></p>
</div>
<div class="row">
<div class="col-md-3 col-sm-3 team-member">
<div class="effect effects wow fadeInUp">
<div class="img">
<img src="img/team/prof.koliya.jpg" style="height: 200px;" class="img-responsive" alt="" />
<div class="overlay">
<a class="close-overlay hidden">
x
</a>
</div>
</div>
</div>
<div class="member-info wow fadeInUp">
<h4>Prof.Koliya Pulasinghe</h4>
<h5 class="highlight">Supervisor</h5>
<p>Sri Lanka Institute of Information Technology</p>
</div>
</div>
<div class="col-md-3 col-sm-3 team-member">
<div class="effect effects wow fadeInUp">
<div class="img">
<img src="img/team/dr.kapila.jpg" style="height: 200px;" class="img-responsive" alt="" />
<div class="overlay">
<a class="close-overlay hidden">
x
</a>
</div>
</div>
</div>
<div class="member-info wow fadeInUp">
<h4>Dr.Kapila Dissanayaka</h4>
<h5 class="highlight">Co Supervisor</h5>
<p>Sri Lanka Institute of Information Technology</p>
</div>
</div>
</div>
<div class="row">
<div class="col-md-3 col-sm-3 team-member">
<div class="effect effects wow fadeInUp">
<div class="img">
<img src="img/team/sethu.jpg" style="height: 200px;" class="img-responsive" alt="" />
<div class="overlay">
<a class="close-overlay hidden">
x
</a>
</div>
</div>
</div>
<div class="member-info wow fadeInUp">
<h4>S.K.A.S.Sankalani</h4>
<h5 class="highlight">Group Leader</h5>
<p>Sri Lanka Institute of Information Technology</p>
</div>
</div>
<div class="col-md-3 col-sm-3 team-member">
<div class="effect effects wow fadeInUp">
<div class="img">
<img src="img/team/kavi.jpg" style="height: 200px;" class="img-responsive" alt="" />
<div class="overlay">
<a class="close-overlay hidden">
x
</a>
</div>
</div>
</div>
<div class="member-info wow fadeInUp">
<h4>K.H.G.K.I.Kahawaththa</h4>
<h5 class="highlight">Group Member</h5>
<p>Sri Lanka Institute of Information Technology</p>
</div>
</div>
<div class="col-md-3 col-sm-3 team-member">
<div class="effect effects wow fadeInUp">
<div class="img">
<img src="img/team/vindy.jpg" style="height: 200px;" class="img-responsive" alt="" />
<div class="overlay">
<a class="close-overlay hidden">
x
</a>
</div>
</div>
</div>
<div class="member-info wow fadeInUp">
<h4>W.M.S.L.K.Welgama</h4>
<h5 class="highlight">Group Member</h5>
<p>Sri Lanka Institute of Information Technology</p>
</div>
</div>
<div class="col-md-3 col-sm-3 team-member">
<div class="effect effects wow fadeInUp">
<div class="img">
<img src="img/team/nethu.jpg" style="height: 200px;" class="img-responsive" alt="" />
<div class="overlay">
<a class="close-overlay hidden">
x
</a>
</div>
</div>
</div>
<div class="member-info wow fadeInUp">
<h4>R.P.N.Tharuka</h4>
<h5 class="highlight">Group Member</h5>
<p>Sri Lanka Institute of Information Technology</p>
</div>
</div>
</div>
</div>
</section>
<!-- End Team Section -->
<!-- Start Testimonials Section -->
<section id="testimonials" class="parallax-section-4">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h3 class="section-title white wow fadeInUp">Documents</h3>
<p class="subheading grey wow fadeInUp">Please find all documents related to this research below.</p>
</div>
<div class="col-md-12 text-center wow fadeInUp">
<div class="card-row row">
<div class="col-md-3 col-sm-6 card-container">
<div class="card">
<div class="card-icon">
<img src="img/pdf.png" alt="PDF Icon" />
</div>
<div class="card-details">
<h4>Status Document 1</h4>
<p>Submitted on 07/11/2023</p>
<p style="color: green;">Individual</p>
</div>
<div class="card-button">
<a href="https://drive.google.com/drive/folders/1mmgBwZJOoioiZ8j0AJUQD__2VQloCAXl/" class="btn-download">View</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 card-container">
<div class="card">
<div class="card-icon">
<img src="img/pdf.png" alt="PDF Icon" />
</div>
<div class="card-details">
<h4>Proposal Reports</h4>
<p>Submitted on 25/08/2023</p>
<p style="color: green;">Individual</p>
</div>
<div class="card-button">
<a href="https://drive.google.com/drive/folders/1xI-6N2CQUNDC41SzUVRMqB1XxnXpeb98" class="btn-download">View</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 card-container">
<div class="card">
<div class="card-icon">
<img src="img/pdf.png" alt="PDF Icon" />
</div>
<div class="card-details">
<h4>Research Paper</h4>
<p>Submitted on 04/03/2024</p>
<p style="color: rgb(255, 8, 0);">Group</p>
</div>
<div class="card-button">
<a href="https://drive.google.com/drive/folders/1M1ZrkXyNgwYaMWJFfk99snWHn9GLA8Yh" class="btn-download">View</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 card-container">
<div class="card">
<div class="card-icon">
<img src="img/pdf.png" alt="PDF Icon" />
</div>
<div class="card-details">
<h4>Final Reports</h4>
<p>Submitted on 05/04/2024</p>
<p style="color:green;">Individual</p>
</div>
<div class="card-button">
<a href="https://drive.google.com/drive/folders/1hptDj3zwJ1Hs7IqcdI8vquir6NwWdbrv" class="btn-download">View</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 card-container">
<div class="card">
<div class="card-icon">
<img src="img/pdf.png" alt="PDF Icon" />
</div>
<div class="card-details">
<h4>Status Document 2</h4>
<p>Submitted on 18/03/2024</p>
<p style="color: green;">Individual</p>
</div>
<div class="card-button">
<a href="https://drive.google.com/drive/folders/1WKw-w8I0ciGkrWdA1y7433Xq47R1H05C" class="btn-download">View</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 card-container">
<div class="card">
<div class="card-icon">
<img src="img/pdf.png" alt="PDF Icon" />
</div>
<div class="card-details">
<h4>Log Book</h4>
<p>Submitted on 28/06.2024</p>
<p style="color: red;">Group</p>
</div>
<div class="card-button">
<a href="https://drive.google.com/drive/folders/1fZURM8wWevWbEDzP6ggUtlevBQvOyBmf" class="btn-download">View</a>
</div>
</div>
</div>
<!-- Repeat the above card structure for other documents -->
</div>
</div>
</div>
<div class="row">
<div class="col-md-12 text-center">
<h3 class="section-title white wow fadeInUp">Presentations</h3>
<p class="subheading grey wow fadeInUp">Please find all presentations related this project below.</p>
</div>
<div class="col-md-3 col-sm-6 card-container">
<div class="card">
<div class="card-icon">
<img src="img/pdf.png" alt="PDF Icon" />
</div>
<div class="card-details">
<h4>Proposal-Presentation</h4>
<p>June 2023</p>
<p style="color: rgb(18, 1, 56);">Marks Allocated : 12%</p>
<p style="color: red;">Group</p>
</div>
<div class="card-button">
<a href="https://drive.google.com/drive/folders/1t1sQPHGG8RU7q2KbZ1ruz-_T4eN3cYXs" class="btn-download">View</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 card-container">
<div class="card">
<div class="card-icon">
<img src="img/pdf.png" alt="PDF Icon" />
</div>
<div class="card-details">
<h4>Progress-Presentation 1</h4>
<p>November 2023</p>
<p style="color: rgb(18, 1, 56);">Marks Allocated : 15%</p>
<p style="color: red;">Group</p>
</div>
<div class="card-button">
<a href="https://drive.google.com/drive/folders/1nVHoma9ybj8oS1zDPJq4g831_yDEd6rY" class="btn-download">View</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 card-container">
<div class="card">
<div class="card-icon">
<img src="img/pdf.png" alt="PDF Icon" />
</div>
<div class="card-details">
<h4>Progress Presentation 2</h4>
<p>March 2024</p>
<p style="color: rgb(18, 1, 56);">Marks Allocated : 18%</p>
<p style="color: red;">Group</p>
</div>
<div class="card-button">
<a href="https://drive.google.com/drive/folders/1o-Hewky1B9-ozh5e--y0TeZjeA3G78eq" class="btn-download">View</a>
</div>
</div>
</div>
<div class="col-md-3 col-sm-6 card-container">
<div class="card">
<div class="card-icon">
<img src="img/pdf.png" alt="PDF Icon" />
</div>
<div class="card-details">
<h4>Final Presentation</h4>
<p>May 2024</p>
<p style="color: rgb(18, 1, 56);">Marks Allocated : 20%</p>
<p style="color: red;">Group</p>
</div>
<div class="card-button">
<a href="https://drive.google.com/drive/folders/1JP2SaxJnqLOXkpiKHF6xCcTDLlgeV-Yf" class="btn-download">View</a>
</div>
</div>
</div>
<!-- Repeat the above card structure for other documents -->
</div>
</section>
<!-- End Testimonials Section -->
<!-- Start Contact Form Section -->
<section id="contact">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h3 class="section-title wow fadeInUp">Contact us</h3>
<p class="subheading wow fadeInUp"> Let's Work Together. </p>
</div>
<div class="col-md-7 wow fadeInUp">
<div id="message"></div>
<!-- Contact Form will be functional only on your server. Upload to your server when testing. -->
<form method="post" action="php/contact-form.php.htm" name="contactform" id="contactform">
<fieldset>
<input name="name" type="text" id="name" placeholder="Name"/>
<input name="email" type="text" id="email" placeholder="Email"/>
<input name="subject" type="text" id="subject" placeholder="Subject"/>
</fieldset>
<fieldset>
<textarea name="comments" cols="40" rows="3" id="comments" placeholder="Message"></textarea>
</fieldset>
<input type="submit" class="submit" id="submit" value="Send Message" />
</form>
</div>
<div class="col-md-5 wow fadeInLeft">
<div class="img">
<img src="C:\Users\Nethmini\Downloads\HealingMinds_Blog\HealingMinds_Blog\img\pict_large.jpg" class="img-responsive" alt="" />
</div>
</div>
</div>
</div>
</section>
<!-- End Contact Form Section -->
<!-- Start Quote Section -->
<section id="quote" class="parallax-section-6">
<div class="container">
<div class="row wow fadeInUp">
<div class="col-md-12 text-center">
<div class="logo-container">
<img src="img/QR.png" alt="Logo" class="logo-img">
</div>
<h1 class="download-title" style="color: white;">Sacn Now</h1>
<h6 class="download-subtitle" style="color: white;">Healing Minds web application is now available as a mobile responsive application. Scan to get the application.</h6>
<!--<div class="col-md-5 text-center">
<div class="facebook-container">
<img src="C:\Users\Nethmini\Downloads\HealingMinds_Blog\HealingMinds_Blog\img\backgrounds\iconfinder_square-facebook_317727.png" alt="Logo" class="logo-img">
</div>-->
<strong><a href="https://www.facebook.com/profile.php?id=61559983466985&mibextid=LQQJ4d" target="_blank"><img alt="" src="C:\Users\Nethmini\Downloads\HealingMinds_Blog\HealingMinds_Blog\img\backgrounds\iconfinder_square-facebook_317727.png?width=25&height=25" style="width: 25px; height: 25px;"><strong><a href="C:\Users\Nethmini\Downloads\HealingMinds_Blog\HealingMinds_Blog\img\backgrounds\iconfinder_social-instagram-new-square1_1.png" target="_blank"><img alt="" src="C:\Users\Nethmini\Downloads\HealingMinds_Blog\HealingMinds_Blog\img\backgrounds\iconfinder_social-instagram-new-square1_1.png?width=25&height=25" style="width: 25px; height: 25px;"><strong><a href="C:\Users\Nethmini\Downloads\HealingMinds_Blog\HealingMinds_Blog\img\backgrounds\iconfinder_square-twitter_317723.png" target="_blank"><img alt="" src="C:\Users\Nethmini\Downloads\HealingMinds_Blog\HealingMinds_Blog\img\backgrounds\iconfinder_square-twitter_317723.png?width=25&height=25" style="width: 25px; height: 25px;">
<div class="download-button">
<div class="download-button">
<div class="download-button">
</div>
</div>
</div>
</div>
</section>
<!-- End Quote Section -->
<!-- Start Footer 1 -->
<footer id="footer">
<!-- End Footer Widgets -->
<div class="footer-copyright">
<div class="container">
<div class="row">
<div class="col-md-12 text-center">
<h3 class="section-title wow fadeInUp">Healing Minds</h3>
<p class="wow fadeInUp"> All Rights Reserved. Copyright © 2024
<a href="http://templatestock.co" target="_blank">SP</a>
</p>
</div>
</div>
</div>
</div>
<!-- End Footer Copyright -->
</footer>
<!-- End Footer 1 -->
<!-- Start Back To Top -->
<a id="back-to-top">
<i class="icon ion-chevron-up"></i>
</a>
<!-- End Back To Top -->
</div>
<!-- End Site Wrapper -->
<!-- jQuery -->
<script type="text/javascript" src="js/plugins/jquery.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="js/plugins/moderniz.min.js"></script>
<script type="text/javascript" src="js/plugins/smoothscroll.min.js"></script>
<script type="text/javascript" src="js/no-ui-slider/jquery.nouislider.all.min.js"></script>
<script type="text/javascript" src="js/plugins/revslider.min.js"></script>
<script type="text/javascript" src="js/plugins/waypoints.min.js"></script>
<script type="text/javascript" src="js/plugins/parallax.min.js"></script>
<script type="text/javascript" src="js/plugins/easign1.3.min.js"></script>
<script type="text/javascript" src="js/plugins/cubeportfolio.min.js"></script>
<script type="text/javascript" src="js/plugins/owlcarousel.min.js"></script>
<script type="text/javascript" src="js/plugins/tweetie.min.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js"></script>
<script type="text/javascript" src="js/plugins/gmap3.min.js"></script>
<script type="text/javascript" src="js/plugins/wow.min.js"></script>
<script type="text/javascript" src="js/plugins/counterup.min.js"></script>
<script type="text/javascript" src="js/scripts.js"></script>
</body>
</html>