-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
106 lines (101 loc) · 4.17 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
<!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 Today</title>
<link rel="stylesheet" href="style.css">
<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=Inter:wght@500&display=swap" rel="stylesheet">
</head>
<body>
<section class="cover">
<div>
<h1>Let’s Help Those Who Are <br>More In Need</h1>
<p>A flood is an overflow of water or rarely other fluids that submerges land that is usually dry <br> In
the sense of flowing water, the word may also be applied to the inflow of the tide.</p>
<button>Donate Now</button>
</div>
</section>
<section class="zero">
<h1>Donate Today</h1>
<p class="gray">We collect donation for flood affected people in Shylet, Bangladesh. <br>Raise your hands for
needy people</p>
<section class="one">
<div class="taka">
<h1>100tk</h1>
</div>
<div class="taka taka-orange">
<h1>200tk</h1>
</div>
<div class="taka">
<h1>500tk</h1>
</div>
<div class="taka">
<h1>1000tk</h1>
</div>
<div class="taka">
<h1>5000tk</h1>
</section>
</div>
<p class="gray">Other Amount (Taka)</p>
<hr>
<button>Donate Now</button>
</section>
<section class="plan">
<h1>Our Donate Plan</h1>
<p class="gray">First of all, We sure about food efficiency in floody area. <br>Then give them temporary shelter
<br>and educational programme for their childer.
</p>
<section class="fse">
<div id="food">
<img src="/icons/ramen_dining_FILL0_wght400_GRAD0_opsz48.svg" alt="">
<h2>Food for a family</h2>
<p class="gray">any nutritious substance that people or animals eat or drink or that plants absorb in
order to maintain life and growth.</p>
</div>
<div id="shelter">
<img src="/icons/home_work_FILL0_wght400_GRAD0_opsz48.svg" alt="">
<h2>Shelter for a family</h2>
<p class="gray">a place giving temporary protection from bad weather or danger.</p>
</div>
<div id="education">
<img src="/icons/school_FILL0_wght400_GRAD0_opsz48.svg" alt="">
<h2>Education for a family</h2>
<p class="gray">the process of receiving or giving systematic instruction, especially at a school or
university.</p>
</div>
</section>
</section>
<section class="extra">
<div class="half-width">
<h1>No More Homeless, <br>No More Hunger</h1>
<p class="gray">Universal free lunch was instituted at the start of the pandemic to make sure children
wouldn't go hungry through the crisis.The World Food Program warned that 20 million people in the region
could go hungry because of drought by the end of the year.After months of an export blockade by Russia’s
navy along Ukraine’s Black Sea coastline, experts estimate another 50 million people could go hungry
this year.</p>
<button>How to Contribute?</button>
</div>
<div class="half-width">
<img src="/images/donation0.jpg" alt="">
</div>
</section>
<section class="updates">
<h1>Get My Updates</h1>
<p class="gray">If you wanna get updates about our project, please sign up our newsletter.</p>
<div class="email">
<form>
<input type="email" placeholder="Email">
<input type="submit" value="Subscribe">
</form>
</div>
</section>
</body>
<footer>
<h1>Be Humble</h1>
<p>I'm gonna do it</p>
</footer>
</html>