Materialize Address Form

<div class="container">
  <div class="row">
    <div class="col s12 m8 offset-m2 offset-l3 l7 offset-xl4 xl6">
      <form method="POST" action="https://herotofu.com/start">
        <div class="row">
          <div class="input-field col s12">
            <input
              name="name"
              placeholder="Joe Bloggs"
              id="full_name"
              type="text"
              class="validate"
            />
            <label for="full_name">Your name</label>
          </div>
        </div>

        <div class="row">
          <div class="input-field col s12">
            <input
              name="address1"
              placeholder=""
              id="address1"
              type="text"
              class="validate"
            />
            <label for="address1">Address line 1</label>
          </div>
        </div>

        <div class="row">
          <div class="input-field col s12">
            <input
              name="address2"
              placeholder=""
              id="address2"
              type="text"
              class="validate"
            />
            <label for="address2">Address line 2</label>
          </div>
        </div>

        <div class="row">
          <div class="input-field col s12">
            <input
              name="city"
              placeholder=""
              id="city"
              type="text"
              class="validate"
            />
            <label for="city">City</label>
          </div>
        </div>

        <div class="row">
          <div class="input-field col s12">
            <input
              name="state"
              placeholder=""
              id="state"
              type="text"
              class="validate"
            />
            <label for="state">State/Province</label>
          </div>
        </div>

        <div class="row">
          <div class="input-field col s12">
            <input
              name="zip"
              placeholder=""
              id="zip"
              type="text"
              class="validate"
            />
            <label for="zip">Zip/Postal code</label>
          </div>
        </div>

        <div class="row">
          <div class="input-field col s12">
            <input
              name="country"
              placeholder=""
              id="country"
              type="text"
              class="validate"
            />
            <label for="country">Country</label>
          </div>
        </div>

        <div class="row">
          <div class="input-field col s12">
            <input
              name="telephone"
              placeholder=""
              id="telephone"
              type="text"
              class="validate"
            />
            <label for="telephone">Telephone</label>
          </div>
        </div>

        <div class="row">
          <div class="input-field col s12">
            <textarea
              name="message"
              id="message"
              class="materialize-textarea validate"
              placeholder="floor/door lock code/etc."
            ></textarea>
            <label for="message">Delivery information</label>
          </div>
        </div>

        <div class="row">
          <div class="col s12">
            <button type="submit" class="btn waves-effect waves-light">
              Save
            </button>
          </div>
        </div>

        <div class="right-align">
          <small
            >by
            <a
              href="https://herotofu.com"
              class="grey-text text-darken-3"
              target="_blank"
              >HeroTofu</a
            ></small
          >
        </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; }