index.html

<!doctype html>
<html>
<head>
  <title>NG Friends</title>

  <link href="/bower_components/angular-material/angular-material.css" rel="stylesheet" type="text/css"/>

</head>
<body layout="column">
  <friends-app></friends-app>
  
  <!-- loading es6-module-loader.js shims promises, so it has to come before zone.js -->
  <script src="/deps/traceur.js"></script>
  <script src="/deps/system.js"></script>

  <script src="/deps/zone.js"></script>
  <script src="/deps/long-stack-trace-zone.js"></script>

  <script src="/ng/rtts_assert/rtts_assert.js"></script>

  <script>
    System.paths = {
      '*':'/ng/*.js',
      'di':'angular2/di',
      'annotations':'annotations.js',
      'friends': 'friends.js',
    };
    System.import('friends').then(function(module) {
      module.main();
    }, console.log.bind(console));
  </script>
  </body>
</html>