Untitled

<!DOCTYPE html>
<html>
  <head>
    <link rel="shortcut icon" href="favicon.ico" />
    <title>Registration</title>
    <meta
     name="description"
     content="Register here"
   />
    <meta name="keywords" content="register, play, game" />


    <style type="text/css">
      html,
      body {
        padding: 1;
        margin: 1;
      }

      input {
        font-size: 16px;
        font-family: Helvetica, sans-serif;
      }

      body {
        background-color: #66aacc;
        font-family: sans-serif, arial, helvetica;
        padding-bottom: 50px;
      }

      .container {
        background-color: #ffffff;
        max-width: 600px;
        margin: 20px auto 0 auto;
        padding: 15px 20px 1px 20px;
      }

      .form-row {
        padding: 10px 0;
        display: flex;
      }

      .form-row label {
        padding-right: 10px;
      }

      .form-row input {
        padding-right: 10px;
        flex: 1;
      }
    </style>
  </head>
  <body>

    <h1>{{message}}</h1>


    <div class="container">

      <form
       name="frmInfo"
       action="/register"
       method="post"     >

        <div class="form-row">
          <label for="username">Username: </label>
          <input type="text" id="username" name="username" />
        </div>


        <div class="form-row">
          <label for="password">Password:</label>
          <input type="text" id="password" name="password" />
        </div>

        <!-- button for user to submit the form -->
        <div class="form-row">
          <button type="submit" id="register" value="register" />
        </div>


      </form>

    </div>


  </body>
</html>