-
Notifications
You must be signed in to change notification settings - Fork 0
/
howtoplay.html
243 lines (221 loc) · 11.1 KB
/
howtoplay.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
<!DOCTYPE html>
<html lang="en">
<head>
<title>How To Play</title>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="icon" type="image/png" sizes="16x16" href="images/favicon-32x32.png">
<script src="js/jquery-3.1.1.min.js"></script>
<link rel="stylesheet" href="css/bootstrap.min.css">
<link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/font-awesome/4.7.0/css/font-awesome.min.css">
<link href="//netdna.bootstrapcdn.com/bootstrap/3.0.0/css/bootstrap.min.css" rel="stylesheet">
<script src="js/bootstrap.min.js"></script>
<link rel="stylesheet" href="css/font-awesome.min.css">
<script src="js/config.js"></script>
<link rel="stylesheet" href="css/portfolio.css">
<script>
$(document).ready(function(){
var username=localStorage.getItem("name");
var amount=localStorage.getItem("amount");
$("#name").text(username);
$("#amount").text(amount);
})
</script>
</head>
<body style="background: #484848;">
<style>
.faqHeader {
font-size: 27px;
margin: 20px;
}
</style>
<!-- Bootstrap FAQ - END -->
<nav class="navbar navbar-inverse" style="background: #000000; border:none;margin-bottom: 5px;">
<div class="container-fluid">
<div class="navbar-header" >
<button type="button" class="navbar-toggle" data-toggle="collapse" data-target="#myNavbar">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</button>
<img id="logo" src="images/logo.png" style="width:45px;height:45px;margin-right: 5px;margin-top: 2px;">
</div>
<div class="collapse navbar-collapse" id="myNavbar">
<ul class="nav navbar-nav">
<li><a href="dashboard.html" style="color: #fff;font-size: 18px">Dashboard</a></li>
<li><a href="portfolio.html" style="font-size: 18px;color: #fff">Portfolio & Transactions</a></li>
<li><a href="broker.html" style="font-size: 18px;color: #fff">Broker</a></li>
<li><a href="#" style="font-size: 18px;color: #fff" class="nav_selected">How To Play</a></li>
</ul>
<ul class="nav navbar-nav navbar-right">
<li style="font-size:20px;color: #FFF;margin-top: 13px;margin-left: 20px;"><i class="fa fa-inr"
style="font-size: 20px;"></i><span
id="amount" style="margin-left: 10px"></span></li>
<li><a style="font-size: 18px;color: #FFF"><span class="glyphicon glyphicon-user"
style="margin-left: 2px;"><span
id="name" style="margin-left: 10px"></span></span></a>
</li>
<li><a id="logout" style="font-size: 18px;color: #FFF"><span
class="glyphicon glyphicon-log-out"></span>
Logout</a></li>
</ul>
</div>
</div>
</nav>
<div class="container">
<div class="page-header">
<h1 style="color:#ffffff;">Mock Stock <small style="color:#212121;">General Instructions on How To Play</small></h1>
</div>
<div class="alert alert-warning alert-dismissible" role="alert" style="color:#000000;">
For best user experience, use <strong>Chrome</strong> on desktop/laptop. For mobile, landscape mode is preferable.
</div>
<!-- Bootstrap FAQ - START -->
<div class="container">
<div class="panel-group">
<!--Know The Rules-->
<div class="faqHeader" style="font-weight: bold;color:#ffffff;">Know The Rules</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">Mock Stock market will be closed at 4:00PM on 3rd April, 2018. Further trading won't be allowed.</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">Each investor will get 15 Lacs of virtual money at the time of beginning. You will have to make max possible profit by trading shares.</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">Share prices will change based on our software.</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">In the end leaderboard will be displayed on website and winner will be decided based on the remaining balance in account.</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">Only remaining balance will be evaluated at the time of leaderboard declaration. Hence it is advisory to sell all shares before closing of market.</div>
</h4>
</div>
</div>
<!--About Dashboard-->
<div class="faqHeader" style="font-weight: bold;color:#ffffff;">About Dashboard</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">Dashboard contains total companies with its available shares(volume).</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">You will only be able to buy shares of a company if volume is available and you have enough balance for same.</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">Dashboard content will reflect changes automatically at every 10secs. To see changes in market news you will have to refresh the page.</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">On the top right corner, you will get the market news and tips from assigned broker.</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">Clicking on company name will give you the graph having details like company sector, no. of shares you have, and price fluctuation of last hour.</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">Column 'high' and 'low' indicates all time high (MAXIMUM) and all time low (MINIMUM) prices respectively. </div>
</h4>
</div>
</div>
<!--About Portfolio & Transactions-->
<div class="faqHeader" style="font-weight: bold;color:#ffffff;">About Portfolio & Transactions</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">In portfolio part, you will be shown each total number of shares owned by you at that time.</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">Transaction part will have information regarding your last 12 transactions.</div>
</h4>
</div>
</div>
<!--About Broker-->
<div class="faqHeader" style="font-weight: bold;color:#ffffff;">About Broker</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">You can assign broker to get tips regarding market.</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold; color: red;">NOTE: Broker's tips are not fully trustworthy source. So follow them at your own risk!!</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">You can only assign one broker at a time and you will have to face assigning charge everytime you assign or change a broker.</div>
</h4>
</div>
</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">You will be charged respective brokerage on every transaction you do if you have a broker assigned.</div>
</h4>
</div>
</div>
<!--Further Queries-->
<div class="faqHeader" style="font-weight: bold;color:#ffffff;">For Further Queries</div>
<div class="panel panel-default">
<div class="panel-heading">
<h4 class="panel-title">
<div style="font-weight: bold">Parv Kapadia: 9408020636</div>
<hr>
<div style="font-weight: bold">Abhishek Shah: 9978465658</div>
<hr>
<div style="font-weight: bold">Neeraj Lathiya: 7567425292</div>
<hr>
<div style="font-weight: bold">Ishan Shah: 9426436142</div>
</h4>
</div>
</div>
</div>
</div>
</div>
</body>
</html>