index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="utf-8">
    <!-- Styles -->
    <link rel="stylesheet" href="css/bootstrap.min.css">
    <link rel="stylesheet" href="css/styles.css">
    <title>Best Fit Block Problem</title>
  </head>
  <body>
    <div class=row>
        <div class="col-lg-4 col-md-4 col-sm-4 col-xs-4">
            <h1>Legend</h1> 
            <div class=button-group>
                <button class="btn btn-default" id=loadDataFromURL>Load Data From URL</button>
                <button class="btn btn-default" id=useLocalData>Use Local Data</button>
            </div>
            <div id=list></div>
        </div>
        <div class="col-lg-8 col-md-8 col-sm-8 col-xs-8">
            <h1>Best Fit Block Problem</h1>        
            <div id=message_box></div>
            <div id=first_canvas_title></div>
            <div id=first_canvas></div>
            <div id=second_canvas_title></div>
            <div id=second_canvas></div>
        </div>
    </div>
    <!-- Libraries -->
    <script src="lib/jquery-2.1.4.min.js"></script>
    <script src="lib//d3.v3.min.js" charset="utf-8"></script>
    <!-- Custom -->
    <script src="js/script.js"></script>    
  </body>
</html>