-
Notifications
You must be signed in to change notification settings - Fork 1
/
donate.html
78 lines (70 loc) · 3.54 KB
/
donate.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>Document</title>
<link rel="stylesheet" type="text/css" href="donate.css">
</head>
<body>
<header>
<nav>
<ul>
<img src="images/logo.png" alt="logo" width="85px">
<li><a href="index.html">Home</a></li>
<li><a href="about-us.html">About us</a></li>
<li><a href="missing.html">Report Missing Person</a></li>
<li><a href="found.html">Found</a></li>
<li><a href="donate.html">Donations</a></li>
</ul>
</nav>
</header>
<div id="Donate">
<h1>A gift to the "Find Our Missing" cause</h1>
<p>When we come together, we can achieve great things. Through your generose donations, we will be able to fund our volunteers' stipends and also provide safe housing and basic necessities for the found persons as they await to be reunited with their loved ones. We humbly request for your donations to support our great cause and help us restore a sense of hope to a grieving family.</p>
<p>Thank you for your continued support towards this great cause.</p>
</div>
<div class="donation-container">
<div class="donation-box">
<div class="title">Donation Information</div>
<div class="fields">
<input type="text" id="firstName" placeholder="First Name"> </input>
<input type="text" id="lastName" placeholder="Last Name"> </input>
<input type="text" id="email" placeholder="Email"> </input>
</div>
<div class="amount">
<button class="btn Ksh100">Ksh100</button>
<button class="btn Ksh500">Ksh500</button>
<button class="btn Ksh1000">Ksh1000</button>
<div class="button">Ksh<input type="text" class="set-amount" placeholder=""> </input></div>
</div>
<div class="checkboxes">
<input type="checkbox" id="receipt" class="checkbox" />
<label for="receipt">Email Me A Receipt</label>
<br />
<input type="checkbox" id="anon" class="checkbox" />
<label for="anon">Give Anonymously</label>
<br />
<input type="checkbox" id="list" class="checkbox" />
<label for="list">Add Me To Monthly Reminder Email List</label>
</div>
<div class="confirm">
<input type="submit" value="Submit">
<input type="reset" value="Reset">
</div>
<div class="donate-button"><i class="donate-now"></i>Donate NoW</div>
</div>
</div>
<footer>
<div id="footer">
<div id="footer content">
<h4>Find Our Missing</h4>
<h4>Contact us-0700000000</h4>
<a href="https://web.facebook.com/Find-Our-Missing-Kenya-621424035171227/"></a>
<h4>Quick Links</h4>
</div>
<div id="footer bottom">©Coders11|Designed by G-11</div>
</div>
</footer>
</body>
</html>