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

    <div class="navbar navbar-large">

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

      <div class="navbar-inner">

      <div id="ptitle_signin" class="title">Sign In</div>

      <div class="title-large">

        <div id="ptitle_large_signin" class="title-large-text">Sign In</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="loginEmail">

  </label>

  <input type="text" id="loginEmail" data-ph_lang="email" placeholder="" value="">

  <label data-lang="password" for="loginPassword">

  </label>

  <input type="password" id="loginPassword" data-ph_lang="password" placeholder="" value="">

  <p class="mt-0">

    <a href="#" onclick="toggle_signin()" data-lang="show_password" id="signin_btn_show_password"></a>

  </p>

  <p>

    <label class="checkbox checkbox-inline">

      <input type="checkbox" id="remember_me" name="remember_me">

      <i class="icon-checkbox"></i>

    </label>

    <span data-lang="remember_me">

    </span>

  </p>

  <div class="centered-text">

    <a href="#" data-lang="signin" id="signin_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="/signup/" data-lang="signup" class="link"></a>

</p>

  </div>

</div>