-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
423 lines (362 loc) · 17.8 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
337
338
339
340
341
342
343
344
345
346
347
348
349
350
351
352
353
354
355
356
357
358
359
360
361
362
363
364
365
366
367
368
369
370
371
372
373
374
375
376
377
378
379
380
381
382
383
384
385
386
387
388
389
390
391
392
393
394
395
396
397
398
399
400
401
402
403
404
405
406
407
408
409
410
411
412
413
414
415
416
417
418
419
420
421
422
423
<!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">
<title>MonoPay</title>
<!--boostrap-link-->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/css/bootstrap.min.css" rel="stylesheet" integrity="sha384-rbsA2VBKQhggwzxH7pPCaAqO46MgnOM80zW1RWuH61DGLwZJEdK2Kadq2F9CUG65" crossorigin="anonymous">
<!--css-link-->
<link rel="stylesheet" href="css/styles.css">
<!--fonts-link-->
<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=Oleo+Script+Swash+Caps&display=swap" rel="stylesheet">
<!-- JavaScript Bundle with Popper -->
<script src="https://cdn.jsdelivr.net/npm/bootstrap@5.2.3/dist/js/bootstrap.bundle.min.js" integrity="sha384-kenU1KFdBIe4zVF0s0G1M5b4hcpxyD9F7jL+jjXkk+Q2h455rYXK/7HAuoJl+0I4" crossorigin="anonymous"></script>
<!--font-awesome-->
<script src="https://kit.fontawesome.com/a399d0442d.js" crossorigin="anonymous"></script>
<!--boostrap-icon-->
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap-icons@1.10.3/font/bootstrap-icons.css">
</head>
<body>
<section id="nav-section">
<nav class="navbar navbar-expand-lg">
<div class="container-fluid ms-auto">
<button class="navbar-brand-btn"><a class="navbar-brand" href="#"><h1>MP</h1></a></button>
<button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#navbarSupportedContent" aria-controls="navbarSupportedContent" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon"></span>
</button>
<div class="collapse navbar-collapse" id="navbarSupportedContent">
<ul class="navbar-nav me-auto mb-2 mb-lg-0">
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Personal
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#"><class="fa-regular fa-calendar-check fa-2x"></i><h4>Plan:</h4><span>Access financial tools and guides</span></a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#"><i class="fa-regular fa-calendar-check fa-2x"></i><h4>Save:</h4><span>Earn better interest than your bank</span></a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-warehouse fa-2x"></i><h4> Invest:</h4><span>Put a global portfolio in one app</span></a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#"></a></li>
</ul>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Business
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-cubes fa-2x"></i><h4>Sprout:</h4> <span> put your business idle cash to work</span></a></li>
<li><a class="dropdown-item" href="#">Another action</a></li>
</ul>
<li class="nav-item dropdown">
<a class="nav-link dropdown-toggle" href="#" role="button" data-bs-toggle="dropdown" aria-expanded="false">
Developer
</a>
<ul class="dropdown-menu">
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-folder-open fa-2x"></i><h4>Docs:</h4><span> Offer investment services in your app</span></a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-laptop-code fa-2x"></i><h4>Embed:</h4><span> Read how to integrate the Embed API</span></a></li>
<li><hr class="dropdown-divider"></li>
<li><a class="dropdown-item" href="#"><i class="fa-solid fa-circle-nodes fa-2x"></i><h4>Connect:</h4><span> Join Embed on slack</span></a></li>
</ul>
</li>
<li class="nav-item">
<a class="nav-link">Learn</a>
</li>
</ul>
<div id="liveAlertPlaceholder"></div>
<button type="button" class="log-in btn btn-primary" id="liveAlertBtn">Log In</button>
<form class="d-flex" role="search">
<button class="sign-up btn btn-outline-primary" type="submit">Sign Up For Free</button>
</form>
</div>
</div>
</nav>
</section>
<section id="testimonial">
<div class="row">
<div class="testimonial-box1 col-lg-6 me-auto ms-auto">
<img class="lady-img" src="images/lady-image.png" alt="responsive image">
</div>
<div class="testimonial-box2 col-lg-6 ms-auto me-auto">
<h1 class="testimonial-text">Put your <br> money to work. </h1>
<h3 class="testimonial-span">Invest wisely. Manage risk.<br>Grow wealth.</h3> <br>
<div class="container-fluid-testimonial">
<form class="d-flex" role="search">
<input class="form-control me-2" type="search" placeholder="Your Email..." aria-label="Search">
<button class="btn btn-primary" type="submit">Start Investing</button>
</form>
</div>
</div>
</div>
</section>
<section id="center">
<div class="center-d">
<h1 class="center-text">Get financial freedom</h1>
<span class="center-span">Plan towards your dream home, fund your kid's education, travel the world, all in one app.</span>
</div>
</section>
<section id="features">
<div class="row">
<div class="feature-box1 col-xs-6 ms-auto me-auto">
<h6>Savings</h6>
<h4>Create multiple savings plans</h4>
<span class="feature-span">Earn better interest rates than your bank</span>
<br>
<button type="button" class="feature-btn btn btn-primary" id="liveAlertBtn">START SAVING</button>
<div class="saving-box">
<div class="saving-box-inner">
<img class="savings-image1" src="images/savings.png" alt="">
<img class="savings-image2" src="images/app-screenshot-savings-in-nigeria.png" alt="">
</div>
</div>
</div>
<div class="feature-box2 col-xs-6 ms-auto me-auto">
<h6>Circle</h6>
<h4>Save with friends</h4>
<span class="feature-span">Stay motivated and have fun saving with friends and family</span>
<br>
<button type="button" class="feature-btn btn btn-primary" id="liveAlertBtn">JOIN A CIRCLE</button>
<div class="circles-box">
<div class="circles-box-inner">
<img src="svg/circles.svg" alt="" class="circles-image1">
<img src="images/circles-online-joint-savings-in-nigeria.png" alt="" class="circles-image2">
</div>
</div>
</div>
</div>
<div class="row">
<div class="feature-box3 col-xs-6 ms-auto me-auto">
<h6>Mutual Funds</h6>
<h4>Play the long-term game</h4>
<span class="feature-span">Invest in diverse and quality mutual funds with any amount</span>
<br>
<button type="button" class="feature-btn btn btn-primary" id="liveAlertBtn">START SAVING</button>
<div class="mutual-box">
<div class="mutual-box-inner">
<img src="svg/mutual-funds.svg" alt="" class="mutual-image1">
<img src="images/app-screenshot-mutual-funds-app-nigeria.png" alt="" class="mutual-image2">
</div>
</div>
</div>
<div class="feature-box4 col-xs-6 ms-auto me-auto">
<h6>Emergency Fund</h6>
<h4>Save for the rainy day</h4>
<span class="feature-span">Build a safety net for unexpected expenses</span>
<br>
<button type="button" class="feature-btn btn btn-primary" id="liveAlertBtn">CREATE YOUR EMERGENCY PLAN</button>
<div class="emergency-box">
<div class="emergency-box-inner">
<img src="svg/emergency.svg" alt="" class="emergency-image1">
<img src="images/online-app-for-emergency-funds-in-nigeria.png" alt="" class="emergency-image2">
</div>
</div>
</div>
</div>
<div class="row">
<div class="feature-box5 col-xs-6 ms-auto me-auto">
<h6 class="stash">Stash</h6>
<h4 class="stash">Your secure digital wallet</h4>
<span class="stash-span">Send and receive cash in seconds for free. You only need their username.</span>
<br>
<button type="button" class="feature-btn btn btn-primary" id="liveAlertBtn">EXPLORE IT NOW</button>
<div class="stash-box">
<div class="stash-box-inner">
<img src="svg/stash.svg" alt="" class="stash-image1">
<img src="images/cowrywise-stash-app-screenshot.png" alt="" class="stash-image2">
</div>
</div>
</div>
<br>
<div class="feature-box6 col-xs-6 ms-auto me-auto">
<h6>US Stocks and bonds (Coming soon)</h6>
<h4>Grow your global portfolio</h4>
<br>
<button type="button" class="feature-btn btn btn-primary" id="liveAlertBtn">GET EARLY ACCESS</button>
<div class="stocks-box">
<div class="stocks-box-inner">
<img src="svg/stocks.svg" alt="" class="stocks-image1">
<img src="images/online-app-buy-foreign-stocks-online-in-nigeria.png" alt="" class="stocks-image2">
</div>
</div>
</div>
</div>
</section>
<section id="steps">
<div class="row">
<div class="steps-box col-lg-6 me-5">
<img class="app-img" src="svg/app-screenshot-investment-platform-nigeria.png" alt="">
</div>
<div class="steps-box col-lg-6 ms-5">
<div>
<h1>Start building wealth in 5 minutes</h1>
</div>
<div class="steps-text">
<h4><span class="steps-span">01</span>Create an account.</h4>
<p>Sign up for an account with your name, email and phone number.</p>
</div>
<div class="steps-text">
<h4><span class="steps-span">02</span>Add a payment method.</h4>
<p>Using your debit card, bank account, USSD, QR Code, setup your first plan.</p>
</div>
<div class="steps-text">
<h4><span class="steps-span">03</span>Watch your money grow.</h4>
<p>Sit back, relax & let your money work for you all day, everyday.</p>
</div>
<button type="button" class="steps-btn btn btn-primary btn-lg" id="liveAlertBtn">Sign Up Now</button>
</div>
</div>
</section>
<section id="security">
<div class=security-text>
<h2>Keeping your money safe is our business.</h2>
<p>Trust is our currency. We are committed to the security of your money and the protection of your account.</p>
<button type="button" class="security-btn btn btn-primary btn-lg" id="liveAlertBtn">Learn More</button>
</div>
<div class="row">
<div class="security-info col-lg-6">
<h4>Bank-grade Security</h4>
<p>We are PCI-DSS compliant to ensure security of your data electronically. We also provide you with an option to set up 2FA for key transactions on your account. 2FA serves as an extra layer of protection to ensure
the security of your account beyond just a username and password.</p>
<div>
<h4>Regulatory Compliance</h4>
<p> MonoPay is a duly registered fund manager with the Securities and Exchange Commission (SEC) of Nigeria. All our activities are in full compliance with regulatory requirements to the ultimate protection of our clients.</p>
</div>
</div>
<div class="security-info col-lg-6">
<h4>Assets Custody</h4>
<p> Our users’ financial assets are held with a licensed custodian, Zenith Nominees Limited, for safekeeping to prevent misappropriation, misuse, theft, and/or loss, and in accordance with applicable law.</p>
<h4>Best-In-Class Assets</h4>
<p> All the investment options listed on MonoPay, are carefully screened, managed by professional fund managers. All the diverse mutual funds registered with the SEC, with standard third-party custodian structure.</p>
</div>
</div>
</section>
<section id="perks">
<div class="perks-box">
<h5>WHY MonoPay ?</h5>
<h1>Got Sec license ?<span>YUP!</span></h1>
<h1>Saving Charges ? <span>Nope!</span></h1>
<h1>Great Interest Rates ? <span>Confam!</span></h1>
<h1>Maintenance Fee ? <span>No</span></h1>
<h1>Convinced? <span>Sign up now !!!</span></h1>
</div>
</section>
<section id="testimonial">
<div class="row">
<div class="testimonial-box col-lg-6 ms-auto">
<div class="content">
<h1>4.4<span>/5</span></h1>
<i class="icon fa-solid fa-star"></i>
<i class="icon fa-solid fa-star"></i>
<i class="icon fa-solid fa-star"></i>
<i class="icon fa-solid fa-star"></i>
<i class="icon fa-solid fa-star-half-stroke"></i>
<button type="button" class="testimonial-btn btn btn-primary" id="liveAlertBtn">
<i class=" download-btn fa-brands fa-google-play fa-1x"> Download</i></button>
</div>
<div class="text">
<h4>Available on the Play Store</h4>
<p>“User interface is fantastic, deposits and withdrawals flawless and fast. I wish I had discovered this years ago, would have been a millionaire by now” - Obiora, Nov 2021.</p>
<button type="button" class="text-btn btn btn-primary btn-lg" id="liveAlertBtn">Download Now</button>
</div>
<div>
</div>
</div>
<div class="testimonial-box col-lg-6 me-auto">
<div class="content">
<h1>4.4<span>/5</span></h1>
<i class="icon fa-solid fa-star"></i>
<i class="icon fa-solid fa-star"></i>
<i class="icon fa-solid fa-star"></i>
<i class="icon fa-solid fa-star"></i>
<i class="icon fa-solid fa-star-half-stroke"></i>
<button type="button" class="testimonial-btn btn btn-primary" id="liveAlertBtn">
<i class="download-btn fa-brands fa-apple fa-1x"> Download</i></button>
</div>
<div class="text">
<h4>Available on the App Store</h4>
<p>“I just don't know what to say about this app all i know is that it's awesome, it's been 2 years plus and I haven't had a reason to complain.” - Henrietta, December.</p>
<button type="button" class="text-btn btn btn-primary btn-lg" id="liveAlertBtn">Download Now</button>
</div>
</div>
</div>
</section>
<section id="contact">
<div class="contact-box col-md-5 col-lg-6 col-xl-7">
<div class="contact-text">
<h1>Sign up for free. <br> Start investing today.</h1>
</div>
<div class="contac-box">
<form>
<input type="text" placeholder="Enter Your Email">
<button>
<span>
Sign Up
</span>
</button>
</form>
</div>
</div>
</section>
<footer id="footer-general">
<div class="row">
<div class="table col-lg-3">
<h4>Resources</h4>
<ul>
<li><a href="">Customers Stories</a></li>
<li><a href="">Media</a></li>
<li><a href="">FAQs</a></li>
<li><a href="">Security</a></li>
<li><a href="">Estimate Your Interest</a></li>
<li><a href="">Plan Education</a></li>
<li><a href="">Blog</a></li>
<li><a href="">Help Center</a></li>
</ul>
</div>
<div class="table col-lg-3">
<h4>Product</h4>
<ul>
<li><a href="">Saving Plans</a></li>
<li><a href="">Investment Plans</a></li>
<li><a href="">Mutual Funds</a></li>
<li><a href="">Stash</a></li>
<li><a href="">Embred API</a></li>
<li><a href="">Sprout</a></li>
<li><a href="">Circles</a></li>
<li><a href="">Halal</a></li>
<li><a href="">Got a Suggestion?</a></li>
</ul>
</div>
<div class="table col-xs-6 col-md-3">
<h4>Company</h4>
<ul>
<li><a href="">About Us</a></li>
<li><a href="">Press</a></li>
<li><a href="">Careers</a></li>
<li><a href="">Ambassadors</a></li>
<li><a href="">Privacy</a></li>
<li><a href="">Terms</a></li>
</ul>
</div>
<div class="table col-xs-6 col-md-3">
<h4>Contact</h4>
<ul>
<li><a href="">Support: <br>@MonoPay.com</a></li>
<li><a href="">Whatsapp</a></li>
</ul>
</div>
</div>
<div class="addy">
</div>
<p class="footer-text">MonoPay Financial Technology Limited (“MonoPay”) is a fund manager duly licensed by the Securities and Exchange Commission (SEC) of Nigeria.</p>
<p class="footer-text">Our mutual funds are managed by our fund management partners and made available to our clients through our web and mobile applications. The fund manager for each mutual fund is disclosed on every mutual fund’s profile page. Any historical returns or expected returns are hypothetical in nature and may not reflect actual future performance. View full list of available mutual funds on MonoPay.</p>
<p class="footer-text">Stash account is a 10-digit virtual bank account number in line with the Nigeria Uniform Bank Account Number (NUBAN) numbering system. The NUBAN accounts are generated with the names of selected banks through our payment partners. In order for a user to be eligible for Stash account number, they must have completed their KYC and added their Bank Verification Number (BVN). Stash is used for the purpose of receiving money transfers in place of a regular debit card. It also receives the proceeds from the sale of any mutual fund on MonoPay.</p>
<p class="footer-text">The content on this website does not constitute a complete description of MonoPay’s offerings and services. By using this website, you accept our Terms of Use and Privacy Policy.</p>
<p class="footer-text">Google Play and the Google Play logo are trademarks of Google LLC. Apple, the Apple logo, and iPhone are trademarks of Apple Inc. registered in the U.S.</p>
<p class="footer-text">©2023 Eseha Joseph Ilerioluwa. All rights reserved</p>
</footer>
<hr>
<div class="backdrop"><a class="backtop fa-regular fa-circle-up fa-2x"href="#"></a></div>
</body>
</html>