-
Notifications
You must be signed in to change notification settings - Fork 1
/
Copy pathPHEP.html
41 lines (37 loc) · 2.2 KB
/
PHEP.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Food Donation System</title>
<link rel="stylesheet" href="PHEP.css">
<script src = 'PHEP.js'></script>
</head>
<body>
<div class="container">
<div class="content">
<h1>Permanent Hunger Eradication Program (PHEP)</h1>
<p>Removing a problem from society and cutting a tree is almost the same; the only difference is that cutting a tree is harmful to society, but cutting out a problem helps society in further growth. If a tree is just cut above the ground and the roots are left, the tree grows back in a few days or months. In the same way, trying to eradicate a problem just by helping the affected doesn't eradicate the problem completely; it always tends to grow back. That is why we are going to eradicate the problem from the root. We are working to provide education or help in skill development for people who are now starving. Donate and help us in our mission to eradicate hunger from its roots. The names of the people we helped in this way and their progress will be updated to you by our team regularly.</p>
<form id="donationForm">
<label for="name">Name:</label>
<input type="text" id="name" name="name" required>
<label for="mobile">Mobile Number:</label>
<input type="tel" id="mobile" name="mobile" required>
<label for="amount">Donation Amount:</label>
<input type="number" id="amount" name="amount" required>
<label for="suggestions">Customizable Suggestions:</label>
<textarea id="suggestions" name="suggestions"></textarea>
<button type="submit">Donate</button>
</form>
<p id="confirmationMessage" style="display: none;">Our team will soon contact you to receive your donation. Thank you!</p>
</div>
<div class="food-options">
<!-- Add food options here -->
</div>
<div class="animation">
<div class="square"></div>
</div>
</div>
<script src="script.js"></script>
</body>
</html>