<div class="page page-signup no-toolbar" data-name="signup">

    <div class="navbar navbar-large">

      <div class="navbar-bg"></div>

      <div class="navbar-inner">

      <div id="ptitle_signup" class="title">SignUp</div>

      <div class="title-large">

        <div id="ptitle_large_signup" class="title-large-text">SignUp</div>

      </div>

        <div class="right">          

          <a href="#" id="myTheme" onClick="changeTheme()" class="link icon-only switch-theme">

  <i class="icon f7-icons">moon_stars</i>

</a> 

        </div>

      </div>

    </div>

    <div class="page-content">

    <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>

  </div>

</div>