-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
336 lines (333 loc) · 13.5 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
247
248
249
250
251
252
253
254
255
256
257
258
259
260
261
262
263
264
265
266
267
268
269
270
271
272
273
274
275
276
277
278
279
280
281
282
283
284
285
286
287
288
289
290
291
292
293
294
295
296
297
298
299
300
301
302
303
304
305
306
307
308
309
310
311
312
313
314
315
316
317
318
319
320
321
322
323
324
325
326
327
328
329
330
331
332
333
334
335
336
<!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, maximum-scale=1, user-scalable=0"
/>
<meta
name="description"
content="Inmyname.org harnesses the power and identity vested in individuals names to foster birthday or/and anniversary gift and giving in a very unique manner. We make it possible for an individual or entity to give to others on behalf of someone else who may be unsuspecting. For instance, on a birthday, gifts can be sent to a poor/less fortunate child or children who share the same birth date with a loved one, in the name of the loved one. "
/>
<link rel="icon" sizes="192x192" href="assets/favHighRes.png" />
<link rel="shortcut icon" href="assets/fav.png" type="image/x-icon" />
<!-- Chrome, Firefox OS and Opera -->
<meta name="theme-color" content="#E9551A" />
<!-- Windows Phone -->
<meta name="msapplication-navbutton-color" content="#E9551A" />
<!-- iOS Safari -->
<meta name="apple-mobile-web-app-status-bar-style" content="#E9551A" />
<link rel="stylesheet" href="css/global.css" />
<link rel="stylesheet" href="css/index/index.css" />
<link rel="stylesheet" href="css/nav.css" />
<link rel="stylesheet" href="css/animate.css" />
<link rel="stylesheet" href="css/form.css" />
<link rel="stylesheet" href="css/aos.css" />
<title>In My Name: Share your Legacy</title>
</head>
<body>
<div class="nav">
<div class="innerNav">
<img src="assets/logo.png" alt="" class="logo" />
<div class="menu">
<div class="line1"></div>
<div class="line2"></div>
<div class="line3"></div>
</div>
<div class="navigation">
<ul class="navlinks">
<li><a href="" class="menulinks">Home</a></li>
<li><a href="" class="menulinks">About Us</a></li>
<li><a href="" class="menulinks">Volunteer</a></li>
<li><a href="" class="menulinks">Donor Registration</a></li>
<li><a href="" class="menulinks">Register a Child</a></li>
<li><a href="" class="menulinks">Login</a></li>
<li><a href="" class="menulinks">Contact Us</a></li>
</ul>
</div>
</div>
</div>
<div class="spacer"></div>
<section>
<div class="hero"></div>
</section>
<section id="two">
<div class="box"></div>
<div class="box box2" data-aos="fade-left">
<p>What’s in a name?</p>
<p>
We are also mostly proud of our birthdays, spending millions of
dollars annually buying gifts and otherwise celebrating this special
day for ourselves or loved ones. The Happy Birthday song is one of the
most recognized, memorized, and repeated unaltered songs in the world
for a reason. Still, most adults admit to not necessarily needing any
of the gifts thoughtfully given on their birthdays. Another pair of
socks or tie, really?
</p>
<p>
Inmyname.org harnesses the power and identity vested in individuals’
names to foster birthday or/and anniversary gift and giving in a very
unique manner. We make it possible for an individual or entity to give
to others on behalf of someone else who may be unsuspecting. For
instance, on a birthday, gifts can be sent to a poor/less fortunate
child or children who share the same birth date with a loved one, in
the name of the loved one.
</p>
</div>
</section>
<section id="sec3">
<div class="container">
<div class="cardholder">
<div class="card" data-aos="fade-up">
<img src="assets/reg.png" alt="" />
<h2 class="cardheader">Register</h2>
<p>
Register on our app or website to get started. Its quick and easy
</p>
</div>
<div class="card" data-aos="fade-down">
<img src="assets/search1.png" alt="" />
<h2 class="cardheader">Search</h2>
<p>
Search our database for a child you want to help on your loved
ones birthday
</p>
</div>
<div class="card" data-aos="fade-up">
<img src="assets/donate.png" alt="" />
<h2 class="cardheader">Make Donation</h2>
<p>
Visit the child's profile page and make a donation in your loved
ones name
</p>
</div>
<div class="card" data-aos="fade-down">
<img src="assets/vid.jpg" alt="" style="border-radius: 50%" />
<h2 class="cardheader">Gratitude Video</h2>
<p>
You and your loved one will receive a video from the child showing
their gratitude
</p>
</div>
</div>
</div>
</section>
<section id="gallery" class="aurora-outer">
<div class="container" class="aurora-inner">
<div class="scardcontainer">
<div class="scards card-tall card-wide" data-aos="fade-right">
<img src="assets/solar.webp" alt="" class="project" />
<h2 class="cardheader">Current Projects</h2>
<p>
Our foundation has various projects around the world currently. We
are working on providing solar energy to kids in Africa, clean
water to kids in Asia, education kids in Couth and Central America
and more.
</p>
<a href="" class="btn">Find Out More</a>
</div>
<div class="scards ss" data-aos="fade-left">
<div class="child1"><img src="assets/thumb/th1.png" alt="" /></div>
<div class="content">
<h2>Dung Duy</h2>
<p>
Dung Duy is originally from Vietnam and is the last of 7
children. He has dreams of becoming a doctor so he can help take
care of hos family someday
</p>
<a href="" class="btn mt">Find Out More</a>
</div>
</div>
<div class="scards ss" data-aos="fade-up">
<div class="child2"><img src="assets/thumb/th2.png" alt="" /></div>
<div class="content">
<h2>Femi Makinwa</h2>
<p>
Femi is from Ondo State Nigeria, the first born in a family of
4. He loves to thinker around with gadgets and enjoys working in
his dads automobile shop.
</p>
<a href="" class="btn mt">Find Out More</a>
</div>
</div>
<div class="scards ss" data-aos="fade-down">
<div class="child3"><img src="assets/thumb/th3.png" alt="" /></div>
<div class="content">
<h2>Maria Rodrigez</h2>
<p>
Maria is the last born in a family of ten children. She is
originally from Cancun Mexico and has always had dreams of one
day becoming a teacher
</p>
<a href="" class="btn mt">Find Out More</a>
</div>
</div>
<div class="scards last ss" data-aos="fade-right">
<div class="child4"><img src="assets/thumb/th4.png" alt="" /></div>
<div class="content">
<h2>Funmi Delewa</h2>
<p>
Funmi is from Lagos Nigeria. She is an orphan and lost both
parents at the age of 4. She currently lives with an aunt who
struggles really hard to educate her.
</p>
<a href="" class="btn mt">Find Out More</a>
</div>
</div>
</div>
</div>
</section>
<section id="five">
<div class="box"></div>
<div class="box box2" data-aos="fade-down">
<h2>Register</h2>
<form action="">
<input
type="text"
class="txtinput"
id="firstname"
placeholder="First Name"
required
/>
<input
type="text"
class="txtinput"
id="lastname"
placeholder="Last Name"
required
/>
<input
type="email"
class="txtinput"
id="email"
placeholder="Email Address"
required
/>
<input
type="tel"
class="txtinput"
id="telephone"
placeholder="Phone Number"
required
/>
<input
type="password"
class="txtinput"
id="password"
placeholder="Password"
required
/>
<input
type="password"
class="txtinput"
id="conpassword"
placeholder="Confirm Password"
required
/>
<input type="submit" value="Register" class="btn" />
</form>
</div>
</section>
<section id="six">
<div class="base one"></div>
<div class="base two"></div>
<div class="base three"></div>
<div class="box box2" data-aos="fade-right">
<h2>Subscribe for our Newsletter</h2>
<form action="">
<input
type="email"
class="txtinput"
id="email"
placeholder="Email Address"
required
/>
<input type="submit" value="Subscribe" class="btn" />
</form>
</div>
<div class="box"></div>
</section>
<section id="seven">
<div class="fcontainer">
<div class="fcardholder">
<div class="fcard flogo">
<img src="assets/logo.png" alt="" data-aos="fade-left" />
</div>
<div class="fcard" data-aos="fade-up">
<h2>About</h2>
<ul class="fnav">
<li><a href="">About Us</a></li>
<li><a href="">Our Directors</a></li>
<li><a href="">Our Mission</a></li>
<li><a href="">Our Vision</a></li>
</ul>
<h2>Contact Us</h2>
<ul class="fnav">
<li><a href="tel:">Telephone</a></li>
<li>
<a href="mailto:[email protected]">[email protected]</a>
</li>
<li><a href="">Send a message</a></li>
</ul>
</div>
<div class="fcard" data-aos="fade-down">
<h2>Legal</h2>
<ul class="fnav">
<li><a href="">Terms of Use</a></li>
<li><a href="">Privacy Policy</a></li>
</ul>
</div>
<div class="fcard" data-aos="fade-right">
<h2>Projects</h2>
<ul class="fnav">
<li><a href="">Green Energy for Africa </a></li>
<li><a href="">Secondary School Project Brazil</a></li>
<li><a href="">Computer training School in India</a></li>
</ul>
</div>
<div class="fcard" data-aos="fade-left">
<h2>Employment</h2>
<ul class="fnav">
<li><a href="">Apply for Employment</a></li>
<li><a href="">Apply to be a team Volunteer</a></li>
<li><a href="">Work Condition & work place philosophy</a></li>
</ul>
</div>
<div class="fcard">
<h2>Join Us</h2>
<ul class="fnav">
<li><a href="">Login</a></li>
<li><a href="">Register as a donor</a></li>
<li><a href="">Apply for a child to join the program</a></li>
</ul>
</div>
</div>
</div>
</section>
<script src="js/aos.js"></script>
<script>
AOS.init({
// Global settings:
disable: false, // accepts following values: 'phone', 'tablet', 'mobile', boolean, expression or function
startEvent: "DOMContentLoaded", // name of the event dispatched on the document, that AOS should initialize on
initClassName: "aos-init", // class applied after initialization
animatedClassName: "aos-animate", // class applied on animation
useClassNames: false, // if true, will add content of `data-aos` as classes on scroll
disableMutationObserver: false, // disables automatic mutations' detections (advanced)
debounceDelay: 50, // the delay on debounce used while resizing window (advanced)
throttleDelay: 99, // the delay on throttle used while scrolling the page (advanced)
// Settings that can be overridden on per-element basis, by `data-aos-*` attributes:
offset: 120, // offset (in px) from the original trigger point
delay: 0, // values from 0 to 3000, with step 50ms
duration: 1200, // values from 0 to 3000, with step 50ms
easing: "ease", // default easing for AOS animations
once: false, // whether animation should happen only once - while scrolling down
mirror: true, // whether elements should animate out while scrolling past them
anchorPlacement: "top-bottom", // defines which position of the element regarding to window should trigger the animation
});
</script>
<script src="js/nav.js"></script>
</body>
</html>