<div class="padding-15">

    <div class="login-box">

        <!-- login form -->
        <form id="formlogin" class="sky-form boxed">
            <header><i class="fa fa-users"></i> Sign In</header>

            <!--
            <div class="alert alert-danger noborder text-center weight-400 nomargin noradius">
                Invalid Email or Password!
            </div>

            <div class="alert alert-warning noborder text-center weight-400 nomargin noradius">
                Account Inactive!
            </div>

            <div class="alert alert-default noborder text-center weight-400 nomargin noradius">
                <strong>Too many failures!</strong> <br />
                Please wait: <span class="inlineCountdown" data-seconds="180"></span>
            </div>
            -->
            <div id="errorcode"></div>

            <fieldset>

                <section>
                    <label class="label">Username</label>
                    <label class="input">
                        <i class="icon-append fa fa-envelope"></i>
                        <input type="text" name="username">
                        <span class="tooltip tooltip-top-right">Username</span>
                    </label>
                </section>

                <section>
                    <label class="label">Password</label>
                    <label class="input">
                        <i class="icon-append fa fa-lock"></i>
                        <input type="password" name="password">
                        <b class="tooltip tooltip-top-right">Type your Password</b>
                    </label>
                </section>

            </fieldset>


        </form>
        <footer>
            <button id="loginbtn" class="btn btn-primary pull-right">Sign In</button>
        </footer>
        <!-- /login form -->
    </div>

</div>