-
Notifications
You must be signed in to change notification settings - Fork 1
/
index.html
195 lines (170 loc) · 7.85 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
<!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>Donate voluntarily</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=Finlandica:ital,wght@1,400;1,500&family=Roboto:ital,wght@0,300;1,100&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
<link rel="icon" type="image/png" sizes="32x32" href="icons/android-chrome-512x512.png">
</head>
<body>
<section class="firstSec">
<div class="m-item elements">
<h1>Come forward today to help<br> the Poor</h1>
<p>Let's forget all religions, castes and all differences and come forward to protect the flood <br>victims.
Now
it is necessary to help the flood victims in every possible way.</p>
<a href="#" class="mybtn" target="_blank">DONATE NOW</a>
</div>
</section>
<section class="secondSec">
<div class="elements">
<div class="m-item ">
<h2>Donate Today</h2>
<h3>Powerful people across the country extend a helping hand to them. The government must come forward
first. Only then is it possible to stand by the flood and all the helpless people.</h3>
</div>
<div class="price-sec">
<p>100tk</p>
<p id="seletedbtn">200tk</p>
<p>500tk</p>
<p>1000tk</p>
</div>
<div class="m-item amountSec">
<input type="text" placeholder="Other Amount (Taka)">
<hr>
<a href="#" target="_blank" class="mybtn">Donate Now</a>
</div>
</div>
</section>
<!--third section start donate plan-->
<section>
<div class="elements d-plan">
<div class="m-item d-head">
<h1>Our Donation Plan</h1>
<h3>Your help can save a person's life. So come forward to this fair of help</h3>
</div>
<!--List of plan-->
<div class="price-sec plan-model">
<div class="plan-list" id="planlist1">
<img src="icons/food.png" alt="Food">
<h2>Food for a family</h2>
<h4>Teachers and officials of BRAC University have paid the same amount of one day's salary for
the flood victims in June. The same amount of money has been given as grant from the own
funds of the university.</h4>
</div>
<div class="plan-list" id="planlist2">
<img src="icons/shelter.png" alt="Food">
<h2>Shelter for a family</h2>
<h4>Referring to the flood-affected farmers, MA Mannan said farmers should be given packets of
fertilizers and seeds like relief packets. Everyone must work together to deal with this
situation.</h4>
</div>
<div class="plan-list" id="planlist3">
<img src="icons/Frame-1.png" alt="Food">
<h2>Education for a child</h2>
<h4>Vincent Chang, Vice Chancellor of BRAC University, initiated the grant program to stand by the
helpless people in the flood-hit areas. He urged everyone to stand by the affected people at
this difficult time.</h4>
</div>
</div>
</div>
</section>
<!--Third section end-->
<!--Fourth section start-->
<section class="fourthSec">
<div class="elements des-area">
<div class="des-text">
<h2>Maybe they can live on the <br> money you give them</h2>
<h4>The flood waters have entered the haor area of the country for more than two weeks. That water has
not yet fully receded. Of these, the northern part and the lower part of some districts of Padmapar
were flooded but the water has gone down from there.</h4>
<a href="#" class="mybtn">How to Contribute?</a>
</div>
<div class="image-sec4 des-text">
<img src="images/donation2.jpg" alt="">
</div>
</div>
<div class="elements des-area">
<div class="image-sec4 des-text">
<img src="images/donation3.jpg" alt="">
</div>
<div class="des-text">
<h2>Maybe they can live on the <br> money you give them</h2>
<h4>The flood waters have entered the haor area of the country for more than two weeks. That water has
not yet fully receded. Of these, the northern part and the lower part of some districts of Padmapar
were flooded but the water has gone down from there.</h4>
<a href="#" class="mybtn">How to Contribute?</a>
</div>
</div>
</section>
<!--Fourth section is done-->
<section class="fivethSec">
<div class="elements com-Sec">
<div>
<h1>MORE UPDATES</h1>
<p>The flood waters have entered the haor area of the country for more than two weeks. That water has
not yet fully receded.</p>
</div>
<div class="commentSec">
<div class="commImg">
<img src="images/donation9.jpg" alt="donation">
</div>
<div class="commDes">
<h2>Many will live a happy life with the money you give</h2>
<p>Although the northern part and the lower part of some districts of Padmapar were flooded, the
water level has <a href="#">gone down from there.</a> </p>
</div>
</div>
<div class="commentSec">
<div class="commImg">
<img src="images/donation1.jpg" alt="donation">
</div>
<div class="commDes">
<h2>Raise your hand to alleviate human suffering</h2>
<p>But due to two weeks of continuous upstream rains, the water of four rivers in the haor area of
the country,<a href="#">including Sylhet</a> , is still overflowing.</p>
</div>
</div>
<div class="commentSec">
<div class="commImg">
<img src="images/donation2.jpg" alt="donation">
</div>
<div class="commDes">
<h2>Come forward today to help the Poor</h2>
<p>Let's forget all religions, castes and all differences and come forward to protect the flood
<br>victims.
Now
it is necessary to <a href="#">help the flood victims</a> in every possible way.
</p>
</div>
</div>
</div>
</section>
<!--Fiveth section is completed-->
<section class="lastSec">
<div class="elements updatSec">
<div class="m-item">
<h1>TO GET OUR UPDATES</h1>
<h4>For any help or updates- follow us. Yes, we can all deal with this disaster </h3>
</div>
<div class="emailInp">
<input class="mailinput" type="email" placeholder="Email">
<a href="#" class="myBTN">Subscribe</a>
</div>
</div>
</section>
<footer>
<div>
<h1>Be Honest</h1>
<h4>I'm gonna do it</h4>
</div>
</footer>
</body>
</html>