/
index.html
158 lines (138 loc) · 5.65 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
<!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">
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="https://static.thenounproject.com/png/29964-200.png" type="image/x-icon">
<title>Donate for Humanity</title>
</head>
<body>
<div class="container">
<h1>Let’s Help Those Who Are More In Need</h1>
<p>Please help us by making an online donation today. When you donate to Action For Humanity, <br> your
generosity is immediately used to help restore lives. </p>
<a class="donate-btn" href="http://www.ahsaniamission.org.bd/donate/donation-form.php?d=amcc">Donate
Now!</a>
</div>
<!-- donate today section -->
<div class="donate-today">
<h1>Donate Today</h1>
<p>Every donation supports life-changing projects and creates a better future for the people we serve. <br> Join
us in creating sustainable opportunities for the Humanity.</p>
</div>
<section class="flexible">
<div class="hundred">
<h3>100tk</h3>
</div>
<div class="two-hundred">
<h3>200tk</h3>
</div>
<div class="hundred">
<h3>500tk</h3>
</div>
<div class="hundred">
<h3>1000tk</h3>
</div>
<div class="hundred">
<h3>5000tk</h3>
</div>
</section>
<div class="input-tk">
<input class="input-btn" type="text" placeholder="Other Amount (Taka)">
<div>
<a class="donate-btn" href="http://www.ahsaniamission.org.bd/donate/donation-form.php?d=amcc">Donate
Now!</a>
</div>
</div>
<!-- Donate Plan Section -->
<div class="donate-today">
<h1>Our Donate Plan</h1>
<p>Donate now to help children and their families move themselves from a life of poverty to a future with
opportunity. <br> Your gift to Plan International USA will be used where needed most, to help create
sustainable change <br> and address the root causes of poverty and inequality.</p>
</div>
<section class="flexible2">
<div class="hundred2">
<img src="images/icons/food.png" alt="Donate for Humanity">
<h3>Food for a family</h3>
<p>Send Family Food Kits that include nutritious meals like oatmeal, potato soup, Monthly giving: the simple
way to make your donations do more</p>
</div>
<div class="two-hundred2">
<img src="images/icons/shelter.png" alt="Donate for Humanity">
<h3>Shelter for a family</h3>
<p>Every donation we receive makes an impact on a family fleeing homelessness or abuse, helping them reclaim
their independence and rebuild their lives</p>
</div>
<div class="hundred3">
<img src="images/icons/Frame-1.png" alt="Donate for Humanity">
<h3>Education for a child</h3>
<p>Your gift will help train teachers and get a child the tools to fulfill their God-given. Giving monthly
or yearly is the most powerful way to donate!</p>
</div>
</section>
<!-- Our Current State -->
<div class="habitat-h1">
<h1>Our Current Stats so far</h1>
</div>
<section class="current-sate">
<div class="current">
<h3>20 years</h3>
</div>
<div class="current">
<h3>$27M+ Dollars</h3>
</div>
<div class="current">
<h3>593,428+ Donors</h3>
</div>
<div class="current">
<h3>22,257+ Projects</h3>
</div>
<div class="current">
<h3>65+ Countries</h3>
</div>
<div class="current">
<h3>200+ Companies</h3>
</div>
</section>
<!-- another sections of habitat -->
<div class="habitat-h1">
<h1>About donations to Habitat for Humanity</h1>
</div>
<section class="habitat">
<div class="habitat-sec">
<img src="images/habitat1.jpg" alt="Habitat" width="450px" height="250px">
<h3>Frequently asked questions: Tax information for donations</h3>
<p>Learn more about the tax benefits you may be eligible for when you make a donation to Habitat for
Humanity.</p>
<a class="learn-btn" href="http://www.ahsaniamission.org.bd/donate/donation-form.php?d=amcc">Learn More</a>
</div>
<div class="habitat-sec">
<img src="images/habitat2.jpg" alt="Habitat" width="450px" height="250px">
<h3>Donor inquiry</h3>
<p>We are here to help answer your questions about your financial donation to Habitat for Humanity. Please
contact us if you need any assistance</p>
<a class="learn-btn" href="http://www.ahsaniamission.org.bd/donate/donation-form.php?d=amcc"> Learn More
</a>
</div>
</section>
<section class="subscribe">
<div class="update">
<h1>Get My Updates</h1>
<p>In your regular update for donors, try to include a personal story from the population benefitting <br>
from your charity's aid. If privacy allows, we will send you a regular email update.</p>
</div>
<div class="email">
<input type="text" placeholder="Email">
<button>Subscribe</button>
</div>
</section>
</body>
<footer>
<h1>Be Humble</h1>
<p>I’m gonna do it In Sha Allah.</p>
<p>© Design by <span class="yellow">SAAD</span> </p>
</footer>
</html>