-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
134 lines (98 loc) · 4.95 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
<!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>Be Humble</title>
<link rel="stylesheet" href="styles/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=Open+Sans:ital@0;1&display=swap" rel="stylesheet">
</head>
<body>
<header class="donate-area">
<img src="images/donation5.jpg" alt="bg" class="imgsrx">
<div class="text">
<h1 class="header-title">Let’s Help <span> Those Who </span> <br> Are More <span> In Need </span></h1>
<p class="p-description">Lorem ipsum dolor sit amet, usu cu esse possit referrentur, at eam falli <br> deterruisset. No duo populo animal noluisse, enim</p>
<button class="primary-btn">Donate Now</button>
</div>
</header>
<div class="donate-today">
<h3 class="donate-title">Donate Today</h3>
<p class="p-description1">Lorem ipsum dolor sit amet, usu cu esse possit referrentur, at eam falli <br> deterruisset. No duo populo animal noluisse, enim</p>
</div>
<div class="btn-amount">
<button class="tkbtn">100TK</button>
<button class="tkbtn">200TK</button>
<button class="tkbtn">500TK</button>
<button class="tkbtn">5000TK</button>
</div>
<div class="input-amount">
<input type="text" placeholder="Other Amount (Taka)" class="amount">
</div>
<div class="donate-now">
<button class="primary-btn">Donate Now</button>
</div>
<div class="donate-today">
<h3 class="donate-title">Our Donate Plan</h3>
<p class="p-description1">Lorem ipsum dolor sit amet, usu cu esse possit referrentur, at eam falli <br> deterruisset. No duo populo animal noluisse, enim</p>
</div>
<div class="service-container">
<div class="food">
<img src="icons/food.png" alt="" class="4321">
<h3 class="skill-title">Food for a family</h3>
<p class="skill-descripiton">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
</div>
<div class="family">
<img src="icons/shelter.png" alt="">
<h3 class="skill-title">Shelter for a family</h3>
<p class="skill-descripiton">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
</div>
<div class="education">
<img src="icons/Frame-1.png" alt="">
<h3 class="skill-title">Education for a child</h3>
<p class="skill-descripiton">Amet minim mollit non deserunt ullamco est sit aliqua dolor do amet sint. Velit officia consequat duis enim velit mollit.</p>
</div>
</div>
<div class="contribute-section-1">
<div class="left-box">
<h3 class="donation-title">Their lives depend on <br> your donation</h3>
<p class="p-description2">Lorem ipsum dolor sit amet, usu cu esse possit <br> referrentur, at eam falli deterruisset. No duo <br> populo animal noluisse, enim Lorem ipsum <br> dolor sit amet, usu cu esse possit <br> referrentur, at eam falli deterruisset.</p>
<button class="primary-btn">How to Contribute?</button>
</div>
<div class="right-box">
<img src="images/donation6.jpg" alt="" class="donation-6">
</div>
</div>
<div class="contribute-section-3">
<div class="left-box">
<img src="images/donation9.jpg" alt="" class="donation-6">
</div>
<div class="right-box2">
<h3 class="donation-title">They need us to suvive</h3>
<p class="p-description3">Lorem ipsum dolor sit amet, usu cu esse possit <br> referrentur, at eam falli deterruisset. No duo <br> populo animal noluisse, enim Lorem ipsum <br> dolor sit amet, usu cu esse possit <br> referrentur, at eam falli deterruisset.</p>
<button class="primary-btn">How to Contribute?</button>
</div>
</div>
<div class="donate-today">
<h3 class="donate-title">Get My Updates</h3>
<p class="p-description1">Lorem ipsum dolor sit amet, usu cu esse possit referrentur, at eam falli <br> deterruisset. No duo populo animal noluisse, enim</p>
</div>
<section class="center">
<div class="search-area">
<div class="gos">
<input type="email" class="search" placeholder="Email">
<button class="primary-btn">Subscribe</button>
</div>
</div>
</section>
<footer class="bg-black">
<div class="center2">
<div class="footer-title">
<h2 class="donation-title">Be Humble</h2>
</div>
<p class="last">I’m gonna do it</p>
</div>
</footer>
</body>
</html>