app/app.html

<!doctype html>
<html>
<head>
    <meta charset="utf-8">
    <title>DriveShare</title>

    <link href="./stylesheets/main.css" rel="stylesheet" type="text/css">
    <link href="./lib/w2ui-1.4.3.min.css" rel="stylesheet" type="text/css">

    <script src="lib/electron_boilerplate/env_config.js"></script>
    <script src="lib/electron_boilerplate/context_menu.js"></script>
    <script src="lib/electron_boilerplate/external_links.js"></script>
    
    <script type="text/javascript" src="lib/jquery-1.11.3.min.js" onload="window.$ = window.jQuery = module.exports;"></script>
    <script src="lib/w2ui-1.4.3.min.js"></script>

    <script src="lib/require.js"></script>
    <script>
        requirejs(['app'], function (app) {});
    </script>

</head>
<body>

    <div class="container">
        <h1 id="greet"></h1>
        <p class="subtitle">
            Welcome to <a href="http://electron.atom.io" class="js-external-link">Electron</a> app running on this magnificent <strong id="platform-info"></strong> machine.
        </p>
        <p class="subtitle">
            You are in <strong id="env-name"></strong> environment.
        </p>
    </div>
    <div id="grid-container" style="height: 100%"></div>
</body>
<script>
    $('#grid-container').w2grid({ 
        name   : 'grid', 
        height : '100%',
        columns: [                
            { field: 'fpath', caption: 'Directory Path', size: '70%' },
            { field: 'fsize', caption: 'Allocated Size', size: '15%' },
            { field: 'fstatus', caption: 'Status', size: '15%' },
        ],
        records: [
            { recid: 1, fpath: __dirname, fsize: '##MB', fstatus: 'Ready'}
        ]
    });
</script>
</html>