<form class="mt-40">
  <label data-lang="email" for="reg_email">
  </label>
  <input type="text" id="reg_email" data-ph_lang="email" placeholder="Email" value="">
  <div class="grid grid-cols-2 grid-gap grid-no-margin">
    <div>
      <label data-lang="first_name" for="reg_first_name">
      </label>
      <input type="text" id="reg_first_name" data-ph_lang="first_name" placeholder="" value="">
    </div>
    <div>
      <label data-lang="last_name" for="reg_last_name">
      </label>
      <input type="text" id="reg_last_name" data-ph_lang="last_name" placeholder="" value="">
    </div>
  </div>
  <label data-lang="phone" for="reg_phone">
  </label>
  <input type="text" id="reg_phone" data-ph_lang="phone" placeholder="" value="">
  <div class="grid grid-cols-2 grid-gap grid-no-margin">
    <div>
      <label data-lang="password" for="reg_password">Password</label>
      <input type="password" id="reg_password" data-ph_lang="password" placeholder="Password" value="">
    </div>
    <div>
      <label data-lang="password_repeat" for="reg_password_repeat">Password Repeat</label>
      <input type="password" id="reg_password_repeat" data-ph_lang="password_repeat" placeholder="Password Repeat" value="">
    </div>
  </div>
  <p class="mt-0">
    <a href="#" onclick="toggle_signup()" data-lang="show_password" id="reg_show_password"></a>
  </p>
  <p>
    <label class="checkbox checkbox-inline">
      <input id="terms" value="1" type="checkbox" checked="checked">
      <i class="icon-checkbox"></i>
    </label>Accept
    <a href="/terms/" data-lang="terms" class="link"></a>&
    <a href="/terms/" data-lang="privacy" class="link"></a>
  </p>
  <div class="centered-text">
    <a href="#" data-lang="save" id="signup_button" class="button button-fill fw-800"></a>
  </div>
</form>
<p class="grid grid-cols-2 grid-gap grid-buttons-demo mt-15">
  <a href="/password_forgot/" data-lang="password_forgot" class="link"></a>
  <a href="/signin/" data-lang="signin" class="link"></a>
</p>