-
Notifications
You must be signed in to change notification settings - Fork 0
/
investment.html
334 lines (327 loc) · 12.2 KB
/
investment.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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8" />
<meta name="viewport" content="width=device-width, initial-scale=1.0" />
<title>Finance Buddy</title>
<link rel="icon" href="logo.png" />
<link rel="stylesheet" href="css/bootstrap.min.css" />
<script src="https://cdn.jsdelivr.net/npm/chart.js"></script>
<link rel="stylesheet" href="css/style.css" />
</head>
<body>
<nav class="navbar mb-5 navbar-shadow navbar-expand-lg bg-body-tertiary">
<div class="container">
<a class="navbar-brand" href="#"><img src="logo.png" alt="logo" /></a>
<button
class="navbar-toggler btn-close-danger"
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 ms-auto mb-2 mb-lg-0">
<li class="nav-item me-5">
<a
class="nav-link active"
aria-current="page"
href="homepage.html"
>Home</a
>
</li>
<li class="nav-item me-5">
<a class="nav-link active" aria-current="page" href="blogs.html"
>Blog</a
>
</li>
<li class="nav-item me-5">
<a class="nav-link disabled" aria-current="page" href="#"
>Investment</a
>
</li>
<li class="nav-item me-5">
<a
class="nav-link active"
aria-current="page"
href="expenses.html"
>Expenses</a
>
</li>
<li class="nav-item me-5">
<a class="nav-link active" aria-current="page" href="Contact.html"
>Contact</a
>
</li>
<li>
<input
id="logOut"
type="button"
class="btn-success btn"
value="Log Out"
/>
</li>
</ul>
</div>
</div>
</nav>
<div class="chat-icon" onclick="openCustomModal()">
<img
src="https://hostapk.com/wp-content/uploads/2023/03/Ask-Me-Anything-AI-Chatbot.png"
alt="Chatbot Icon"
/>
</div>
<!-- Custom Modal -->
<div id="customModal" class="custom-modal">
<div class="modal-content">
<span class="close" onclick="closeCustomModal()">×</span>
<iframe
id="customChatbotFrame"
width="100%"
height="100%"
allow="microphone;"
src=""
></iframe>
</div>
</div>
<div class="container">
<div class="row investment-section">
<div class="col-lg-6 col-sm-12 investment-desc text-white bg-success">
<h2>SIPs</h2>
<p class="investment-info">
Systematic Investment Plans (SIPs) offer a disciplined and
convenient way to invest in mutual funds. With SIPs, investors can
start with a small amount and invest regularly, benefiting from
rupee cost averaging and the power of compounding. SIPs are
flexible, allowing investors to adjust their investment amount and
frequency as needed. They also provide diversification by investing
in a portfolio of securities, making them suitable for long-term
wealth creation.
</p>
</div>
<div class="col-lg-6 col-sm-12 investment-box">
<h2 class="text-center mb-4">SIP Calculator</h2>
<form id="calculatorForm">
<div class="mb-3">
<label for="investmentType" class="form-label me-2 sip-investment"
>Select Investment Type:</label
>
<div class="form-check form-check-inline">
<input
type="radio"
id="monthlyInvestment"
name="investmentType"
value="monthly"
checked
class="form-check-input"
/>
<label
for="monthlyInvestment"
class="form-check-label sip-investment"
>Monthly Investment</label
>
</div>
<div class="form-check form-check-inline lg-ms-3">
<input
type="radio"
id="oneTimeInvestment"
name="investmentType"
value="one-time"
class="form-check-input"
/>
<label
for="oneTimeInvestment"
class="form-check-label sip-investment"
>One-Time Investment</label
>
</div>
</div>
<div class="mb-3">
<label for="principal" class="form-label sip-investment"
>Principal Amount:</label
>
<input
type="text"
id="principal"
name="principal"
required
class="form-control"
/>
</div>
<div class="mb-3">
<label for="rate" class="form-label sip-investment"
>Rate of Interest (%):</label
>
<input
type="text"
id="rate"
name="rate"
required
class="form-control"
/>
</div>
<div class="mb-3">
<label for="time" class="form-label sip-investment"
>Time Period (years):</label
>
<input
type="text"
id="time"
name="time"
required
class="form-control"
/>
</div>
<button type="submit" class="btn btn-success">Calculate</button>
</form>
<div id="result" class="result mt-3"></div>
</div>
</div>
</div>
<div class="container">
<div class="row investment-section">
<div class="col-lg-6 col-sm-12 order-lg-2 investment-desc text-white bg-success">
<h2>Investing in Gold</h2>
<p class="investment-info">
Investing in gold can be a way to diversify a portfolio and hedge
against inflation. Gold tends to maintain its value over time and is
seen as a safe haven asset during times of economic uncertainty.
Investors can buy physical gold, such as coins or bars, or invest in
gold exchange-traded funds (ETFs) or gold mining stocks. However,
it's important to note that gold prices can be volatile, and like
any investment, it carries its own risks.
</p>
</div>
<div class="col-lg-6 col-sm-12 order-lg-1 investment-box">
<h2 class="text-center mb-4">Gold Investment Calculator</h2>
<form id="calculatorForm">
<div class="mb-3">
<label for="investment_gold" class="form-label sip-investment"
>Enter Investment Amount (INR):</label
>
<div class="input-group mb-3">
<input
type="number"
id="investment_gold"
class="form-control"
placeholder="Enter amount in INR"
/>
</div>
<div id="result_gold"></div>
</div>
<button
type="submit"
class="btn btn-success"
onclick="calculateGold(event)"
>
Calculate
</button>
</form>
<div id="result" class="result mt-3"></div>
</div>
</div>
</div>
<div class="container">
<div class="row investment-section">
<div class="col-lg-6 col-sm-12 investment-desc text-white bg-success">
<h2>Fixed deposits (FDs)</h2>
<p class="investment-info">
Fixed deposits (FDs) are a popular investment option offered by
banks and financial institutions. They allow investors to deposit a
sum of money for a fixed period at a predetermined interest rate,
which is generally higher than regular savings accounts. FDs provide
a stable and guaranteed return on investment, making them a safe
option for conservative investors. The tenure of FDs can range from
a few days to several years, and the interest rate remains fixed for
the entire duration. Premature withdrawal is possible but may incur
a penalty. FDs are ideal for individuals looking for a secure
investment with a fixed return over a specific period.
</p>
</div>
<div class="col-lg-6 col-sm-12 investment-box">
<h2 class="text-center mb-4">Fixed Deposit Calculator:</h2>
<form id="calculatorForm">
<div class="mb-3">
<label for="principal_fd" class="form-label sip-investment"
>Principal Amount:</label
>
<input
type="number"
id="principal_fd"
name="principal_fd"
required
class="form-control"
/>
</div>
<div class="mb-3">
<label for="rate" class="form-label sip-investment"
>Rate of Interest (%):</label
>
<input
type="text"
id="rate"
name="rate"
required
class="form-control"
placeholder="8"
disabled
/>
</div>
<div class="mb-3">
<label for="timePeriod" class="form-label sip-investment"
>Time Period (years):</label
>
<input
type="number"
id="timePeriod"
name="timePeriod"
required
class="form-control"
/>
</div>
<button type="button" class="btn btn-success" onclick="calculate()">
Calculate
</button>
</form>
<div id="result_fd" class="result mt-3"></div>
</div>
</div>
</div>
<footer class="main-footer text-white text-center text-lg-start">
<div class="container p-5">
<div class="row">
<div class="col-lg-6 col-md-12 mb-4 mb-md-0">
<h5 class="text-uppercase">Financial Education</h5>
<p>
Improving financial literacy is crucial for making informed
decisions about money. Understanding concepts like budgeting,
saving, and investing can lead to a more secure financial future.
</p>
</div>
<div class="col-lg-6 col-md-12 mb-4 mb-md-0">
<h5 class="text-uppercase">Finance Awareness</h5>
<p>
Stay updated with the latest financial news and trends. Being
aware of financial opportunities and risks can help you make
better financial choices and achieve your goals.
</p>
</div>
</div>
</div>
<hr style="color: aliceblue" />
<div class="text-center p-3 footer-text">
© 2024 Copyright:
<a class="text-body" href="#">Scorpions</a>
</div>
</footer>
<script src="js/chatbot.js"></script>
<script src="js/piechart.js"></script>
<script src="js/bootstrap.min.js"></script>
<script src="js/script.js"></script>
<script type="module" src="app.js"></script>
</body>
</html>