-
Notifications
You must be signed in to change notification settings - Fork 0
/
index.html
143 lines (120 loc) · 5.85 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
<!DOCTYPE html>
<html lang="en">
<link rel="stylesheet" href="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/css/bootstrap.min.css">
<link rel="stylesheet" href="https://stackpath.bootstrapcdn.com/font-awesome/4.7.0/css/font-awesome.min.css">
<script src="https://code.jquery.com/jquery-3.5.1.slim.min.js"></script>
<script src="https://cdn.jsdelivr.net/npm/bootstrap@4.5.3/dist/js/bootstrap.bundle.min.js"></script>
<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">
<title>Finance</title>
<!-- Main Stylesheet -->
<link rel="stylesheet" href="style2.css">
<!-- Google Fonts -->
<link rel="preconnect" href="https://fonts.gstatic.com">
<link href="https://fonts.googleapis.com/css2?family=Newsreader:wght@200;300;400;500&display=swap" rel="stylesheet">
<!-- Bootstrap CSS File -->
<link href="https://cdn.jsdelivr.net/npm/bootstrap@4.6.0/dist/css/bootstrap.min.css" rel="stylesheet">
<!-- font-awesome -->
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
</head>
<body style="background-image: url(pexels-cottonbro-3943724.jpg); font-family: Roboto, Arial, sans-serif; margin:0">
<div class="animated-title">
<div class="text-top">
<div>
<span>Financial</span>
<span>planning</span>
</div>
</div>
<div class="text-bottom">
<div><span>made</span><span class="easy-peasy">easier!</span></div>
</div>
</div>
<section id="section03" class="demo">
<a href="#para"><span></span>Scroll</a>
</section>
<div class="division">
<div class="wrapper">
<div class="typing-demo" style="width: 28ch;">
<h2>What is financial planning?</h2>
</div>
</div>
<p id="para">Let's have a look at the definition and its advantages</p>
<div class="context">
<h3>Definition:</h3>
Financial planning is a step-by-step approach to meet one’s life goals. A financial plan acts as a guide as
you go through life’s journey. Essentially, it helps you be in control of your income, expenses and
investments such that you can manage your money and achieve your goals.<br>
<br>
<h3>Merits:</h3>
1. Increase your savings
<br>
2. Enjoy a better standard of living
<br>
3. Be prepared for emergencies
<br>
4. Attain peace of mind
</div>
</div>
<div class="division1">
<div class="wrapper">
<div class="typing-demo1">
<h2>Steps for successful financial planning</h2>
</div>
</div>
<p id="para1">“If you fail to plan, you are planning to fail.”</p>
<div class="context1">
<h3>1. Understand your current financial situation</h3>
Determine the status of your current finances, viz., your income, expenses, debt, savings and investments.
This is the first step in financial planning, as it gives you a good sense on the state of your finances and
ways to improve.<br>
<br>
<a href="step1.html"><button>read more</button></a>
</div>
</div>
<div class="context2">
<h3>4. Implement the right plan</h3>
You need to select the right investment option based on factors such as your goals, age, risk appetite and
investment amount. If you are unsure on the funds you need to select for your portfolio, you can avail the
services of a financial advisor.<br>
<br>
<a href="step4.html"><button>read more</button></a>
</div>
<div class="context3">
<h3>2. Write down your financial goals</h3>
Ask yourself: ‘what are the different financial goals I wish to achieve in life?’ Write them on a piece of
paper. Don’t hesitate to put down any goal because no goal is too small or too big. However, make sure that your
goals are specific.<br>
<br>
<a href="step2.html"><button>read more</button></a>
</div>
<div class="context4">
<h3>3. Look at the different investment options</h3>
There are numerous investment options available to investors. In the mutual fund market alone, you can choose
from nearly 2,000 schemes. Different investment avenues help investors to achieve different goals.<br>
<br>
<a href="step3.html"><button>read more</button></a>
</div>
<div class="context5" style="position: relative; top:-1180px; ">
<h3>5. Monitor your financial plan regularly</h3>
The financial planning process does not end once you invest your money. You also need to monitor how the funds
are performing regularly. If they don’t perform, you may need to replace them with better performing funds.<br>
<br>
<a href="step5.html"><button>read more</button></a>
</div>
<div class="context6" style="position: relative; left:600px; ">
<h3>Quiz o'clock!</h3>
Test you knowledge about finally planning by taking up this fun and precise quiz<br>
<br>
<a style="border:solid black; border-width: thin; padding: 10px; color: greenyellow; color: black; background: lawngreen"
href="quiz.html" target="_blank">Start!</a>
</div>
<!-----------Footer--------->
<section id="footer">
<div class="container text-center">
<p>Created with <i class="fa fa-heart-o"></i> by Namratha, Likhith, Mahima © 2021</p>
</div>
</section>
</body>
</html>