index.html

<!DOCTYPE html>
<html>
  <head>
    <meta charset="UTF-8">
    <title>Hello World!</title>
    <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/css/materialize.min.css">
    <script src="https://cdnjs.cloudflare.com/ajax/libs/materialize/0.100.2/js/materialize.min.js"></script>

  </head>
  <body>
    <div class="row">
      <div class="col s12 m6">
        <div class="card">
          <div class="card-image">
            <img src="bg.jpg">
            <span class="card-title">
              <h4 style="color:black; text-shadow: black 0.1em 0.2em 0.3em">สวัสดีชาวโลก</h4></span>
            <a class="btn-floating halfway-fab waves-effect waves-light red"><i class="material-icons">CS</i></a>
          </div>
          <div class="card-content">
            <ol>
            <li>We are using node = </font><script>document.write(process.versions.node)</script></li>
            <li>Chrome = <script>document.write(process.versions.chrome)</script></li>
            <li>and Electron =  <script>document.write(process.versions.electron)</script>
            </li>
            </ol>
          </body>
          </div>
        </div>
      </div>
    </div>
  </body>
</html>