<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="firstname">
<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="text" name="lastname">
<label for="input_lname">Last Name</label>
</div>
</div>
</div>
<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 class="input-field">
<i class="fa fa-user prefix"></i>
<input id="input_username" type="text" name="username">
<label for="input_username">Username</label>
</div>
<div class="input-field">
<i class="fa fa-unlock-alt prefix"></i>
<input id="input_password" type="password" name="password">
<label for="input_password">Password</label>
</div>
<select name="gender">
<option value="" disabled selected>Gender</option>
<option value="male">Male</option>
<option value="female">Female</option>
<option value="other">Other</option>
</select>
<p>
<input type="checkbox" id="checkbox_terms" />
<label for="checkbox_terms">I agree to the <a href="#">terms of use</a>.</label>
</p>
<button class="waves-effect btn">Register</button>
</form>