-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
146 lines (140 loc) · 6.58 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
<!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>Share Your Food</title>
<link rel="stylesheet" href="style.css">
<link rel="shortcut icon" href="icons/give.png" type="image/x-icon">
<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=Poppins:wght@200;300;400;500;700&display=swap"
rel="stylesheet">
<link href="https://fonts.googleapis.com/css2?family=Clicker+Script&display=swap" rel="stylesheet">
</head>
<body>
<section class="home-sec">
<div>
<h1>Help Hunger Disappear. <br>Share Food, Save Life.</h1>
<p id="home-para">Under this program hundreds of street dwelling children, beggars, elderly people and
physically and mentally<br>
challenged people hanging around streets or stations get their fundamental need of regular meals.</p>
<div class="button">
<a href="#" target="_blank" class="cta-button">DONATE NOW</a>
</div>
</div>
</section>
<section class="donation-sec">
<div id="donation-sec">
<h2>Donate for Hunger</h2>
<p id="home-para">You can donate to the hungry according to your ability. If you want, you can also help us
with your zakat
money.</p>
<div class="donation-amount">
<div>
<h4 class="fix-amount">50৳</h4>
</div>
<div>
<h4 class="fix-amount" id="selected-amount">100৳</h4>
</div>
<div>
<h4 class="fix-amount">200৳</h4>
</div>
<div>
<h4 class="fix-amount">500৳</h4>
</div>
<div>
<h4 class="fix-amount">1000৳</h4>
</div>
</div>
<div class="custom-amount">
<input type="number" placeholder="Custom Amount" class="amount-input">
<a href="#" target="_blank" class="cta-button">DONATE NOW</a>
</div>
</div>
</section>
<section>
<div>
<h2>Our Donate Plan</h2>
<p id="home-para">Under this program hundreds of street dwelling children, beggars, elderly people and
physically and
mentally<br>
challenged people hanging around streets or stations get their fundamental need of regular meals.</p>
<div class="donate-plan">
<div class="donate-plan-type food-for-a-family">
<img src="icons/shelter.png" alt="">
<h3>Food for a Family</h3>
<p>The project will provide highly nutritious meals which will include delicacies that bangladeshi
family enjoy. At least this will give happiness to the children and their family and improve
their health and nutrition. Aside from directly providing them with food, the project will also
train the mothers how to grow their own food in the backyard and we will provide vegetable seeds
in the process.</p>
</div>
<div class="donate-plan-type">
<img src="icons/food.png" alt="">
<h3>Food for Orphan Children</h3>
<p>Overall health of all the children is good. Children have nutritious & tasty food prepared in
clean kitchen and the same is monitored regularly by Social Worker. Children are provided
Breakfast, Lunch, Evening Tiffin and Dinner as per Schedule. A balanced diet of Roti, Rice, Dal,
Vegetables, Papad is served to children including soyabean. </p>
</div>
<div class="donate-plan-type">
<img src="icons/food.png" alt="">
<h3>Food for a Street Child</h3>
<p> Children have nutritious & tasty food prepared in
clean kitchen and the same is monitored regularly by Social Worker. Children are provided
Breakfast, Lunch, Evening Tiffin and Dinner as per Schedule. A balanced diet of Roti, Rice, Dal,
Vegetables, Papad is served to children including soyabean. </p>
</div>
</div>
</div>
</section>
<section class="donation-process">
<div>
<div class="first-sec">
<div class="donate-process">
<h3>No More Hunger</h3>
<p>To disaappear hunger from world we need your help. <br>Your small amount of donation can make someone's
life better.</p>
<div class="how-to-donate">
<a href="#" class="cta-button">How to Donate</a>
</div>
</div>
<div>
<img src="images/share-food2.jpg" alt="" class="banner-img">
</div>
</div>
<div>
<div class="second-sec">
<div>
<img src="images/donation13.jpg" alt="" class="banner-img">
</div>
<div class="donate-process">
<h3>Their lives depend<br> on your donation</h3>
<p>To disaappear hunger from world we need your help. <br>Your small amount of donation can make someone's
life better.</p>
<div class="how-to-donate">
<a href="#" class="cta-button">How to Donate</a>
</div>
</div>
</div>
</div>
</div>
</section>
<section class="get-in-touch">
<div>
<h2>Get In Touch</h2>
<p id="home-para">Under this program hundreds of street dwelling<br> children, beggars, elderly people and
physically and
mentally.
</div>
<div class="newsletterBx">
<input type="email" placeholder="[email protected]" class="mail"><a href="#" class="sub-button">Subscribe</a>
</div>
</section>
</body>
<footer>
Made with 💙 by <span>Shahriar</span>.
</footer>
</html>