index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <style>
    html,body{
      height: 100%;
      margin:0;
    }
    #device{
      max-width: 100%;
      max-height: calc(100% - 64px);
    }
  .buttons{
    position: absolute;
    bottom: 0;
    height: 64px;
    background-color: black;
  }
    </style>
  </head>
  <body>
    <div class='buttons'>
      <button value='Menu' onclick="client.buttonMenu()">Menu</button>
      <button value='home' onclick="client.buttonHome()">Home</button>
      <button value='back' onclick="client.buttonBack()">Back</button>
    </div>
  </body>

  <script>
    // You can also require other files to run in this process
    client = require('./renderer.js');
    console.log('client', client);
  </script>
</html>