<form method="post" class="formatted login-form" name="login" action="https://oercommons.org/login"> <div class="login-title">Sign in / Register</div> <div class=" col-md-6 login-form-ct "> <div class="errors global" aria-live="polite"> </div> <div class="field required" id="div_id_login-username" aria-live="polite"> <div class="label"> <label for="id_login-username">Your email or username:</label> <span class="required-asterisk">*</span> </div> <div class="errors"> </div> <input type="text" name="login-username" size="25" class="text" maxlength="150" required id="id_login-username"> </div> <div class="mailcheck-message" style="display: none;"> Did you mean <a href="#"></a>? </div> <div class="field required" id="div_id_login-password" aria-live="polite"> <div class="label"> <label for="id_login-password">Password:</label> <span class="required-asterisk">*</span> </div> <div class="errors"> </div> <input type="password" name="login-password" size="25" class="text" required id="id_login-password"> </div> <div class="login-form-extra"> <a href="/reset-password-init" class="forgot-password">Forgot password?</a> <label class="toggle-show-password"><input type="checkbox" name="password-toggle" class="password-toggle"> Show password</label> </div> <div class="buttons"> <input type="submit" onclick="_paq.push(['trackEvent', 'Login', 'Login with Username/Password'])" class="btn btn-primary btn-sign-in btn-green-plain" value="Sign in" /> </div> </div> <div class="col-md-6 custom-login-buttons-ct socialaccount"> <div class="custom-login-buttons"> </div> </div> <div class="col-md-6 custom-login-buttons-ct"> <div class="custom-login-buttons"> <div class="col-md-12 col-xs-6 btn-social-provider-ct"> <div class="buttons"> <label>Create an account</label> <a href="/registration" class="btn btn-register">Register</a> </div> </div> </div> </div> <div class="login-form-divider"></div> </form>