<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8" />
<title>Bootstrap响应式布局后台模板BlAdmin - JS代码网</title>
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<link href="./css/bootstrap.min.css" rel="stylesheet" />
<link href="./css/bootstrap-responsive.min.css" rel="stylesheet" />
<link href="http://fonts.googleapis.com/css?family=Open+Sans:400italic,600italic,400,600" rel="stylesheet" />
<link href="./css/font-awesome.css" rel="stylesheet" />
<link href="./css/adminia.css" rel="stylesheet" />
<link href="./css/adminia-responsive.css" rel="stylesheet" />
<link href="./css/pages/dashboard.css" rel="stylesheet" />
<!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
<![endif]-->
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" /></head>
<body>
<div class="navbar navbar-fixed-top">
<div class="navbar-inner">
<div class="container">
<a class="btn btn-navbar" data-toggle="collapse" data-target=".nav-collapse">
<span class="icon-bar"></span>
<span class="icon-bar"></span>
<span class="icon-bar"></span>
</a>
<a class="brand" href="./">BlAdmin</a>
<div class="nav-collapse">
<ul class="nav pull-right">
<li>
<a href="#"><span class="badge badge-warning">7</span></a>
</li>
<li class="divider-vertical"></li>
<li class="dropdown">
<a data-toggle="dropdown" class="dropdown-toggle " href="#">
罗宾逊 <b class="caret"></b>
</a>
<ul class="dropdown-menu">
<li>
<a href="./account.html"><i class="icon-user"></i> 账号设置 </a>
</li>
<li>
<a href="./change_password.html"><i class="icon-lock"></i> 修改密码</a>
</li>
<li class="divider"></li>
<li>
<a href="./"><i class="icon-off"></i> 退出</a>
</li>
</ul>
</li>
</ul>
</div> <!-- /nav-collapse -->
</div> <!-- /container -->
</div> <!-- /navbar-inner -->
</div> <!-- /navbar -->
<div id="content">
<div class="container">
<div class="row">
<div class="span3">
<div class="account-container">
<div class="account-avatar">
<img src="./img/headshot.png" alt="" class="thumbnail" />
</div> <!-- /account-avatar -->
<div class="account-details">
<span class="account-name">罗宾逊</span>
<span class="account-role">管理员</span>
<span class="account-actions">
<a href="javascript:;">资料</a> |
<a href="javascript:;">编辑设置</a>
</span>
</div> <!-- /account-details -->
</div> <!-- /account-container -->
<hr />
<ul id="main-nav" class="nav nav-tabs nav-stacked">
<li class="active">
<a href="./">
<i class="icon-home"></i>
首页
</a>
</li>
<li>
<a href="./faq.html">
<i class="icon-pushpin"></i>
帮助页面
</a>
</li>
<li>
<a href="./plans.html">
<i class="icon-th-list"></i>
价目表单
</a>
</li>
<li>
<a href="./grid.html">
<i class="icon-th-large"></i>
网格布局
<span class="label label-warning pull-right">5</span>
</a>
</li>
<li>
<a href="./charts.html">
<i class="icon-signal"></i>
图表统计
</a>
</li>
<li>
<a href="./account.html">
<i class="icon-user"></i>
用户账号
</a>
</li>
<li>
<a href="./login.html">
<i class="icon-lock"></i>
登录页面
</a>
</li>
</ul>
<hr />
<div class="sidebar-extra">
<p>这里是提示信息文字这里是提示信息文字这里是提示信息文字这里是提示信息文字这里是提示信息文字这里是提示信息文字这里是提示信息文字这里是提示信息文字.</p>
</div> <!-- .sidebar-extra -->
<br />
</div> <!-- /span3 -->
<div class="span9">
<h1 class="page-title">
<i class="icon-home"></i>
首页
</h1>
<div class="stat-container">
<div class="stat-holder">
<div class="stat">
<span>564</span>
销售订单
</div> <!-- /stat -->
</div> <!-- /stat-holder -->
<div class="stat-holder">
<div class="stat">
<span>423</span>
增加订单
</div> <!-- /stat -->
</div> <!-- /stat-holder -->
<div class="stat-holder">
<div class="stat">
<span>96</span>
退货订单
</div> <!-- /stat -->
</div> <!-- /stat-holder -->
<div class="stat-holder">
<div class="stat">
<span>2</span>
退款数量
</div> <!-- /stat -->
</div> <!-- /stat-holder -->
</div> <!-- /stat-container -->
<div class="widget">
<div class="widget-header">
<i class="icon-signal"></i>
<h3>图表统计</h3>
</div> <!-- /widget-header -->
<div class="widget-content">
<div id="bar-chart" class="chart-holder"></div> <!-- /bar-chart -->
</div> <!-- /widget-content -->
</div> <!-- /widget -->
<div class="widget widget-table">
<div class="widget-header">
<i class="icon-th-list"></i>
<h3>表格</h3>
</div> <!-- /widget-header -->
<div class="widget-content">
<table class="table table-striped table-bordered">
<thead>
<tr>
<th></th>
<th>名</th>
<th>姓</th>
<th>用户名</th>
<th>公司</th>
<th>操作</th>
</tr>
</thead>
<tbody>
<tr>
<td>1</td>
<td>Michael</td>
<td>Jordan</td>
<td>@mjordan</td>
<td>Chicago Bulls</td>
<td class="action-td">
<a href="javascript:;" class="btn btn-small btn-warning">
<i class="icon-ok"></i>
</a>
<a href="javascript:;" class="btn btn-small">
<i class="icon-remove"></i>
</a>
</td>
</tr>
<tr>
<td>2</td>
<td>Magic</td>
<td>Johnson</td>
<td>@mjohnson</td>
<td>Los Angeles Lakers</td>
<td class="action-td">
<a href="javascript:;" class="btn btn-small btn-warning">
<i class="icon-ok"></i>
</a>
<a href="javascript:;" class="btn btn-small">
<i class="icon-remove"></i>
</a>
</td>
</tr>
<tr>
<td>3</td>
<td>Charles</td>
<td>Barkley</td>
<td>@cbarkley</td>
<td>Phoenix Suns</td>
<td class="action-td">
<a href="javascript:;" class="btn btn-small btn-warning">
<i class="icon-ok"></i>
</a>
<a href="javascript:;" class="btn btn-small">
<i class="icon-remove"></i>
</a>
高品质Bootstrap响应式后台模板下载
3星 · 超过75%的资源 需积分: 3 53 浏览量
2013-12-19
21:36:54
上传
评论 2
收藏 357KB RAR 举报
jdpyou
- 粉丝: 15
- 资源: 1
最新资源
- [咒术回战][21][咒术甲子园][中文][1080P].mp4
- SpringBoot框架示例:整合SpringMVC、MyBatis、安全框架Shiro、页面布局框架Sitemesh.zip
- SpringBoot集成thumbnailator图片压缩.zip
- SpringBoot发送邮件神器,只需简单配置即可,支持自定义模板.zip
- SpringBoot的定时调用的加强工具,实现定时任务动态管理,后续加入可视化管理、调度日志、集群任务统一管理.zip
- springboot-starter-gemini 一个基于gemini提供的springboot sdk.zip
- springboot+vue实现简单的前后端分离.zip
- Springboot、SpringCloud开发脚手架,集合各种常用框架使用案例.zip
- SpringBoot 全家桶 - 本项目对目前Web开发中常用的各个技术,通过和SpringBoot的集成.zip
- 随机森林RF葡萄酒分类,随机森林二分类(代码完整,数据齐全)
资源上传下载、课程学习等过程中有任何疑问或建议,欢迎提出宝贵意见哦~我们会及时处理!
点击此处反馈