<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>
Online
Felecia Castro
Felecia Castro
Lorem status
Max Brooks
Max Brooks
Lorem status
Patsy Griffin
Patsy Griffin
Lorem status
Chloe Morgan
Chloe Morgan
Lorem status
Vernon Garrett
Vernon Garrett
Lorem status
Greg Mcdonalid
Greg Mcdonalid
Lorem status
Christian Jackson
Christian Jackson
Lorem status
Offline
Willie Kelly
Willie Kelly
Lorem status
Jenny Phillips
Jenny Phillips
Lorem status
Darren Cunningham
Darren Cunningham
Lorem status
Sandra Cole
Sandra Cole
Lorem status
Monday, Feb 23, 8:23 pm
Hi, Felicia.
How are you?
John DoeHi! I am good!
Glad to see you :)
This long text is intended to show how the chat will display it.
John DoeAlso, we will send the longest word to show how it will fit in the chat window: Pneumonoultramicroscopicsilicovolcanoconiosis
Friday, Mar 10, 5:07 pm
Hi again!
John DoeHi! Glad to see you.
I want to add you in my Facebook.
Can you give me your page?
John DoeI do not use Facebook. But you can follow me in Twitter.
It's good idea!
John DoeYou can find me here - https://twitter.com/nkdevv