-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
80 lines (77 loc) · 3.07 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
<!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="preconnect" href="https://fonts.googleapis.com">
<link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
<link href="https://fonts.googleapis.com/css2?family=Poppins&family=Roboto:ital@1&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="bg-image">
<div class="help">
<h1>
Let's Help Flood Affected People
</h1>
<h1>
In Shylhet
</h1>
<p class="paragraph">Those who have been empowered by Allah Subhanatayala,</p>
<p class="paragraph">must come forward with the help of the flood affected people of Sylhet</p>
<a target="_blank" class="donate-know" href="https://youtu.be/uTff3jx9st4">Donate Know</a>
</div>
</section>
<section id="section-two" class="section-two">
<h1>Donate Today</h1>
<p class="para2">To help flood victims Send help now. As much as you can afford.</p>
<p class="para2">This is very much needed by the people of Sylhet now</p>
<div class="flex-containar">
<div class="div1">$10</div>
<div class="div2">$15</div>
<div class="div3">$20</div>
<div class="div4">$50</div>
<div class="div5">$100</div>
</div>
<p class="dolar"> Other Amount (Dolar)</p>
<p class="amount-udl">_________________________________</p>
<a class="donate-know" href="https://github.com/gias-uddin-swe/Gym-practice-project/blob/main/index.html">Donate Know</a>
</section>
<section class="section-two">
<div class="donate-plan">
<h1>Our Donate Plan</h1>
<p>You can donate in three category this are food for family,</p>
<p>sheeltar for homelesh and education for child</p>
</div>
<div class="flex-area">
<div class="div1">
<img class="img" src="./icons/food.png" alt="">
<p class="sec3-para">particularly this time the Shylhety people facing finalcial crisis. so, the can not provide thir family breed and butter.so, you can donate for thir food.</p>
</div>
<div class="div22">
<img class="img" src="./icons/shelter.png" alt="">
<p class="sec3-para">You can simply donate for a child education expences. so, they can continue their stydy.</p>
</div>
<div class="div3">
<img class="img" src="./icons/Frame-1.png" alt="">
<p class="sec3-para">Because so many people lost their home and land.so, you can donate for their sheeltar.</p>
</div>
</div>
</section>
<section class="sec3">
<div>
<h1>Get our update</h1>
<p>For any quary you can send us email and also subscribe us for notifition</p>
<div class="contacs">
<input class="email" type="Email">
<button class="subscribe">subscribe</button>
</div>
</div>
</section>
<section class="footer-area">
<img src="./images/7.png" alt="">
</section>
</body>
</html>