dashboard.html

<!DOCTYPE html>
<html>
  <head>
    <title>EN2: Ozone</title>
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta charset="UTF-8">

    <link href="css/app.css" rel="stylesheet" media="screen">

    <!--<link rel="stylesheet" href="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.css" />-->

    <link href="http://cdn.kendostatic.com/2014.1.528/styles/kendo.common.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2014.1.528/styles/kendo.default.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2014.1.528/styles/kendo.dataviz.min.css" rel="stylesheet" />
    <link href="http://cdn.kendostatic.com/2014.1.528/styles/kendo.dataviz.default.min.css" rel="stylesheet" />

    <link type="text/css" rel="stylesheet" href="https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.css" media="all" />

    <link rel="stylesheet" href="http://libs.cartocdn.com/cartodb.js/v3/3.13/themes/css/cartodb.css" />

    <style type="text/css">
      #map {
        height: 300px;
        width: 700px;
      }
    </style>
  </head>
  <body>
    <div><div id="en-a-chart"></div></div>

    <hr>

    <h3 id="map_title">Ozone Concentrations</h3>
    <div class="row">
      <div class="col-lg-12">
        <div class="row">

          <div class="col-lg-6 col-md-6">
            <div class="map" id="map" style="height:450px; min-height:450px;">&nbsp;</div>
          </div>

          <div class="col-lg-6 col-md-6 map_chart_">
            <div class="initial_map" style="font-size:16px; height: auto;">
              Select sensors on the map to see detailed historical ozone concentrations.
            </div>
            <div id="en-b-title" class="map_info">
              <div class="initial_map" style="font-size:16px; height:auto;">
              </div>
            </div>

            <div id="en-b-chart" style="float:left;width:100%;"></div>
          </div>
        </div>
      </div>
    </div>

    <hr>

    <div id="en-c-chart"></div>


    <!-- libraries -->
    <script src="http://code.jquery.com/jquery.js"></script>
    <!--<script src="http://cdn.leafletjs.com/leaflet-0.7.3/leaflet.js"></script>-->
    <script type="text/javascript" src="https://api.tiles.mapbox.com/mapbox.js/v2.1.4/mapbox.js"></script>

    <script src="http://cdn.kendostatic.com/2014.1.528/js/kendo.all.min.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/lodash.js/3.5.0/lodash.js"></script>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/bluebird/2.9.13/bluebird.min.js"></script>
    <script src="http://code.highcharts.com/highcharts.js"></script>


    <!-- From MTC server -->
    <!-- <script src="http://dev-mtc-vital-signs.pantheon.io/sites/all/themes/vitalsigns/js/geocities.js"></script>-->
    <script src="http://dev-mtc-vital-signs.pantheon.io/sites/all/themes/vitalsigns/js/colors.js"></script>
    <script src="http://dev-mtc-vital-signs.pantheon.io/sites/all/themes/vitalsigns/js/science.v1.min.js"></script>

    <script src="js/viz/en2a.js"></script>
    <script src="js/viz/en2b.js"></script>
    <script src="js/viz/en2c.js"></script>
  </body>
</html>