· 6 years ago · Sep 01, 2019, 09:00 PM
1<!DOCTYPE HTML>
2<html lang = "en">
3<head>
4 <!-- basic.html -->
5 <title>stockX</title>
6 <meta charset = "UTF-8" />
7 <script src="https://ajax.googleapis.com/ajax/libs/jquery/3.4.1/jquery.min.js"></script>
8 <link rel="stylesheet" href="bootstrap.min.css" type="text/css">
9 <style>
10 html, body {
11 height: 100%
12 }
13 input { border: 1px solid #000; padding: 5px; }
14
15 .tickerForm{
16 border-bottom: solid 4px #2B3E50;
17 background: white;
18 border-top: 0;
19 border-left: 0;
20 border-right: 0;
21 border-radius: 0;
22 }
23 .tickerForm::placeholder {
24 color: #2B3E50;
25 }
26 .navy{
27 color: #2B3E50;
28 }
29 </style>
30</head>
31<body >
32 <p id = "nameMsg"></p>
33 <script src = "ifExists.js"></script>
34
35
36 <div class = "jumbotron" style= "margin-left: 10%; margin-right: 10%; margin-top: 2%; margin-bottom: 0%; height: 75%; border: 1px solid #2B3E50; color: white;">
37 <h1 class = "navy">Stock Extension Prototype</h1>
38 <p class = "navy"> 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>
39 <input type="text" class = "form-control col-md-4" placeholder="Name" id="usr" style= "margin-bottom: 1%">
40 <input type="text" class = "form-control col-md-4" placeholder="API Key" id="apiKey" >
41 </div>
42
43 <div class = "jumbotron" style="margin-left: 10%; padding-top: 2%; margin-right: 10%; margin-top: 1%; height: 15%; border: 1px solid #2B3E50;">
44 <div class="row">
45 <input type = "text" class = " form-control tickerForm" id = "input1" placeholder="Ticker 1" style="width: 15%; margin-left: 1%; margin-right: 1%">
46 <input type = "text" class = "form-control tickerForm" id = "input2" placeholder="Ticker 2" style="width: 15%; margin-right: 1%">
47 <input type = "text" class = "form-control tickerForm" id = "input3" placeholder="Ticker 3" style="width: 15%; margin-right: 1%">
48 <input type = "text" class = "form-control tickerForm" id = "input4" placeholder="Ticker 4" style="width: 15%; margin-right: 1%">
49 <input type = "text" class = "form-control tickerForm" id = "input5" placeholder="Ticker 5" style="width: 15%; margin-right:3%">
50 <div class = "text-center">
51 <input type="button" class="btn" value ="submit" id = "submitName" style= "background: #2B3E50; color: white;width: 250%">
52 </div>
53 </div>
54 </div>
55
56
57 <script src = "storeInfo.js"></script>
58
59
60
61</body>
62</html>