doncare-ui
/
login.html

<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1" />
<title>登录页</title>
<link href="assets/css/doncare.css" type="text/css" rel="stylesheet" />
<link href="assets/css/doncare.top.css" type="text/css" rel="stylesheet" />
<link href="assets/css/doncare.login.css" type="text/css" rel="stylesheet" />
<link href="assets/font/icon200.css" type="text/css" rel="stylesheet">
<!--[if lt IE 8]>
<link href="assets/font/icon200ie7.css" type="text/css" rel="stylesheet">
<![endif]-->
<script src="assets/js/jquery.js" type="text/javascript"></script>
<script type="text/javascript">
$(function(){
    $("#username").focus();

    $("#login-form").submit(function(){
        var result = true;

        if ($.trim($("#username").val()) == '') {
            $("#username-error").html("请输入 (demo版可任意输入)");
            result = false;
        }

        if ($.trim($("#password").val()) == '') {
            $("#password-error").html("请输入 (demo版可任意输入)");
            result = false;
        }

        return result;
    });
});


(function(){
    var ie = (function(){
        var rv = false;
        if (navigator.appName == 'Microsoft Internet Explorer') {
            var ua = navigator.userAgent;
            var re  = new RegExp("MSIE ([0-9]{1,}[\.0-9]{0,})");
            if (re.exec(ua) != null)
                rv = parseFloat(RegExp.$1);
        } else if (navigator.appName == 'Netscape') {
            var ua = navigator.userAgent;
            var re  = new RegExp("Trident/.*rv:([0-9]{1,}[\.0-9]{0,})");  //for IE 11
            if (re.exec(ua) != null)
            rv = parseFloat(RegExp.$1);
        }
        return rv;
    }());
    if (ie && ie < 9) {
        location.href = 'not-compatible.html';
    }
})();


</script>
</head>
<body>
<div class="blur-wrap">
    <p>&nbsp;</p>
    <h1 style="font-size: 60px">关于《诗经》</h1>
    <h2>《诗经》是中国汉族文学史最早的一部诗歌总集</h2>
    <h3>又称为《诗》和《诗三百》</h3>
    <p>《诗经》收集了自西周初年至春秋时期大约五百多年的三百零五篇诗歌。</p>
    <p>内容上分为风、雅、颂三部分</p>
    <p>其中“风”是地方民歌，有十五国风，共一百六十首；</p>
    <p>“雅”主要是朝廷乐歌，分大雅和小雅，共一百零五篇；</p>
    <p>“颂”主要是宗庙乐歌，有四十首。<br />
        表现手法主要是赋、比、兴。<br />
        “赋”就是铺陈（敷陈其事而直言之也），<br />
        “比”就是比喻（以彼物比此物也），<br />
        “兴”就是启发（先言它物以引起所咏之词也）。</p>
    <p>&nbsp;</p>
    <p>《诗经》思想和艺术价值最高的是民歌，“饥者歌其食，劳者歌其事”，<br />
        《伐檀》、《硕鼠》就是“风”的代表作。</p>
    <p>《诗经》对后代诗歌发展有深远的影响，成为我国古典文学现实主义传统的源头。</p>

    <div class="bg-anim1">
        <i class="icon-global"></i>
    </div>
</div>

<div class="login-icon" id="login-icon">
    <i class="icon-global"></i>
</div>
<div class="login-title" id="login-title">
    Doncare UI
</div>
<div class="login-panel" id="login-panel">
    <div class="login-space"></div>
    <h1>登录</h1>
    <form action="index.html" method="get" id="login-form">
        <label for="username" class="login-label">用户名<span class="login-error" id="username-error"></span></label>
        <input type="text" class="login-input" name="username" id="username" />

        <label for="password" class="login-label">密码<span class="login-error" id="password-error"></span></label>
        <input type="password" class="login-input" name="password" id="password" />

        <div class="login-submit">
            <button type="submit"><i class="icon-sign-right"></i><span>登入</span></button>
        </div>
    </form>
</div>
</body>
</html>