xxxxxxxxxx<html><head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width"> <title>JS Bin</title><style id="jsbin-css">/* This is the CSS stylesheet for the quakes application A good CSS resource: https://developer.mozilla.org/en-US/docs/Web/CSS*/html, body { height:100%;}body { margin:0; padding:0; }#map { height:100%;}#data { overflow: scroll; height: 100%;}</style></head><body><!-- Main Layout --> <!-- main container --> <div class="container-fluid"> <!-- Columns are always 50% wide, on mobile and desktop --> <!-- Source: https://getbootstrap.com/css/#grid-example-mixed --> <div class="row"> <!-- map column --> <div class="col-xs-6" id="map"></div> <!-- data column --> <div class="col-xs-6" id="data"> <h1 id="title">Data</h1> <div id="stoplist"></div> </div> </div> </div><!-- <script id="jsbin-javascript">/* Global variables*/var metro = {};/* Run this when the html document is loaded Source: https://learn.jquery.com/using-jquery-core/document-ready/*/$( document ).ready(function() { metro.init();});/* The initialize function is the first thing this application does*/metro.init = function(){ console.log("hello world")</script><script id="jsbin-source-css" type="text/css">/* This is the CSS stylesheet for the quakes application A good CSS resource: https://developer.mozilla.org/en-US/docs/Web/CSS*/html, body { height:100%;}body { margin:0; padding:0; }#map { height:100%;}#data { overflow: scroll; height: 100%;}</script><script id="jsbin-source-javascript" type="text/javascript">/* Global variables*/var metro = {};/* Run this when the html document is loaded Source: https://learn.jquery.com/using-jquery-core/document-ready/*/$( document ).ready(function() { metro.init();});/* The initialize function is the first thing this application does*/metro.init = function(){ console.log("hello world")</script></body></html>