Checkout

<form action="#!">
  
  <div class="row">
    <div class="col m6 s12">
      <div class="input-field">
        <i class="fa fa-user prefix"></i>
        <input id="input_fname" type="text" name="first_name">
        <label for="input_fname">First Name</label>
      </div>
    </div>
    <div class="col m6 s12">
      <div class="input-field">
        <i class="fa fa-user prefix"></i>
        <input id="input_lname" type="email" name="last_name">
        <label for="input_lname">Last Name</label>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col m6 s12">
      <div class="input-field">
        <i class="fa fa-envelope prefix"></i>
        <input id="input_email" type="email" name="email">
        <label for="input_email">Email</label>
      </div>
    </div>
    <div class="col m6 s12">
      <div class="input-field">
        <i class="fa fa-phone prefix"></i>
        <input id="input_phone" type="tel" name="phone">
        <label for="input_phone">Phone</label>
      </div>
    </div>
  </div>

  <hr>

  <div class="row">
    <div class="col m5 s12">
      <label>Country</label>
      <select class="browser-default" name="country">
        <option value="0" selected disabled>Country</option>
        <option value="244">Aaland Islands</option>
        <option value="1">Afghanistan</option>
        <option value="2">Albania</option>
        ...
      </select>
    </div>
    <div class="col m4 s12">
      <div class="input-field">
        <input id="input_city" type="text" name="city">
        <label for="input_city">City</label>
      </div>
    </div>
    <div class="col m3 s12">
      <div class="input-field">
        <input id="input_postcode" type="text" name="post_code">
        <label for="input_postcode">Post code</label>
      </div>
    </div>
  </div>

  <div class="input-field">
    <input id="input_address" type="text" name="address">
    <label for="input_address">Address</label>
  </div>

  <div class="input-field">
    <textarea id="textarea_additional" class="materialize-textarea" name="additional"></textarea>
    <label for="textarea_additional">Additional info</label>
  </div>

  <hr>

  <p>
    <input name="pay-type" type="radio" id="visa" checked />
    <label for="visa">Visa</label>

    <input name="pay-type" type="radio" id="mastercard" />
    <label for="mastercard">MasterCard</label>

    <input name="pay-type" type="radio" id="paypal" />
    <label for="paypal">PayPal</label>
  </p>

  <div class="input-field">
    <input id="input_card_name" type="text" name="card-name">
    <label for="input_card_name">Name on card</label>
  </div>

  <div class="row">
    <div class="col m10 s12">
      <div class="input-field">
        <input id="input_card_number" type="text" name="card-number">
        <label for="input_card_number">Card number</label>
      </div>
    </div>
    <div class="col m2 s12">
      <div class="input-field">
        <input id="input_card_cvv" type="text" name="card-cvv">
        <label for="input_card_cvv">CVV2</label>
      </div>
    </div>
  </div>

  <div class="row">
    <div class="col m5 s12">
      <label>Month</label>
      <select name="card-month" class="browser-default">
        <option value="0" selected disabled>Month</option>
        <option value="1">January</option>
        <option value="2">February</option>
        ...
      </select>
    </div>
    <div class="col m3 s12">
      <div class="input-field">
        <input id="input_card_year" type="text" name="card-year">
        <label for="input_card_year">Year</label>
      </div>
    </div>
  </div>
  
  <div class="row">
    <div class="col">
      <button class="waves-effect btn">Continue</button>
    </div>
  </div>

</form>