forked from ShreyashHatkar/MoneyPlant
-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
319 lines (297 loc) · 17.7 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.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=Chivo+Mono&display=swap" rel="stylesheet">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="homecss.css">
<title>MoneyPlant</title>
</head>
<body>
<header id="header">
<nav id="nav-bar">
<span style="font-size:30px;cursor:pointer" onclick="openNav()">☰ </span>
<input type="checkbox" name="" id="check">
<label for="check" class="checkbtn"><i class="bi bi-list"></i></label>
<img src="0paisapodha.png" alt="StarLights logo" id="header-img">
<label class="brand"><b>MoneyPlant</b></label>
<ul>
<li><a href="#about" class="nav-link">About</a></li>
<li><a href="#features" class="nav-link">Features</a></li>
<li><a href="#preview" class="nav-link">Preview</a></li>
<li><a href="#testimonials" class="nav-link">Testimonials</a></li>
<li><a href="signup.php" class="nav-link">Sign Up</a></li>
<li><a href="login.php" class="nav-link">Log In</a></li>
</ul>
</nav>
</header>
<div id="mySidenav" class="sidenav">
<a href="javascript:void(0)" class="closebtn" onclick="closeNav()">×</a>
<a href="#">About</a>
<a href="dashboard.php">Dashboard</a>
<a href="services.html">Services</a>
<a href="#">Clients</a>
<a href="#">Contact</a>
</div>
<main id="main">
<section id="about">
<div class="text">
<h1 class="brand-heading">MoneyPlant</h1>
<h2>Here's the fintech that got your back ......</h2>
<p class="description">At MoneyPlant, we understand that the world of finance can be overwhelming, especially for beginners. That's why we offer a comprehensive trainer system to help you improve your investing skills and knowledge.</p>
<p class="description">Our system includes a variety of tools such as a financial calculator, stock visualizer and analyzer, trading suggester, and more. These tools are designed to help you learn about investing in a practical and interactive way, so you can build a solid foundation in investing. With MoneyPlant, you don't just have access to advanced analysis tools and market data, but you also have a variety of resources to help you succeed.</p>
</div>
<div class="image">
<img src="homelogo1.png" alt="Go on a journey with our astronaut" class="astronaut">
</div>
</section>
<section id="features">
<div class="text">
<h2 class="section-heading">Features</h2>
</div>
<div class="cards">
<div class="row">
<div class="column">
<div class="card">
<h3 class="cardheading">
<i class="bi bi-book"></i>
Stock Visualizer and Analyzer</h3>
<p>Our stock visualizer and analyzer tool provides you with real-time market data and visualizations that allow you to analyze different stocks and identify potential investment opportunities. You can use this tool to gain insights into the performance of different stocks and build a diversified portfolio.</p>
</div>
</div>
<div class="column">
<div class="card">
<h3 class="cardheading">
<i class="bi bi-alarm"></i>
Financial Calculator</h3>
<p>Our financial calculator is a powerful tool that allows you to calculate various financial metrics such as return on investment, net present value, and more. You can use it to analyze the profitability of different investment opportunities and make informed decisions about your portfolio..</p>
</div>
</div>
<div class="column">
<div class="card">
<h3 class="cardheading">
<i class="bi bi-calendar"></i>
Comprehensive Training System</h3>
<p> Our comprehensive training system includes a variety of tools and resources that help you learn about investing in a practical and interactive way. You can use these tools to build a solid foundation in investing and gain the knowledge and skills needed to achieve your investment objectives.</p>
</div>
</div>
</div>
</div>
</section>
<section id="preview">
<div class="text">
<h2 class="section-heading">Preview</h2>
</div>
<div class="cards">
<div class="row">
<div class="column">
<div class="card">
<p>When you sign up with MoneyPlant, you'll have access to a virtual trading account that allows you to experience trading without the risk of losing real money.</p>
<p>This virtual money is stored in a secure digital wallet, which can only be accessed by you using your unique login credentials. Our system uses multi-factor authentication and other security measures to ensure that your virtual money is protected at all times.</p>
<p>Using virtual money on our platform allows you to practice trading strategies and learn about the market without risking your hard-earned cash. You can experiment with different investment strategies and learn from your mistakes without any financial consequences.</p>
<p>When you're ready to start trading with real money, you can do so with confidence, knowing that our platform is built with security in mind.</p>
</div>
</div>
<div class="column">
<div class="card">
<iframe id="video" width="560" height="315" src="https://www.youtube.com/embed/hqRTtaRynSg"
title="YouTube video player"
allow="accelerometer; autoplay; clipboard-write; encrypted-media; gyroscope; picture-in-picture; web-share"
allowfullscreen></iframe>
</div>
</div>
</div>
</div>
</section>
<section id="testimonials">
<div class="text">
<h2 class="section-heading">What other people say...</h2>
</div>
<div class="cards">
<div class="row">
<div class="column">
<div class="card">
<div class="rounded-image">
<img src="person1.jpg" alt="Jane Doe" class="rounded">
<p class="customer-name">Jane Doe</p>
</div>
<div class="customer-review">
<h3 class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</h3>
<p class="customer-text">MoneyPlant helped me understand investing in a simple and easy way.</p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="rounded-image">
<img src="person2.jpg" alt="John Smith" class="rounded">
<p class="customer-name">John Smith</p>
</div>
<div class="customer-review">
<h3 class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</h3>
<p class="customer-text">I've learned so much from the comprehensive training system - highly recommend.</p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="rounded-image">
<img src="person3.jpg" alt="Rose Baker" class="rounded">
<p class="customer-name">Rose Baker</p>
</div>
<div class="customer-review">
<h3 class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-half"></i>
</h3>
<p class="customer-text">The trading suggester tool has given me confidence in my investment decisions.</p>
</div>
</div>
</div>
<div class="column">
<div class="card">
<div class="rounded-image">
<img src="person4.jpg" alt="Will Simon" class="rounded">
<p class="customer-name">Will Simon</p>
</div>
<div class="customer-review">
<h3 class="rating">
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
<i class="bi bi-star-fill"></i>
</h3>
<p class="customer-text">The financial calculator and stock analyzer were game changers for my portfolio.</p>
</div>
</div>
</div>
</div>
</div>
</section>
<section id="signup">
<div class="text">
<h2 class="section-heading">Sign Up</h2>
</div>
<div class="cards">
<div class="row">
<div class="column">
<div class="card signup-form">
<h3 class="cardheading">
<i class="bi bi-pencil"></i> Sign up to get immediate access</h3>
<p>Get latest updates about fintech and access to much more premium features just by signing up</p>
<form action="" method="post" id="form">
<div class="input-group">
<label for="name" class="form-label">Name</label>
<input type="text" class="form-control" id="name">
</div>
<div class="input-group">
<label for="email" class="form-label">Email address</label>
<input type="email" class="form-control" id="email" aria-describedby="emailHelp"
placeholder="Your email address">
<div id="emailHelp" class="form-text">We'll never share your email with anyone
else.
</div>
</div>
<div class="input-group form-check">
<input type="checkbox" class="form-check-input" id="newletter">
<label class="form-check-label" for="newletter">I want to recieve the
newsletter</label>
</div>
<button type="submit" id="submit" class="btn btn-primary">Submit</button>
</form>
</div>
</div>
<div class="column">
<div class="card signup-img">
<img src="homelogo2.png" alt="Astronaut on a rocket">
</div>
</div>
</div>
</div>
</section>
</main>
<!-- Site footer -->
<footer class="site-footer">
<div class="container">
<div class="rows">
<div class="about">
<h6>About</h6>
<p class="text-justify">At MoneyPlant, we understand the importance of security when it comes to virtual money. That's why we use advanced encryption and security protocols to ensure that your transactions are safe and secure. Our platform utilizes blockchain technology, which creates a distributed ledger system that is tamper-proof and transparent. This means that every transaction on our platform is recorded and verified by multiple parties, making it nearly impossible to manipulate or hack.</p>
</div>
<div class="categories">
<h6>Technologies Used</h6>
<ul class="footer-links">
<li><a href="">Html</a></li>
<li><a href="">CSS</a></li>
<li><a href="">PHP</a></li>
<li><a href="">JavaScript</a></li>
<li><a href="">GCP</a></li>
</ul>
</div>
<div class="quick_links">
<h6>Quick Links</h6>
<ul class="footer-links">
<li><a href="#">About Us</a></li>
<li><a href="#">Contact Us</a></li>
<li><a href="#">Contribute</a></li>
<li><a href="#">Privacy Policy</a></li>
<li><a href="#">Sitemap</a></li>
</ul>
</div>
</div>
<br>
<br>
<hr>
<br>
<br>
</div>
<div class="container">
<div class="row">
<div class="col-md-8 col-sm-6 col-xs-12">
<p class="copyright-text">Copyright © 2023 All Rights Reserved by
<a href="#">MoneyPlant.com</a>.
</p>
</div>
<div class="col-md-4 col-sm-6 col-xs-12">
<ul class="social-icons">
<li><a class="github" href="#"><i class="fa fa-github"></i></a></li>
<li><a class="twitter" href="#"><i class="fa fa-twitter"></i></a></li>
<li><a class="instagram" href="#"><i class="fa fa-instagram"></i></a></li>
<li><a class="linkedin" href="#"><i class="bi bi-linkedin"><svg xmlns="http://www.w3.org/2000/svg" width="16" height="16" fill="currentColor" class="bi bi-linkedin" viewBox="0 0 16 16">
<path d="M0 1.146C0 .513.526 0 1.175 0h13.65C15.474 0 16 .513 16 1.146v13.708c0 .633-.526 1.146-1.175 1.146H1.175C.526 16 0 15.487 0 14.854V1.146zm4.943 12.248V6.169H2.542v7.225h2.401zm-1.2-8.212c.837 0 1.358-.554 1.358-1.248-.015-.709-.52-1.248-1.342-1.248-.822 0-1.359.54-1.359 1.248 0 .694.521 1.248 1.327 1.248h.016zm4.908 8.212V9.359c0-.216.016-.432.08-.586.173-.431.568-.878 1.232-.878.869 0 1.216.662 1.216 1.634v3.865h2.401V9.25c0-2.22-1.184-3.252-2.764-3.252-1.274 0-1.845.7-2.165 1.193v.025h-.016a5.54 5.54 0 0 1 .016-.025V6.169h-2.4c.03.678 0 7.225 0 7.225h2.4z"/>
</svg></i></a></li>
</ul>
</div>
</div>
</div>
</footer>
<script>
function openNav() {
document.getElementById("mySidenav").style.width = "15%";
}
function closeNav() {
document.getElementById("mySidenav").style.width = "0";
}
</script>
</body>
</html>