<a href="#popupLogin" data-rel="popup" data-position-to="window" data-transition="pop">LOGIN</a>


<div data-role="popup" id="popupLogin" data-theme="none" data-overlay-theme="b" data-dismissible="false" data-history="false" class="ui-corner-all login-popup"> <a href="#" data-rel="back" data-role="button" data-theme="a" data-icon="delete" data-iconpos="notext" class="ui-btn-right">Close</a>
    <form>
      <div style="padding:10px 20px;">
        <h3>Please sign in</h3>
        <label for="un" class="ui-hidden-accessible">Username:</label>
        <input type="text" name="user" id="uname" value="" placeholder="username" data-theme="a">
        <label for="pw" class="ui-hidden-accessible">Password:</label>
        <input type="password" name="pass" id="pass" value="" placeholder="password" data-theme="a">
        <span id="err_login"></span>
        <button type="button" id="login_submit" class="btns btn-green">Sign in</button>
      </div>
    </form>
  </div>