<!DOCTYPE html>
<html lang="en" class="app">
<head>
<meta charset="utf-8" />
<title>Notebook | Web Application</title>
<meta name="description" content="app, web app, responsive, admin dashboard, admin, flat, flat ui, ui kit, off screen nav" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1" />
<link rel="stylesheet" href="css/app.v2.css" type="text/css" />
<link rel="stylesheet" href="css/font.css" type="text/css" cache="false" />
<!--[if lt IE 9]> <script src="js/ie/html5shiv.js" cache="false"></script> <script src="js/ie/respond.min.js" cache="false"></script> <script src="js/ie/excanvas.js" cache="false"></script> <![endif]-->
</head>
<body>
<section class="vbox">
<header class="bg-dark dk header navbar navbar-fixed-top-xs">
<div class="navbar-header aside-md"> <a class="btn btn-link visible-xs" data-toggle="class:nav-off-screen" data-target="#nav"> <i class="fa fa-bars"></i> </a> <a href="#" class="navbar-brand" data-toggle="fullscreen"><img src="images/logo.png" class="m-r-sm">Notebook</a> <a class="btn btn-link visible-xs" data-toggle="dropdown" data-target=".nav-user"> <i class="fa fa-cog"></i> </a> </div>
<ul class="nav navbar-nav hidden-xs">
<li class="dropdown"> <a href="#" class="dropdown-toggle dker" data-toggle="dropdown"> <i class="fa fa-building-o"></i> <span class="font-bold">Activity</span> </a>
<section class="dropdown-menu aside-xl on animated fadeInLeft no-borders lt">
<div class="wrapper lter m-t-n-xs"> <a href="#" class="thumb pull-left m-r"> <img src="images/avatar.jpg" class="img-circle"> </a>
<div class="clear"> <a href="#"><span class="text-white font-bold">@Mike Mcalidek</a></span> <small class="block">Art Director</small> <a href="#" class="btn btn-xs btn-success m-t-xs">Upgrade</a> </div>
</div>
<div class="row m-l-none m-r-none m-b-n-xs text-center">
<div class="col-xs-4">
<div class="padder-v"> <span class="m-b-xs h4 block text-white">245</span> <small class="text-muted">Followers</small> </div>
</div>
<div class="col-xs-4 dk">
<div class="padder-v"> <span class="m-b-xs h4 block text-white">55</span> <small class="text-muted">Likes</small> </div>
</div>
<div class="col-xs-4">
<div class="padder-v"> <span class="m-b-xs h4 block text-white">2,035</span> <small class="text-muted">Photos</small> </div>
</div>
</div>
</section>
</li>
<li>
<div class="m-t m-l"> <a href="price.html" class="dropdown-toggle btn btn-xs btn-primary" title="Upgrade"><i class="fa fa-long-arrow-up"></i></a> </div>
</li>
</ul>
<ul class="nav navbar-nav navbar-right hidden-xs nav-user">
<li class="hidden-xs"> <a href="#" class="dropdown-toggle dk" data-toggle="dropdown"> <i class="fa fa-bell"></i> <span class="badge badge-sm up bg-danger m-l-n-sm count">2</span> </a>
<section class="dropdown-menu aside-xl">
<section class="panel bg-white">
<header class="panel-heading b-light bg-light"> <strong>You have <span class="count">2</span> notifications</strong> </header>
<div class="list-group list-group-alt animated fadeInRight"> <a href="#" class="media list-group-item"> <span class="pull-left thumb-sm"> <img src="images/avatar.jpg" alt="John said" class="img-circle"> </span> <span class="media-body block m-b-none"> Use awesome animate.css<br>
<small class="text-muted">10 minutes ago</small> </span> </a> <a href="#" class="media list-group-item"> <span class="media-body block m-b-none"> 1.0 initial released<br>
<small class="text-muted">1 hour ago</small> </span> </a> </div>
<footer class="panel-footer text-sm"> <a href="#" class="pull-right"><i class="fa fa-cog"></i></a> <a href="#notes" data-toggle="class:show animated fadeInRight">See all the notifications</a> </footer>
</section>
</section>
</li>
<li class="dropdown hidden-xs"> <a href="#" class="dropdown-toggle dker" data-toggle="dropdown"><i class="fa fa-fw fa-search"></i></a>
<section class="dropdown-menu aside-xl animated fadeInUp">
<section class="panel bg-white">
<form role="search">
<div class="form-group wrapper m-b-none">
<div class="input-group">
<input type="text" class="form-control" placeholder="Search">
<span class="input-group-btn">
<button type="submit" class="btn btn-info btn-icon"><i class="fa fa-search"></i></button>
</span> </div>
</div>
</form>
</section>
</section>
</li>
<li class="dropdown"> <a href="#" class="dropdown-toggle" data-toggle="dropdown"> <span class="thumb-sm avatar pull-left"> <img src="images/avatar.jpg"> </span> John.Smith <b class="caret"></b> </a>
<ul class="dropdown-menu animated fadeInRight">
<span class="arrow top"></span>
<li> <a href="#">Settings</a> </li>
<li> <a href="profile.html">Profile</a> </li>
<li> <a href="#"> <span class="badge bg-danger pull-right">3</span> Notifications </a> </li>
<li> <a href="docs.html">Help</a> </li>
<li class="divider"></li>
<li> <a href="modal.lockme.html" data-toggle="ajaxModal" >Logout</a> </li>
</ul>
</li>
</ul>
</header>
<section>
<section class="hbox stretch"> <!-- .aside -->
<aside class="bg-light lter b-r aside-md hidden-print" id="nav">
<section class="vbox">
<header class="header bg-primary lter text-center clearfix">
<div class="btn-group">
<button type="button" class="btn btn-sm btn-dark btn-icon" title="New project"><i class="fa fa-plus"></i></button>
<div class="btn-group hidden-nav-xs">
<button type="button" class="btn btn-sm btn-primary dropdown-toggle" data-toggle="dropdown"> Switch Project <span class="caret"></span> </button>
<ul class="dropdown-menu text-left">
<li><a href="#">Project</a></li>
<li><a href="#">Another Project</a></li>
<li><a href="#">More Projects</a></li>
</ul>
</div>
</div>
</header>
<section class="w-f scrollable">
<div class="slim-scroll" data-height="auto" data-disable-fade-out="true" data-distance="0" data-size="5px" data-color="#333333"> <!-- nav -->
<nav class="nav-primary hidden-xs">
<ul class="nav">
<li > <a href="index.html" > <i class="fa fa-dashboard icon"> <b class="bg-danger"></b> </i> <span>Workset</span> </a> </li>
<li > <a href="#layout" > <i class="fa fa-columns icon"> <b class="bg-warning"></b> </i> <span class="pull-right"> <i class="fa fa-angle-down text"></i> <i class="fa fa-angle-up text-active"></i> </span> <span>Layouts</span> </a>
<ul class="nav lt">
<li > <a href="layout-c.html" > <i class="fa fa-angle-right"></i> <span>Color option</span> </a> </li>
<li > <a href="layout-r.html" > <i class="fa fa-angle-right"></i> <span>Right nav</span> </a> </li>
<li > <a href="layout-h.html" > <i class="fa fa-angle-right"></i> <span>H-Layout</span> </a> </li>
</ul>
</li>
<li class="active"> <a href="#uikit" class="active"> <i class="fa fa-flask icon"> <b class="bg-success"></b> </i> <span class="pull-right"> <i class="fa fa-angle-down text"></i> <i class="fa fa-angle-up text-active"></i> </span> <span>UI kit</span> </a>
<ul class="nav lt">
小徐博客
- 粉丝: 1977
- 资源: 5883
最新资源
- (2025)行政单位会计制度知识竞赛题(含答案).docx
- (2025)汉字听写大会竞赛题库(含答案).docx
- (2025)行政诉讼法知识竞赛必刷题库及答案.docx
- (2025)红十字初级急救员证考试题及答案.docx
- (2025)会计电算化考试试题(含答案).docx
- (2025)会计基础考试题库及答案(带答案解析).docx
- (2025)机电标准化考试试题(含答案).docx
- (2025)基本公共卫生服务项目考试题库及答案.docx
- (2025)机关事业单位《工人技术职业道德》等级考核题库及答案.docx
- (2025)计算机基础理论信息安全基本知识试题及答案.docx
- (2025)计算机二级考试全真试题库及答案(通用版).docx
- (2025)计算机网络技术考试题及答案.docx
- (2025)见证取样员考试试题(带答案).docx
- (2025)监理工程师《案例分析》考试题库及答案.docx
- (2025)见证取样员考试题库及答案.docx
- 英伟达半导体科技(上海)有限公司创投信息
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈