/
budget-hvac-ohio.html
79 lines (60 loc) · 2.31 KB
/
budget-hvac-ohio.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
<!DOCTYPE html>
<html lang="en-us">
<head>
<meta charset="UTF-8">
<title>Dispatch Reviews</title>
<meta name="viewport" content="width=device-width, initial-scale=1">
<link rel="stylesheet" type="text/css" href="stylesheets/normalize.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/stylesheet.css" media="screen">
<link rel="stylesheet" type="text/css" href="stylesheets/github-light.css" media="screen">
<script src="https://ajax.googleapis.com/ajax/libs/jquery/1.11.1/jquery.min.js"></script>
<link href="https://www.jqueryscript.net/css/jquerysctipttop.css" rel="stylesheet" type="text/css">
<!-- extra style -->
<style type="text/css">
#container { margin-left: auto; margin-right: auto; width: 100%;}
</style>
</head>
<body>
<section class="page-header">
<h1 class="project-name">Budget HVAC Ohio</h1>
<!--<img src="" alt="Air Solutions USA" style="width:12em;height:4em;"> replace logo here -->
<h2 class="project-tagline"></h2>
<a href="http://www.budgetohio.com/contact/" class="btn">Book an Appointment</a>
<a href="http://www.budgetohio.com/contact/" class="btn">Contact Us</a>
<a href="http://www.budgetohio.com/" class="btn">Website</a>
</section>
<section class="main-content">
<!-- where the content will go -->
<div id="container"></div>
<script>
$.get('https://www.periscopedata.com/api/dispatch/chart/csv/cb2914c8-6478-2ae6-2a75-ea9578619bc3', function(data) {
// start the table
var html = '<table class="table table-bordered">';
// split into lines
var rows = data.split("\n");
// parse lines
rows.forEach( function getvalues(ourrow) {
// start a table row
html += "<tr>";
// split line into columns
var columns = ourrow.split(",");
html += "<td>" + columns[0] + "</td>";
html += "<td>" + columns[1] + "</td>";
html += "<td>" + columns[2] + "</td>";
html += "<td>" + columns[3] + "</td>";
html += "<td>" + columns[4] + "</td>";
// close row
html += "</tr>";
})
// close table
html += "</table>";
// insert into div
$('#container').append(html);
});
</script>
<footer class="site-footer">
<span class="site-footer-owner">Powered by <a href="https://dispatch.me">Dispatch</a>.</span>
</footer>
</section>
</body>
</html>