index.html

## index.html
<!DOCTYPE html>
<html>
  <head>
    <title>Custom Legend Example</title>
   <link rel="stylesheet" href="http://libs.cartodb.com/cartodb.js/v3/3.15/themes/css/cartodb.css" />
    <meta name="viewport" content="initial-scale=1.0, user-scalable=no" />
    <meta http-equiv="content-type" content="text/html; charset=UTF-8"/>
    <style>
      html, body, #map {
        height: 100%;
        padding: 0;
        margin: 0;
      }

    #map .cartodb-legend-stack {
      position: absolute;
      left: 20px;
      width: 80px;
      top:100px;
      padding: 2px;
      z-index: 99;
      bottom: auto;}
	  </style>

  </head>

  <body>
    <div class="map" id="map"></div>

    <script src="http://libs.cartodb.com/cartodb.js/v3/3.15/cartodb.js"></script>

    <script>

      function main() {

        cartodb.createVis('map', 'https://team.cartodb.com/u/chandra/api/v2/viz/f8a5125c-b56f-11e5-a5c9-0e787de82d45/viz.json', {legends:true})
        .done(function(vis, layers) {

        })
        .error(function(err) {
          console.log(err);
        });
      }

      window.onload = main;
    </script>


  </body>
</html>