forked from faniimokun/nairocare.com
-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
246 lines (213 loc) · 10.4 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
147
148
149
150
151
152
153
154
155
156
157
158
159
160
161
162
163
164
165
166
167
168
169
170
171
172
173
174
175
176
177
178
179
180
181
182
183
184
185
186
187
188
189
190
191
192
193
194
195
196
197
198
199
200
201
202
203
204
205
206
207
208
209
210
211
212
213
214
215
216
217
218
219
220
221
222
223
224
225
226
227
228
229
230
231
232
233
234
235
236
237
238
239
240
241
242
243
244
245
246
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>Nairocare | Home</title>
<link rel="stylesheet" href="https://cdn.materialdesignicons.com/4.2.95/css/materialdesignicons.min.css">
<link rel='shortcut icon'
href='https://res.cloudinary.com/laviedegeorge/image/upload/v1567198184/startng/nairo_images/nairocare-main-trans_szcp2z.png'
type='image/x-icon' />
<link
href="https://fonts.googleapis.com/css?family=Fira+Sans|Montserrat|Playfair+Display|Raleway|Roboto&display=swap"
rel="stylesheet">
<link rel="stylesheet" href="css/style.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body>
<!-- NOTE: IF YOU WANT TO ADD ANY CONTRIBUTION PLEASE MAKE SURE IT IS WITHIN THE COMMENTS SO THAT WE CAN KEEP TRACK OF THE CHANGES MADE -->
<!-- Home page code starts here -->
<div class="first-section">
<header>
<nav>
<img src="https://res.cloudinary.com/laviedegeorge/image/upload/v1567198184/startng/nairo_images/nairocare-main-trans_szcp2z.png"
alt="Nairocare-logo" width="100px" height="100px">
<div class="mobile">
<ul id="nav-items">
<center><a href="javascript:void(0);" class="icon" onclick="displayNavItems()">
<i class="fa fa-times"></i>
</center>
</a>
<li><a href="index.html" id="active">Home</a></li>
<li><a href="html/ledger.html">Ledger</a></li>
<li><a href="html/volunteer.html">Get Involved</a></li>
<li><a href="html/about-us.html">About Us</a></li>
<li><a href="html/team.html">The Team</a></li>
<li><a href="html/talk-to-us.html">Talk To Us</a></li>
</ul>
</div>
<a href="javascript:void(0);" class="icon" onclick="displayNavItems()">
<i class="fa fa-bars"></i>
</a>
</nav>
</header>
<!-- <br><br><br><br><br><br> -->
<section>
<div class="first-div">
<h1>We make Nonprofit <br>Fundraising Easier</h1><br>
<p>Make the world a better place<br>by creating a sense of belonging<br>in the minds of the
internally displaced<br>Stretch forth a helping hand.<br>
</p>
<p>You are only as good<br> as
the
good you do
</p> <br>
<button class="donate-btn"><a href="index.html#kc_dontate">Donate Now</a></button>
<button class="get-involved-btn"><a href="html/volunteer.html">Get Involved</a></button>
</div>
</section>
</div>
<!-- Home page ends code here -->
<!-- Get involved code starts here -->
<div class="get-involved" id="get-involved">
<div class="background">
<div class="img_div">
<img
src="https://res.cloudinary.com/modupe/image/upload/v1567156677/Nairocare/2915A05C-982F-4C79-8862-7466A4E1FD96_gpugmw.jpg" />
</div>
<div class="head">
<p class="top">Welcome to our</p>
<hr class="under">
<p class="below">Charity</p>
<hr class="under2">
<p class="word">Do you know that as at May 2019, there are 1,980,036 identified internally displaced
persons in Nigeria with 80% of them originating from the Northern part of the country? Most of these
displacements have been as a result of the Boko Haram insurgency, insecurity issues like kidnappings
and killings by the Fulani herdsmen, and other disasters like flood all around Nigeria.
There are numbers of IDP camps around the country including the Borno Teachers’ Village camp, Borno
Bakassi camp, Muhammed Goni international stadium and many others in Abuja, Lagos, and the Eastern
part of the country. Despite the challenges in acquiring complete displacement data, the
Displacement Tracking Matrix recorded over 500,000 new IDPs in 2018 and as of August 2019 alone,
there are 6800 new displacements leading to an inadequate supply of basic needs for the occupants.
</p>
<p class="word">Despite the various contributions and inputs from the Nigerian government to shelter and
reintegrate IDPs, a large void remains; Many in Abuja and Borno states have to depend on the limited
humanitarian assistance to meet their basic food, health, shelter and security needs.
Around 1.4 million IDPs were in need of health assistance as of the beginning of 2019, and a similar
number needed shelter support. Every day, these people have to face food shortage, epidemic disease
outbreak and traumatic experiences including sexual violence. The state of our IDP camps calls for a
human rights emergency. It is up to us all, to push forward for a positive change.
</p>
</p> <a href="">
<button class="click"><a href="html/volunteer.html">Get Involved</a></button>
</a>
</div>
</div>
</div>
<!-- Get involved code ends here -->
<!-- Our Ledger code starts here -->
<div class="our ledger" id="our ledger">
</div>
<!-- Our Ledger code ends here-->
<!-- Talk to us code starts here -->
<div class="talk-to-us" id="talk-to-us">
</div>
<!-- Talk to us code ends here -->
<!-- more information starts here -->
<section class="kc_info">
<p class="write_up">
NairoCare is passionate about improving the living conditions of these internally displaced persons
across Nigeria.
With your contributions and donations, we can provide a better living condition for those who need our help.
</p>
<div class="num_donors">
<div class="kc_num-helped center">
<img src="https://res.cloudinary.com/laviedegeorge/image/upload/v1567198183/startng/nairo_images/multiple-users-silhouette_ctyqkz.png"
alt="">
<p class="num">100 <br> <span>People helped</span> </p>
</div>
<div class="donors center">
<img src="https://res.cloudinary.com/laviedegeorge/image/upload/v1567198184/startng/nairo_images/team_2_dzvjzj.png"
alt="">
<p class="num">100 <br><span> Donors</span></p>
</div>
</div>
</div>
</section>
<!-- more information ends here -->
<!-- donate starts here -->
<section class="kc_donate" id="kc_dontate" style="background-color: #000">
<div class="kc_donate-cont">
<p id="pay" class="do">Donate</p>
<hr class="under2">
<p class="write_up">
<h3>Make the world a better place<br>by creating a sense of belonging<br>in the minds of the
internally displaced<br>Stretch forth a helping hand.<br>
</h3>
<h3>You are only as good<br> as
the
good you do
</h3>
</div>
<form action="#" method="post">
<label for="fullName" class="b">Full Name:</label>
<input type="text" class="input" id="fullName" required>
<label for="email" class="b">Email:</label>
<input type="email" class="input" name="email" id="email" required>
<div class="amount">
<p>Choose your donation amount:</p>
<input id="amount" name="amount" type="radio" value="1000">N1000 <br>
<input id="amount" name="amount" type="radio" value="10000">N10000 <br>
<input id="amount" name="amount" type="radio" value="100000">N100000 <br>
</div>
<div class="other-amt">
<label for="otherAmt" class="b">Other Amount</label>
<input type="text" id="otherAmt" class="input">
</div>
<div class="btn_secure">
<button id="submit" type="button" class="btn">Donate</button>
<div class="secure">
<p>secured by <span>rave</span></p>
<img src="https://res.cloudinary.com/laviedegeorge/image/upload/v1567288328/startng/nairo_images/Rave_Master_Visa_Verve_vh6gw8.png"
alt="">
</div>
</div>
</form>
</section>
<!-- donate ends here -->
<footer>
<div class="footer_cont">
<p>Get the lastest news about our upcoming events</p>
<hr>
<div class="sub_cont">
<input type="email" name="subcribe" id="subcribe">
<button type="submit">subscribe</button>
</div>
<hr>
<div class="socials">
<i class="mdi mdi-facebook"></i>
<i class="mdi mdi-twitter"></i>
<i class="mdi mdi-instagram"></i>
<i class="mdi mdi-github"></i>
<i class="mdi mdi-youtube"></i>
</div>
<div class="legal">
<ul>
<li>Privacy Policy</li>
<li>Terms and Conditions</li>
<li>Legal</li>
</ul>
</div>
</div>
</footer>
</body>
<!--
Javascript API goes here
-->
<script type="text/javascript" src="https://api.ravepay.co/flwv3-pug/getpaidx/api/flwpbf-inline.js"></script>
<script type="text/javascript" src="./js/api.js"></script>
<!--
Javascript API ENDS here
-->
<script type="text/javascript">
function displayNavItems() {
var navToggle = document.getElementById("nav-items");
if (navToggle.style.display === "block") {
navToggle.style.display = "none";
} else {
navToggle.style.display = "block";
}
};
</script>
</html>