<div class="login_container">
    <form id="login_form" action="" class="form-horizontal">
        <h2 class="heading_a"><span class="heading_text">Log in</span></h2>
        <div class="form-group">
            <label for="login_username" class="col-sm-3 control-label">Username</label>
            <div class="col-sm-9">
                <input type="text" class="form-control" value="User" id="login_username" autocomplete="off">
            </div>
        </div>
        <div class="form-group">
            <label for="login_password" class="col-sm-3 control-label">Password</label>
            <div class="col-sm-9">
                <input type="password" class="form-control" value="password" id="login_password" autocomplete="off">
            </div>
        </div>
        <div class="form-group sepH_c">
            <div class="col-sm-9 col-sm-offset-3">
                <a ui-sref="auth.home" class="btn btn-sm btn-primary">Log in</a>
            </div>
        </div>
        <div class="text_hr"><span>or use</span></div>
        <div class="row">
            <div class="col-xs-6"><button class="btn btn-sm btn-default btn-block" type="button"><span class="el-icon-github"></span> GitHub</button></div>
            <div class="col-xs-6"><button class="btn btn-sm btn-default btn-block" type="button"><span class="el-icon-twitter"></span> Twitter</button></div>
        </div>
    </form>
</div>