-
Notifications
You must be signed in to change notification settings - Fork 0
Expand file tree
/
Copy pathindex.html
More file actions
144 lines (143 loc) · 6.72 KB
/
index.html
File metadata and controls
144 lines (143 loc) · 6.72 KB
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
<!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>Charity HTML Template</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:ital,wght@0,400;0,600;1,400&display=swap" rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<div class="header-area">
<div class="section text-center">
<h1 class="section-title">Give a little. Change a lot.</h1>
<p class="section-desc">Help today because tomorrow you may be the one who needs helping!
Forget what you can get and see what you can give.</p>
<div class="my-button"><a href="#" class="donate-btn">Donate Now</a></div>
</div>
</div>
<div class="donate-amount">
<div class="section text-center">
<h1 class="section-title">Donate Today </h1>
<p class="section-desc">Help today because tomorrow you may be the one who needs helping!
Forget what you can get and see what you can give.</p>
<div class="amount-box">
<div class="amount-item">
<h3>100tk</h3>
</div>
<div class="amount-item">
<h3>300k</h3>
</div>
<div class="amount-item">
<h3>500tk</h3>
</div>
<div class="amount-item">
<h3>700tk</h3>
</div>
<div class="amount-item">
<h3>1000tk</h3>
</div>
</div>
<div class="other-amount">
<form action="">
<input type="text" name="other_amount" class="other-amount" placeholder="Other Amount (Taka)">
</form>
</div>
<a href="#" class="amount-submit-btn">Donate Now</a>
</div>
</div>
<div class="donate-plan">
<div class="section text-center">
<h1 class="section-title">Our Donate Plan</h1>
<p class="section-desc">The secret to happiness lies in helping others. Never underestimate the difference YOU can make in the lives of the poor, the abused and the helpless.</p>
<div class="info-box-area">
<div class="info-box info-box-1">
<img src="images/food.png" alt="Food for a family">
<h2>Food for a family</h2>
<p>Amet minim mollit non deserunt
ullamco est sit aliqua dolor do amet
sint. Velit officia consequat duis enim
velit mollit.</p>
</div>
<div class="info-box info-box-2">
<img src="images/shelter.png" alt="Shelter for a family">
<h2>Shelter for a family</h2>
<p>Amet minim mollit non deserunt
ullamco est sit aliqua dolor do amet
sint. Velit officia consequat duis enim
velit mollit.</p>
</div>
<div class="info-box info-box-3">
<img src="images/Frame-1.png" alt="Education for a child">
<h2>Education for a child</h2>
<p>Amet minim mollit non deserunt
ullamco est sit aliqua dolor do amet
sint. Velit officia consequat duis enim
velit mollit.</p>
</div>
</div>
</div>
</div>
<div class="our-team">
<div class="section text-center">
<h1 class="section-title">Meet Our Voluteer</h1>
<p class="section-desc">Creepeth called face upon face yielding midst is after moveth</p>
<div class="team-member">
<div class="member-info">
<img src="images/Adam.webp" alt="" class="member-img">
<h3 class="member-name">Alea Mirslava</h3>
<h4 class="designation">CEO</h4>
<p class="member-short-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore, non.</p>
</div>
<div class="member-info">
<img src="images/Alea.webp" alt="" class="member-img">
<h3 class="member-name">Royce S. Vasquez</h3>
<h4 class="designation">Manager</h4>
<p class="member-short-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore, non.</p>
</div>
<div class="member-info">
<img src="images/Jon.webp" alt="" class="member-img">
<h3 class="member-name">Michael T. Andersen</h3>
<h4 class="designation">Manager</h4>
<p class="member-short-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore, non.</p>
</div>
<div class="member-info">
<img src="images/Mon.webp" alt="" class="member-img">
<h3 class="member-name">Frank M. Harvey</h3>
<h4 class="designation">Voluteer</h4>
<p class="member-short-desc">Lorem ipsum dolor sit amet consectetur adipisicing elit. Dolore, non.</p>
</div>
</div>
</div>
</div>
<div class="be-volunteer">
<div class="section text-center">
<h1 class="section-title">Become a volunteer</h1>
<p class="section-desc">So seed seed green that winged cattle in. Gathering thing made fly you're divided deep leave on the medicene moved us land years living.</p>
<a href="#" class="join-btn">Join With Us</a>
</div>
</div>
<div class="news-letter">
<div class="section text-center">
<h1 class="section-title">Get My Updates</h1>
<p class="section-desc">Help today because tomorrow you may be the one who needs helping!
Forget what you can get and see what you can give.</p>
<div class="email-box">
<form action="">
<input type="email" name="email" placeholder="Email" id=""><input type="submit" value="Subscribe">
</form>
</div>
</div>
</div>
<div class="footer-area">
<div class="section footer-info text-center">
<h3>Be Humble</h3>
<p>I’m gonna do it
</p>
</div>
</div>
</body>
</html>