-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
114 lines (111 loc) · 5.73 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
<!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>Give Donation</title>
<link rel="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Open+Sans&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="top-banner">
<div class="donate-now center">
<h1>Let’s Help Those Who Are More In Need</h1>
<p class="center">“Sometimes, we may discover we helped the wrong person, but that should not be a reason to
stop helping other people in need, even though we were fooled previously. If you want to do good there
are opportunities everywhere. Don’t let the fools spoil your good heart.”</p>
<a class="link-button" target="_blank" href="#">Donate Now</a>
</div>
</section>
<section class="give-donation m-80">
<div class="donation-content center">
<h1>Give Donation</h1>
<p class="center">Your gift to Standish Foundation for Children provides thousands of hours of support for
hospitalized children, hundreds of training for healthcare providers and countless hours of joy.</p>
<ul class="flexible-container">
<li>$100</li>
<li class="active">$200</li>
<li>$500</li>
<li>$1000</li>
<li class="last-child">$5000</li>
</ul>
<form action="">
<input class="dolar-amount" type="text" placeholder="Other Amount (Dolar)">
<button class="link-button">Donate Now</button>
</form>
</div>
</section>
<section class="donate-plan m-80">
<div class="donate-plan-content">
<h1>Our Donate Plan</h1>
<p class="center">The Girls' Fund ensure that girls living in the developing world have access to the most
basic of child and human rights: clean water, education, protection, food, healthcare, and microfinance
services. Donations support programs, innovation, and the infrastructure required to deliver our
programs to girls worldwide.</p>
<div class="flexible-container m-50">
<div id="food" class="single-plan">
<img src="icons/food.png" alt="food">
<h2>Food for a family</h2>
<p>This is sadly the reality for the 821 million people who go hungry each and every day in some of
the world’s poorest communities.</p>
</div>
<div id="shelter" class="single-plan">
<img src="icons/shelter.png" alt="shelter">
<h2>Shelter for a family</h2>
<p>Our mission is to change the lives of the impoverished, homeless, youth and elderly by providing
essential services to the community.</p>
</div>
<div id="education" class="single-plan last-child">
<img src="icons/Frame-1.png" alt="Frame">
<h2>Education for a child</h2>
<p>Every year, we distribute educational material kits to 500 underprivileged students. The
education kit contains School bag, Long and Short Note Books, Dictionary, Shoes, Socks, Pencils,
Sketch Pens, Geometry Box, Colour Pencils, etc.
</p>
</div>
</div>
</div>
</section>
<section class="blog-content m-80 flexible-container">
<div class="single-blog">
<img src="icons/Happy-hand.webp" alt="Happy hand">
<h2>Give directly, maximize your impact</h2>
<p>90% of your donation directly supports our carefully audited, high-impact organizations. 10% covers
platform and transaction costs. That's it. No hidden fees.</p>
<a target="_blank" href="#">Our donation model →</a>
</div>
<div class="single-blog">
<img src="icons/Spinning-earth.webp" alt="Spinning earth">
<h2>Give to causes that matter to you</h2>
<p>All donations via bdhelp benefit trusted organizations on the ground working with the causes you
choose. You can also be sure that all work is done in line with the UN Global Goals.</p>
<a target="_blank" href="#">Our screening process →</a>
</div>
<div id="no-margin" class="single-blog">
<img src="icons/Fist_bump.webp" alt="Fist bump">
<h2>See your donation in action</h2>
<p>On the bdhelp app, you'll get updates from people working hands-on in the field. You can also ask
questions to the experts directly. Try it; you might learn a thing or two!</p>
<a target="_blank" href="#">Get the app →</a>
</div>
</section>
<section class="get-updates m-80">
<div class="get-update-content center">
<h1>Get My Updates</h1>
<p class="center">Every email or contact request is read and responded to by a member of the Board of
Directors.</p>
<form action="" class="subscribe-form">
<input type="email" name="" id="" placeholder="Email">
<button class="link-button">Subscribe</button>
</form>
</div>
</section>
<footer>
<h1>Be Humble</h1>
<p>I’m gonna do it</p>
</footer>
</body>
</html>