login.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta http-equiv="X-UA-Compatible" content="IE=Edge,chrome=1">
    <meta name="google" content="notranslate" />
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no">
    <meta name="viewport" content="width=1200">
    <title>登录</title>
    <link rel="stylesheet" href="css/common.css">
    <link rel="stylesheet" href="bootstrap/css/bootstrap.min.css">
    <link rel="stylesheet" href="css/login.css">
    <script src="js/config.js"></script>
    <link rel="shortcut icon" href="favicon.ico" type="image/x-icon" />
    <style>
        .skipFun{
            position: absolute;
            bottom: 0px;
            width:100%;
            color:#000;
            height:30px;
            line-height:30px;
            text-align: center;
            cursor: pointer;
        }
        .skipFun:hover{
            color:blue;
        }
    </style>
</head>
<body class="login">
<div class="login-model">
    <div class="menu-toggler sidebar-toggler"></div>
    <!-- END SIDEBAR TOGGLER BUTTON -->
    <!-- BEGIN LOGO -->
    <!--<div class="logo">-->
    <!--<a href="###">-->
    <!--<img src="../assets/pages/img/zte-its_logo.png" alt="" />-->
    <!--</a>-->
    <!--</div>-->
    <!-- END LOGO -->
    <!-- BEGIN LOGIN -->
    <div class="login-cont">
        <div class="content">
            <!-- BEGIN LOGIN FORM -->
            <div class=" login-title">
                账户登录
            </div>
            <div class="login-main">
                <div class="form-group">
                    <!--ie8, ie9 does not support html5 placeholder, so we just show field title for that-->
                    <span class="login-user-bg"></span><input class="form-control form-control-solid placeholder-no-fix" type="text" autocomplete="off" placeholder="请输入用户名" name="username" id="userName" maxlength="25">
                    <div class="alert-danger display-hide error_ifo">
                        <span>请输入正确的邮箱 </span>
                    </div>
                </div>
                <div class="form-group">
                    <span class=" login-pwd-bg"></span><input class="form-control form-control-solid placeholder-no-fix" type="password" autocomplete="off" placeholder="请输入6-20位字母和数字组成的密码" name="password" maxlength="20" id="password">
                    <div class="alert-danger display-hide error_ifo">
                        <span>请输入正确密码</span>
                    </div>
                </div>
                <div id="slide_box">
                    <div id="slide_xbox">
                        <div id="btn"></div>
                    </div>
                    拖动滑块验证
                </div>
                <div id="login_error_ifo" class="login_error_ifo">
                </div>
                <div class="form-actions">
                    <button type="button" class="btn uppercase" id="login-btn">登录</button>
                </div>
            </div>
        </div>
    </div>
    <div>
        <div class="skipFun" style="">京ICP备18048325号-1</div>
    </div>
</div>
<script src="js/jquery.min.js"></script>
<script src="js/unit.js"></script>
<script src="bootstrap/js/bootstrap.min.js"></script>
<script src="js/supersized.3.2.7.min.js"></script>
<script src="js/supersized-init.js?a=1"></script>
<script type="text/javascript">
    $(document).on('click','.skipFun',function () {
        window.open("http://www.beian.miit.gov.cn/")
    });
    document.write("<s" + "cript type='text/javascript' src='js/login.js?ver" + Math.random() + "'></s" + "cript>");
</script>
</body>
</html>