-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
113 lines (110 loc) · 5.24 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
<!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>Smile Foundation</title>
<link rel="icon" href="images/favicon.ico" 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=Mochiy+Pop+One&family=Source+Code+Pro:ital,wght@0,400;0,600;0,700;0,800;0,900;1,400;1,600;1,800;1,900&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="style.css">
</head>
<body>
<section class="top-part">
<img src="images/children.jpg" alt="Picture of children">
<div class="elem">
<h1>Let’s Help Those </h1>
<h1>Who Are
In Need</h1>
<p>
Help those who are<span> less fortunate</span> than you. Without your<span> help</span> they can't
<span> survive</span> through <span>tough</span> times. So, <span>donate</span> whatever amount you can
and be blessed.
</p><br>
<a class="btn" target="_blank" href="https://www.google.com">Donate Now</a>
</div>
</section>
<section class="donate-today">
<h1 class="paratext">Donate Today</h1>
<p class="paratext">Money is not the only commodity that is fun to give. We can give time, we can give our expertise, we can give our love, or simply give a smile. What does that cost? The point is, none of us can ever run out of something worthwhile to give</p><br><br>
<h2 id="first-h2">100tk</h2>
<h2>200tk</h2>
<h2 id="selected-h2">500tk</h2>
<h2>1000tk</h2>
<h2 id="last-h2">5000tk</h2>
<br><br><br><br>
<input type="text" placeholder="Other Amount(Taka)" name="otheramount" id="otramnt">
<br><hr width="50%"><br>
<a class="btn" target="_blank" href="https://www.google.com">Donate Now</a>
</section><br><br><br><br>
<section class="donation-plan">
<h1 class="paratext">Our Donation Plan</h1>
<p class="paratext">
These plans help you undertand which method of donation will be best for you and for people in need. If you want to add another donation plan,
please let us know. Thank you for your support.
</p>
<div class="plan">
<div class="first">
<img src="icons/food.png" alt="Food icon">
<h4>Food for a family</h4>
<small>Amet minim mollit non deserunt
ullamco est sit aliqua dolor do amet
sint. Velit officia consequat duis enim
velit mollit.</small>
</div>
<div class="second">
<img src="icons/shelter.png" alt="Family icon">
<h4>Shelter for a family</h4>
<small>Amet minim mollit non deserunt
ullamco est sit aliqua dolor do amet
sint. Velit officia consequat duis enim
velit mollit.</small>
</div>
<div class="third">
<img src="icons/Frame-1.png" alt="Notebook icon">
<h4>Education for a child</h4>
<small>Amet minim mollit non deserunt
ullamco est sit aliqua dolor do amet
sint. Velit officia consequat duis enim
velit mollit.</small>
</div>
</div>
</section><br><br>
<section class="projects">
<h1 class="paratext">Our Stories</h1>
<p class="paratext">
Our stories paint a picture of the amazing work Save less fortunates around the world and explore some of the biggest issues facing today.
</p>
<div class="top-stories storyimg">
<img src="images/food.jpg" alt="Giving food to people">
<img src="images/test2.jpg"alt="Giving food to flood effected people">
</div>
<div class="bottom-stories storyimg">
<img src="images/kids2.jpg" alt="Picture of kids with medals">
<img src="images/shelter2.jpg" alt="Picture people after building house">
</div><br><br>
<a class="btn" target="_blank" href="https://www.google.com">See More</a>
</section><br><br>
<section class="update">
<h1 class="paratext">Get Updates</h1>
<p class="paratext">Subscribe to our newsletter to know about our projects and their stories</p>
<div class="sub">
<input type="email"placeholder="Email">
<a class="btn" target="_blank" href="https://www.google.com">Subscribe</a>
</div>
<!-- <input type="submit" name="" id=""> -->
</section>
<footer>
<h1 style="padding-top: 30px;" class="paratext">Join US</h1>
<p style="color:white"class="paratext">Always give without remembering and always receive without forgetting.</p>
<p style="color:white" class="paratext">
We make a living by what we get. We make a life by what we give
</p>
<small style="margin-left:320px ;" class="paratext">©Amanat </small>
</footer>
</body>
</html>