· 6 years ago · Sep 01, 2019, 10:10 AM
1//dark theme
2<!DOCTYPE HTML>
3<html lang = "en">
4<head>
5 <!-- basic.html -->
6 <title>stockX</title>
7 <meta charset = "UTF-8" />
8 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
9 <link rel="stylesheet" href="bootstrap.min.css" type="text/css">
10 <style>
11 html, body {
12 height: 100%
13 }
14 input { border: 1px solid #000; padding: 5px; }
15
16 .tickerForm{
17 border-bottom: solid 4px white;
18 background: transparent;
19 border-top: 0;
20 border-left: 0;
21 border-right: 0;
22 border-radius: 0;
23 }
24 .tickerForm::placeholder {
25 color: white;
26 }
27 </style>
28</head>
29<body style= "background: #2B3E50;" >
30 <p id = "nameMsg"></p>
31 <script src = "ifExists.js"></script>
32
33 <div class="jumbotron" style = "margin-left: 10%; margin-right: 10%; margin-top: 1%; height: 70%;">
34 <h1>Stock Extension Prototype</h1>
35 <p> Before you begin, click <a href="https://www.alphavantage.co/support/#api-key" target="_blank">here</a> to sign up for an API Key </p>
36 </div>
37
38 <div style="margin-left: 10%; margin-right: 10%;">
39 <div class="row">
40 <input type="text" class = "form-control col-md-4" placeholder="Name" id="usr" style= "margin-left: 14%; margin-right: 2%">
41 <input type="text" class = "form-control col-md-4" placeholder="API Key" id="apiKey" style= "margin-right: 14%; margin-left: 2%">
42 </div>
43 <br>
44 <br>
45
46 <div class="row">
47 <input type = "text" class = "form-control" id = "input1" placeholder="TICKER 1" style="width: 15%; margin-left: 2.5%; margin-right: 5%">
48 <input type = "text" class = "form-control" id = "input2" placeholder="TICKER 2" style="width: 15%; margin-right: 5%">
49 <input type = "text" class = "form-control" id = "input3" placeholder="TICKER 3" style="width: 15%; margin-right: 5%">
50 <input type = "text" class = "form-control" id = "input4" placeholder="TICKER 4" style="width: 15%; margin-right: 5%">
51 <input type = "text" class = "form-control" id = "input5" placeholder="TICKER 5" style="width: 15%; margin-right: 2.5%">
52 <br>
53 <br>
54 <br>
55 <input type = "text" class = " form-control tickerForm" id = "input1" placeholder="TICKER 1" style="width: 15%; margin-left: 10.5%; margin-right: 1%">
56 <input type = "text" class = "form-control tickerForm" id = "input2" placeholder="TICKER 2" style="width: 15%; margin-right: 1%">
57 <input type = "text" class = "form-control tickerForm" id = "input3" placeholder="TICKER 3" style="width: 15%; margin-right: 1%">
58 <input type = "text" class = "form-control tickerForm" id = "input4" placeholder="TICKER 4" style="width: 15%; margin-right: 1%">
59 <input type = "text" class = "form-control tickerForm" id = "input5" placeholder="TICKER 5" style="width: 15%; margin-right:10.5%">
60 </div>
61
62 <br>
63 <div class = "text-center">
64 <input type="button" class="btn btn-info" value ="submit" id = "submitName">
65 </div>
66 </div>
67
68 <script src = "storeInfo.js"></script>
69
70
71
72</body>
73</html>