JS Bin // source https://jsbin.com/bediroyigu

<!DOCTYPE html>
<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

-->
    
    <div class="container-fluid">
        
        
        <div class="row">
            
            <div class="col-xs-6" id="map"></div>
            
            <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>