Bulma Registration Form

<div class="container">
  <div class="columns is-justify-content-center">
    <div class="column is-6-tablet is-5-desktop is-4-widescreen is-3-fullh">
      <form method="POST" action="https://herotofu.com/start" class="box p-5">
        <label class="is-block mb-4">
          <span class="is-block mb-2">Email address</span>
          <input
            required
            type="email"
            class="input"
            placeholder="joe.bloggs@example.com"
          />
        </label>

        <label class="is-block mb-4">
          <span class="is-block mb-2">Password</span>
          <input
            name="password"
            type="password"
            class="input"
            minlength="6"
            placeholder="(must be 6+ chars)"
            required
          />
        </label>

        <div class="mb-4">
          <label>
            <input type="checkbox" name="tos" value="yes" required />
            <span>I agree with the TOS</span>
          </label>
        </div>

        <div class="mb-4">
          <button type="submit" class="button is-link px-4">Sign Up</button>
        </div>

        <div>
          <div class="is-size-7 has-text-right">
            by
            <a
              href="https://herotofu.com/start"
              class="has-text-dark"
              target="_blank"
              >HeroTofu</a
            >
          </div>
        </div>
      </form>
    </div>
  </div>
</div>

/* The following CSS is used only for the preview,
   please don't copy it to your production code */
body { padding: 2rem 0; }