forked from technext/azzara
-
Notifications
You must be signed in to change notification settings - Fork 1
Expand file tree
/
Copy pathdocumentation.html
More file actions
298 lines (253 loc) · 15.1 KB
/
documentation.html
File metadata and controls
298 lines (253 loc) · 15.1 KB
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
<!DOCTYPE html>
<html lang="en">
<head>
<meta http-equiv="X-UA-Compatible" content="IE=edge" />
<title>Stock Prediction</title>
<meta content='width=device-width, initial-scale=1.0, shrink-to-fit=no' name='viewport' />
<link rel="icon" href="assets/img/icon.ico" type="image/x-icon" />
<!-- Fonts and icons -->
<script src="assets/js/plugin/webfont/webfont.min.js"></script>
<script>
WebFont.load({
google: {
"families": ["Open+Sans:300,400,600,700"]
},
custom: {
"families": ["Flaticon", "Font Awesome 5 Solid", "Font Awesome 5 Regular", "Font Awesome 5 Brands"],
urls: ['assets/css/fonts.css']
},
active: function() {
sessionStorage.fonts = true;
}
});
</script>
<!-- CSS Files -->
<link rel="stylesheet" href="assets/css/bootstrap.min.css">
<link rel="stylesheet" href="assets/css/azzara.min.css">
<!-- CSS Just for demo purpose, don't include it in your project -->
<link rel="stylesheet" href="assets/css/demo.css">
</head>
<body>
<div class="wrapper">
<div class="main-header" data-background-color="purple">
<div class="logo-header">
<a href="index.html" class="logo">
<p style="color:rgb(255, 255, 255);font-size:22px;font-family:'Trebuchet MS', 'Lucida Sans Unicode', 'Lucida Grande', 'Lucida Sans', Arial, sans-serif; text-align:center;">
Stock Prediction
</p>
</a>
<button class="navbar-toggler sidenav-toggler ml-auto" type="button" data-toggle="collapse" data-target="collapse" aria-expanded="false" aria-label="Toggle navigation">
<span class="navbar-toggler-icon">
<i class="fa fa-bars"></i>
</span>
</button>
<button class="topbar-toggler more"><i class="fa fa-ellipsis-v"></i></button>
<div class="navbar-minimize">
</div>
</div>
<!-- End Logo Header -->
<!-- Navbar Header -->
<nav class="navbar navbar-header navbar-expand-lg">
</nav>
<!-- End Navbar -->
</div>
<!-- Sidebar -->
<div class="sidebar">
<div class="sidebar-background"></div>
<div class="sidebar-wrapper scrollbar-inner">
<div class="sidebar-content">
<ul class="nav">
<li class="nav-item active">
<span class="sidebar-mini-icon">
<a href="index.html">
<i class="fas fa-home"></i>
<h4 class="text-section">Overview</h4>
</a>
</span>
</li>
<li class="nav-item">
<a data-toggle="collapse" href="#base">
<i class="fas fa-layer-group"></i>
<p>Base</p>
</a>
<div class="collapse" id="base">
<ul class="nav nav-collapse">
<li>
<a href="#">
<span class="sub-item">option 1</span>
</a>
</li>
<li>
<a href="#">
<span class="sub-item">option 2</span>
</a>
</li>
<li>
<a href="#">
<span class="sub-item">option 3</span>
</a>
</li>
</ul>
</div>
</li>
<li class="nav-item">
<a href="blog.html">
<i class="fas fa-desktop"></i>
<p>Blog</p>
<span class="badge badge-count badge-success">4</span>
</a>
</li>
<li class="nav-item">
<a href="documentation.html">
<i class="fas fa-desktop"></i>
<p>Documentation</p>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- End Sidebar -->
<div class="main-panel">
<div class="content">
<div class="page-inner">
<h4 class="page-title">About this site</h4>
<div class="row">
<div class="col-md-8">
<div class="card card-with-nav">
<div class="card-header">
<div class="row row-nav-line">
<ul class="nav nav-tabs nav-line nav-color-secondary" role="tablist">
<li class="nav-item"> <a class="nav-link active show" data-toggle="tab" href="documentation.html" role="tab" aria-selected="true">Uses</a> </li>
</ul>
</div>
</div>
<div class="card-body">
<div class="row mt-3">
<div class="col-md-12">
<div class="form-group form-group-default">
<label> <h3>Functionality</h3> </label>
<p> Whenever User opens the website, the dashboard/homepage will be shown on the screen Which will basically contain a search bar,
<br>Sensex and Nifty prices, list of around 50 stocks and more options like view blogs, view documentation, etc</p>
<p>Once a user enters the name of stock which he wants to see, the graph analysis of that particular stock will be shown. </p>
<p>The user can also select the timeframe for which duration he wants to see the analysis.</p>
<p>Basically this graph will show the price movement of that particular stock over the time period which user has selected.</p>
<p>The basic indices of that stock like RSI, market capitalization,open value, close value, PE ratio will also be shown to the user.</p>
</div>
</div>
<div class="col-md-12">
<div class="form-group form-group-default">
<label> <h3>Prediction</h3> </label>
<p>Now if a user wants to see the future prediction of that particular stock, it will also be shown to him in the form of a graph.</p>
<p>The prediction might not be pinpoint accurate. It will be relying on the past movement of that stock.</p>
</div>
</div>
<div class="col-md-12">
<div class="form-group form-group-default">
<label> <h4>More</h4> </label>
<p>Users can also watch some blogs or articles related to the market.</p>
<p>If a user wants to see the documentation part of the website, he can select the option for the same.</p>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="col-md-4">
<div class="card card-profile card-secondary">
<div class="card-body">
<div class="user-profile text-center">
<div class="name">extra box to add something</div>
<div class="desc">6th Semester Software Engineering project</div>
<div class="social-media">
<a class="btn btn-info btn-twitter btn-sm btn-link" href="#">
<span class="btn-label just-icon"><i class="flaticon-twitter"></i> </span>
</a>
<a class="btn btn-danger btn-sm btn-link" rel="publisher" href="#">
<span class="btn-label just-icon"><i class="flaticon-google-plus"></i> </span>
</a>
<a class="btn btn-primary btn-sm btn-link" rel="publisher" href="#">
<span class="btn-label just-icon"><i class="flaticon-facebook"></i> </span>
</a>
<a class="btn btn-danger btn-sm btn-link" rel="publisher" href="#">
<span class="btn-label just-icon"><i class="flaticon-dribbble"></i> </span>
</a>
</div>
<div class="view-profile">
<a href="#" class="btn btn-secondary btn-block">this box is to add something extra here</a>
</div>
</div>
</div>
<div class="card-footer">
<div class="row user-stats text-center">
<div class="col">
<div class="number">125</div>
<div class="title">Post</div>
</div>
<div class="col">
<div class="number">25K</div>
<div class="title">Followers</div>
</div>
<div class="col">
<div class="number">134</div>
<div class="title">Following</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="row">
<div class="col-md-8">
<div class="card card-with-nav">
<div class="card-header">
<div class="row row-nav-line">
<ul class="nav nav-tabs nav-line nav-color-secondary" role="tablist">
<li class="nav-item"> <a class="nav-link active show" data-toggle="tab" href="documentation.html" role="tab" aria-selected="true">Goals</a> </li>
</ul>
</div>
</div>
<div class="card-body">
<div class="row mt-3">
<div class="col-md-12">
<div class="form-group form-group-default">
<p>
Our aim is to create software that analyzes previous stock data of certain companies, with help of certain parameters that affect stock value
<br>and determine the values that particular stock will have in near future.
</p>
<p>Analysis of stocks will be useful for new investors to invest in the stock market based on the various factors considered by the software.
</p>
</div>
</div>
</div>
</div>
</div>
</div>
<!-- End Custom template -->
</div>
<!-- Core JS Files -->
<script src="assets/js/core/jquery.3.2.1.min.js"></script>
<script src="assets/js/core/popper.min.js"></script>
<script src="assets/js/core/bootstrap.min.js"></script>
<!-- jQuery UI -->
<script src="assets/js/plugin/jquery-ui-1.12.1.custom/jquery-ui.min.js"></script>
<script src="assets/js/plugin/jquery-ui-touch-punch/jquery.ui.touch-punch.min.js"></script>
<!-- Moment JS -->
<script src="assets/js/plugin/moment/moment.min.js"></script>
<!-- DateTimePicker -->
<script src="assets/js/plugin/datepicker/bootstrap-datetimepicker.min.js"></script>
<!-- Bootstrap Toggle -->
<script src="assets/js/plugin/bootstrap-toggle/bootstrap-toggle.min.js"></script>
<!-- jQuery Scrollbar -->
<script src="assets/js/plugin/jquery-scrollbar/jquery.scrollbar.min.js"></script>
<!-- Azzara JS -->
<script src="assets/js/ready.min.js"></script>
<!-- Azzara DEMO methods, don't include it in your project! -->
<script src="assets/js/setting-demo.js"></script>
<script>
$('#datepicker').datetimepicker({
format: 'MM/DD/YYYY',
});
</script>
</body>
</html>