-
Notifications
You must be signed in to change notification settings - Fork 0
/
Copy pathindex.html
59 lines (51 loc) · 1.52 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
<html lang="en">
<head>
<meta charset="utf-8"/>
<title>Uber Vs Lyft</title>
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.12.2/jquery.min.js"></script>
<script type="text/javascript" src="http://maps.googleapis.com/maps/api/js?key=AIzaSyC9l8s6Af4zUNSbB1Mnq7gCktDY2-3AfSc"></script>
<script src = "interact.js"></script>
<link rel="stylesheet" type="text/css" href="stylesheet.css"/>
</head>
<body>
<div id = "container" style = "background-image: url('img/cars.jpg')">
<div id = "title">
<h1>Uber vs. Lyft</h1>
</div>
<div id = "page-break"></div>
<div id = "main">
<form>
<p>
<label for="a" class = "requests">Start Address:</label>
<input id="address1" class = "addresses" type="text">
</p>
<p>
<label for="b" class = "requests">End Address:</label>
<input id="address2" class = "addresses" type="text">
</p>
</form>
<button type = "button" id = "compare">Compare</button>
<br>
<br>
<table id = 'table'>
<tr>
<th>Comparison</th>
<th>Uber</th>
<th>Lyft</th>
</tr>
<tr>
<th>Price</th>
<td id = 'uber-price'></td>
<td id = 'lyft-price'></td>
</tr>
</tr>
<th>Time</th>
<td id = 'uber-time'></td>
<td id = 'lyft-time'></td>
</tr>
</table>
<h4 id = "message"></h4>
</div>
</div>
</body>
</html>