-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
103 lines (88 loc) · 2.97 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
<!DOCTYPE html>
<html>
<head>
<link rel="stylesheet" href="styles.css">
</head>
<body>
<div class="navbarlist">
<ul class="navlist">
<li><img src ="menu.svg" alt="Menu bar" class="menuimg"/></li>
<li><p class="logo">LOGO</p></li>
<li><p class = "Invest">Invest</p></li>
<li><p class = "Learn">Learn</p></li>
<li><p class = "Home">Home</p></li>
<li><p class = "About">About</p></li>
<li><p class = "Blogs">Blogs</p></li>
<li><button type="button" class="btnlogin btn-lg">Login/Rregister</button></li>
</ul>
</div>
<div class="wealthcreation">
<p>Start Now for Wealth Creation</p>
<p class="more">Learn more</p>
<img src ="sharon-mccutcheon--8a5eJ1-mmQ-unsplash.png" alt="Video bar" class="videoimg"/>
<img src ="play.svg" alt="Play bar" class="playimg"/>
</div>
<div class="Longtermcapital">
<p>To generate long term capital appreciation and income distribution to investors from a portfolio that is predominantly invested in equity and equity related securities of large cap companies.</p>
</div>
<div class="question">
<p class="qn"><span class="qtn">Did you know</span><span class="qn2">if you had invested Rs.50,000 in last 3 years, you would have grown by % now</span></p>
</div>
<div class="linebar">
<a class="lumpsum">Lumpsum</a>
<p class="dash"></p>
<a class="sip">SIP</a>
</li>
</ul>
</div>
<div class="canInvest">
<p>I can Invest</p>
</div>
<div class="Money10k">
Rs.10,000
</div>
<div class="scheme">
Scheme Details
</div>
<p class="icicifund">ICICI Prudential Bluechip Fund</p>
<p class = "years">For how many years?</p>
<div>
<g class="firstsvg">
<text x="70" y="30" font-family="Verdana" font-size="25" fill="white">1 Y</text>
</g>
<g class="secondsvg">
<text x="10" y="30" font-family="Verdana" font-size="25">3 Y</text>
</g>
<g class="thirdsvg">
<text x="10" y="30" font-family="Verdana" font-size="25" fill="white">5 Y</text>
</g>
</div>
<input type="range" class="slidecontainer" type="range" min="1" max="100" value="30">
<p class="Historicalreturns">Estimated Value as per Historical Returns</p>
<p class="Moneylpa">Rs. 23,00,000</p>
<p class="Annualreturns">with 9.3% annual returns</p>
<button type="button" class="Investmentbegin btn-lg">Begin Investment</button>
<button type="button" class="Investmentneed btn-lg">Check your investment need</button>
<div class = "Investmentplan">
<p class="planInvestment">Plan Your Investment Now</p>
<div class="Funds">
<div class="FundInvestment">
<p class="FundInvest2">
You can check how much about you should be savings for mutual fund investment here before you decide to invest!
</p>
</div>
<div class="nextstep">
<p class="Financetext">I have a financial goal of </p>
<p class="Money100">Rs. 5000</p>
<p class="dash1"></p>
<p class="contentnext">In next</p>
<p class="yrsnum">3</p>
<p class="dash2"></p>
<p class="yrs">Years</p>
<button type="button" class="btnnext btn-lg">Next</button>
</div>
</div>
</div>
</div>
</body>
</html>