doncare-ui
/
index.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>doncare ui</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/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 src="assets/js/doncare.js" type="text/javascript" defer></script>
<script src="assets/js/doncare.page.js" type="text/javascript" defer></script>
<script src="assets/js/doncare.backgroundSpark.js" type="text/javascript" defer></script>
<script src="assets/js/doncare.top.js" type="text/javascript" defer></script>
<script type="text/javascript">
$(function(){
    DC.page.open("intro.html");
});


(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';
    }
})();


/*
function demoShowTopConfirm(){
    if ($("#upper-notification").is(":visible")) {
        $("#upper-notification").fadeOut("fast");
    }else{
        $("#upper-notification").fadeIn("normal");
    }
}
function demoShowBottomConfirm(){
    if ($("#lower-notification").is(":visible")) {
        $("#lower-notification").fadeOut("fast");
    }else{
        $("#lower-notification").fadeIn("normal");
    }
}
*/
</script>
</head>
<body>

<!-- 动感小光球 (shiny sparks) -->
<div id="bg-flow" class="bg-flow"></div>
<div id="bg-spark" class="bg-spark"></div>

<!-- 热骚LOGO (hot logo) -->
<a href="index.html" class="logo-link" id="logo-link" title="首页"><img src="assets/img/logo.png" /></a>
<a href="javascript:;" class="logo-spot" id="logo-spot4" title="我的常用功能"><i class="icon-heart"></i></a>
<a href="javascript:;" class="logo-spot" id="logo-spot3" title="消息"><i class="icon-mail"></i> 13</a>
<a href="javascript:;" class="logo-spot" id="logo-spot2" title="待办事项"><i class="icon-flag"></i> 999</a>
<a href="login.html" class="logo-spot" id="logo-spot1" title="退出系统"><i class="icon-inside"></i></a>

<!-- 半屏通知栏 (half-side notification) -->
<div id="upper-notification" class="upper-notification"></div>
<div id="lower-notification" class="lower-notification"></div>

<!-- 用户通知栏 (user notification) -->
<div id="user-notification" class="user-notification">
    <div class="user-notification-wrap">
        <div id="user-notification-main" class="user-notification-main">
            <h4 class="text-center">用户名abc <small>[管理员]</small></h4>
            <hr />
            <a href="javascript:;" class="btn cross"><span><i class="icon-shield"></i>修改密码</span></a>
            <a href="javascript:;" class="btn cross"><span><i class="icon-edit"></i>修改信息</span></a>
            <a href="login.html" class="btn cross"><span><i class="icon-inside"></i>退出登录</span></a>
            <div class="gap10"></div>
            <div class="block transparent">
                <div class="block-header"><span>待办事项</span></div>
                <div class="block-main">
                    <a href="javascript:;">[03-31 12:30] 吃饭</a>
                    <hr />
                    <a href="javascript:;">[04-01 08:30] 起床</a>
                    <hr />
                    <a href="javascript:;">[04-01 08:50] 上班</a>
                    <hr />
                    <a href="javascript:;">[04-01 10:01] 遇到女神</a>
                </div>
            </div>
            <div class="block transparent">
                <div class="block-header"><span>消息</span></div>
                <div class="block-main">
                    <a href="javascript:;">[03-31 12:30] 朱迪约我一起吃饭，好感度+1</a>
                    <hr />
                    <a href="javascript:;">[04-01 08:30] 起床好困，眼睛睁不开，HP-2</a>
                    <hr />
                    <a href="javascript:;">[04-01 08:50] 挤地铁无力，HP-1</a>
                    <hr />
                    <a href="javascript:;">[04-01 10:02] 被无视了，HP-7</a>
                </div>
            </div>
        </div>
    </div>
</div>

<!-- 头部 (header) -->
<div id="bg-header" class="bg-header"></div>
<div id="caption" class="caption"></div>
<div id="profile" class="profile">
<a id="btn-reload" href="javascript:;" title="刷新" style="display: none"><i class="icon-reload"></i><span>&nbsp;</span></a>
<a id="btn-showcase" href="javascript:;"><i class="icon-grid"></i><span>&nbsp;</span></a>
<a id="btn-profile" href="javascript:;"><i class="icon-sign-man2"></i>我</a>
</div>

<!-- 大头菜单 (dock menu) -->
<div id="dock" class="dock">
<a href="index.html" rel="external" class="hover"><i class="icon-home"></i></a>
<a href="layout.html"><i class="icon-dashboard"></i></a>
<a href="tag.html"><i class="icon-grid"></i></a>
<a href="dropdown.html"><i class="icon-gamepad"></i></a>
<a href="list.html"><i class="icon-file2"></i></a>
<a href="javascript:;"><i class="icon-gift"></i></a>
<a href="team.html"><i class="icon-cog"></i></a>
</div>

<!-- 大头文字 (dock text) -->
<div id="dock-text" class="dock-text">
<a href="index.html" rel="external">首页</a>
<a href="layout.html">CSS样式</a>
<a href="tag.html">组件</a>
<a href="dropdown.html">JS插件</a>
<a href="list.html">模板页</a>
<a href="javascript:;">定制内容</a>
<a href="team.html">制作组</a>
</div>

<!-- 二级菜单衬布背景 (level-2 menu background layer) -->
<div id="bg-menu" class="bg-menu"><div></div></div>

<!-- 二级菜单 (level-2 menu) -->
<div id="menu-wrap">
    <!-- 首页 -->
    <div class="menu" style="display: block">
        <a href="intro.html">这货是什么？</a>
        <hr />
        <a href="download.html">在哪下载？</a>
        <hr />
        <a href="advise.html">一些使用建议</a>
        <hr />
    </div>

    <!-- CSS样式 -->
    <div class="menu">
        <a href="layout.html">基本框架</a>
        <hr />
        <a href="table.html">表格</a>
        <hr />
        <a href="form.html">表单</a>
        <hr />
        <a href="button.html">按钮</a>
        <hr />
        <a href="icon.html">图标库</a>
        <hr />
    </div>

    <!-- 组件 -->
    <div class="menu">
        <!--
        <a href="nav.html">导航栏</a>
        <hr />
        <a href="javascript:;">面包屑</a>
        <hr />
        -->
        <a href="tag.html">彩色标记</a>
        <hr />
        <a href="alert.html">警告框</a>
        <hr />
    </div>

    <!-- JS插件 -->
    <div class="menu">
        <a href="dropdown.html">下拉菜单</a>
        <hr />
        <a href="select.html">Select美化</a>
        <hr />
        <a href="modal.html">对话框</a>
        <hr />
        <a href="tab.html">标签页</a>
        <hr />
        <!--
        <a href="javascript:;">小提示</a>
        <hr />
        <a href="javascript:;">伸缩框</a>
        <hr />
        <a href="javascript:;">幻灯片</a>
        <hr />
        -->
    </div>

    <!-- 模板页 -->
    <div class="menu">
        <a href="list.html">列表页</a>
        <hr />
        <a href="error.html">错误页</a>
        <hr />
        <a href="blank.html">空白框架</a>
        <hr />
        <a href="login.html" rel="external">登录</a>
        <hr />
    </div>

    <!-- 定制内容 -->
    <div class="menu">
        <a href="javascript:;">亲，还不能定制</a>
        <hr />
    </div>

    <!-- 制作组 -->
    <div class="menu">
        <a href="team.html">制作人员名单</a>
        <hr />
        <a href="copyright.html">版权声明</a>
        <hr />
    </div>
</div>

<div id="wrap" class="wrap">
    <div id="main" class="main"></div>
    <div id="frame-loading" class="frame-loading">加载中</div>
</div>

<div id="modal-top-mask" class="modal-top-mask"></div>
</body>
</html>