<!DOCTYPE html>
<!--[if IE 8]> <html lang="en" class="ie8"> <![endif]-->
<!--[if IE 9]> <html lang="en" class="ie9"> <![endif]-->
<!--[if !IE]><!--> <html lang="en"> <!--<![endif]-->
<!-- BEGIN HEAD -->
<head>
<meta charset="utf-8" />
<title>Metronic | UI Features - Buttons</title>
<meta content="width=device-width, initial-scale=1.0" name="viewport" />
<meta content="" name="description" />
<meta content="" name="author" />
<!-- BEGIN GLOBAL MANDATORY STYLES -->
<link href="media/css/bootstrap.min.css" rel="stylesheet" type="text/css"/>
<link href="media/css/bootstrap-responsive.min.css" rel="stylesheet" type="text/css"/>
<link href="media/css/font-awesome.min.css" rel="stylesheet" type="text/css"/>
<link href="media/css/style-metro.css" rel="stylesheet" type="text/css"/>
<link href="media/css/style.css" rel="stylesheet" type="text/css"/>
<link href="media/css/style-responsive.css" rel="stylesheet" type="text/css"/>
<link href="media/css/default.css" rel="stylesheet" type="text/css" id="style_color"/>
<link href="media/css/uniform.default.css" rel="stylesheet" type="text/css"/>
<!-- END GLOBAL MANDATORY STYLES -->
<!-- BEGIN PAGE LEVEL STYLES -->
<link href="media/css/glyphicons.css" rel="stylesheet" />
<link href="media/css/halflings.css" rel="stylesheet" />
<!-- END PAGE LEVEL STYLES -->
<link rel="shortcut icon" href="media/image/favicon.ico" />
</head>
<!-- END HEAD -->
<!-- BEGIN BODY -->
<body class="page-header-fixed">
<!-- BEGIN HEADER -->
<div class="header navbar navbar-inverse navbar-fixed-top">
<!-- BEGIN TOP NAVIGATION BAR -->
<div class="navbar-inner">
<div class="container-fluid">
<!-- BEGIN LOGO -->
<a class="brand" href="index.html">
<img src="media/image/logo.png" alt="logo" />
</a>
<!-- END LOGO -->
<!-- BEGIN RESPONSIVE MENU TOGGLER -->
<a href="javascript:;" class="btn-navbar collapsed" data-toggle="collapse" data-target=".nav-collapse">
<img src="media/image/menu-toggler.png" alt="" />
</a>
<!-- END RESPONSIVE MENU TOGGLER -->
<!-- BEGIN TOP NAVIGATION MENU -->
<ul class="nav pull-right">
<!-- BEGIN NOTIFICATION DROPDOWN -->
<li class="dropdown" id="header_notification_bar">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-warning-sign"></i>
<span class="badge">6</span>
</a>
<ul class="dropdown-menu extended notification">
<li>
<p>You have 14 new notifications</p>
</li>
<li>
<a href="#">
<span class="label label-success"><i class="icon-plus"></i></span>
New user registered.
<span class="time">Just now</span>
</a>
</li>
<li>
<a href="#">
<span class="label label-important"><i class="icon-bolt"></i></span>
Server #12 overloaded.
<span class="time">15 mins</span>
</a>
</li>
<li>
<a href="#">
<span class="label label-warning"><i class="icon-bell"></i></span>
Server #2 not respoding.
<span class="time">22 mins</span>
</a>
</li>
<li>
<a href="#">
<span class="label label-info"><i class="icon-bullhorn"></i></span>
Application error.
<span class="time">40 mins</span>
</a>
</li>
<li>
<a href="#">
<span class="label label-important"><i class="icon-bolt"></i></span>
Database overloaded 68%.
<span class="time">2 hrs</span>
</a>
</li>
<li>
<a href="#">
<span class="label label-important"><i class="icon-bolt"></i></span>
2 user IP blocked.
<span class="time">5 hrs</span>
</a>
</li>
<li class="external">
<a href="#">See all notifications <i class="m-icon-swapright"></i></a>
</li>
</ul>
</li>
<!-- END NOTIFICATION DROPDOWN -->
<!-- BEGIN INBOX DROPDOWN -->
<li class="dropdown" id="header_inbox_bar">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-envelope"></i>
<span class="badge">5</span>
</a>
<ul class="dropdown-menu extended inbox">
<li>
<p>You have 12 new messages</p>
</li>
<li>
<a href="inbox.html?a=view">
<span class="photo"><img src="media/image/avatar2.jpg" alt="" /></span>
<span class="subject">
<span class="from">Lisa Wong</span>
<span class="time">Just Now</span>
</span>
<span class="message">
Vivamus sed auctor nibh congue nibh. auctor nibh
auctor nibh...
</span>
</a>
</li>
<li>
<a href="inbox.html?a=view">
<span class="photo"><img src="media/image/avatar3.jpg" alt="" /></span>
<span class="subject">
<span class="from">Richard Doe</span>
<span class="time">16 mins</span>
</span>
<span class="message">
Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh
auctor nibh...
</span>
</a>
</li>
<li>
<a href="inbox.html?a=view">
<span class="photo"><img src="media/image/avatar1.jpg" alt="" /></span>
<span class="subject">
<span class="from">Bob Nilson</span>
<span class="time">2 hrs</span>
</span>
<span class="message">
Vivamus sed nibh auctor nibh congue nibh. auctor nibh
auctor nibh...
</span>
</a>
</li>
<li class="external">
<a href="inbox.html">See all messages <i class="m-icon-swapright"></i></a>
</li>
</ul>
</li>
<!-- END INBOX DROPDOWN -->
<!-- BEGIN TODO DROPDOWN -->
<li class="dropdown" id="header_task_bar">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-tasks"></i>
<span class="badge">5</span>
</a>
<ul class="dropdown-menu extended tasks">
<li>
<p>You have 12 pending tasks</p>
</li>
<li>
<a href="#">
<span class="task">
<span class="desc">New release v1.2</span>
<span class="percent">30%</span>
</span>
<span class="progress progress-success ">
<span style="width: 30%;" class="bar"></span>
</span>
</a>
</li>
<li>
<a href="#">
<span class="task">
<span class="desc">Application deployment</span>
<span class="percent">65%</span>
</span>
<span class="progress progress-danger progress-striped active">
<span style="width: 65%;" class="bar"></span>
</span>
</a>
</li>
<li>
<a href="#">
<span class="task">
<span class="desc">Mobile app release</span>
<span class="percent">98%</span>
</span>
<span class="progress progress-success">
<span style="width: 98%;" class="bar"></span>
</span>
</a>
</li>
<li>
<a href="#">
<span class="task">
<span class="desc">Database migration</span>
<span class="percent">10%</span>
</span>
<span class="progress progress-warning progress-striped">
<span style="width: 10%;" class="bar"></span>
</span>
</a>
</li>
<li>
<a href="#">
<span class="task">
<span class="desc">Web server upgrade</span>
<span class="percent">58%</span>
</span>
<span class="progress progress-info">
<span style="width: 58%;" class="bar"></span>
</span>
</a>
</li>
<li>
<a href="#">
<span class
没有合适的资源?快使用搜索试试~ 我知道了~
html5的demo
共440个文件
png:133个
js:108个
html:72个
需积分: 12 17 下载量 80 浏览量
2015-06-05
16:30:48
上传
评论
收藏 8.27MB ZIP 举报
温馨提示
html5的demo。HTML新技术,立刻知道。
资源推荐
资源详情
资源评论
收起资源包目录
html5的demo (440个子文件)
bootstrap.min.css 103KB
style.css 103KB
animate.css 60KB
glyphicons.css 52KB
font-awesome.css 27KB
font-awesome.min.css 21KB
halflings.css 20KB
bootstrap-responsive.min.css 16KB
datepicker.css 16KB
select2_metro.css 14KB
style-metro.css 14KB
datetimepicker.css 12KB
chosen.css 12KB
fullcalendar.css 11KB
uniform.default.css 11KB
dropzone.css 10KB
style-responsive.css 9KB
light.css 9KB
inbox.css 9KB
purple.css 7KB
brown.css 7KB
blue.css 7KB
grey.css 7KB
default.css 7KB
pricing-tables.css 7KB
timeline.css 6KB
bootstrap-toggle-buttons.css 6KB
clockface.css 6KB
search.css 6KB
profile.css 5KB
bootstrap-modal.css 4KB
daterangepicker.css 4KB
jquery.fancybox.css 4KB
DT_bootstrap.css 4KB
jquery.nestable.css 3KB
blog.css 2KB
login.css 2KB
login-soft.css 2KB
bootstrap-wysihtml5.css 2KB
colorpicker.css 2KB
bootstrap-fileupload.css 2KB
bootstrap-tag.css 2KB
style-non-responsive.css 2KB
error.css 2KB
news.css 2KB
multi-select-metro.css 2KB
lock.css 2KB
jquery.gritter.css 2KB
timepicker.css 2KB
coming-soon.css 2KB
jquery.fileupload-ui.css 1KB
bootstrap-tree.css 1KB
jqvmap.css 907B
jquery.tagsinput.css 904B
promo.css 770B
email.css 708B
invoice.css 566B
print.css 362B
about-us.css 286B
jquery.easy-pie-chart.css 141B
jquery.ui.slider.css 0B
bootstrap-responsive1.min.css 0B
jquery-ui-1.10.1.custom.min.css 0B
css 0B
glyphicons-regular.eot 143KB
fontawesome-webfont.eot 37KB
glyphiconshalflings-regular.eot 33KB
fancybox_loading.gif 4KB
progressbar.gif 3KB
loading.gif 3KB
select2-spinner.gif 2KB
animated-overlay.gif 2KB
blank.gif 43B
ie-spacer.gif 43B
ui_buttons.html 150KB
HTML5支持AJAX多文件上传.html 122KB
form_component.html 103KB
extra_profile.html 83KB
extra_search.html 78KB
form_samples.html 78KB
index.html 73KB
ui_tabs_accordions.html 56KB
form_wizard.html 54KB
table_advanced.html 50KB
portlet_general.html 50KB
table_managed.html 50KB
ui_general.html 48KB
page_news.html 46KB
extra_image_manager.html 45KB
extra_faq.html 44KB
extra_pricing_table.html 43KB
table_responsive.html 40KB
form_validation.html 40KB
page_blog_item.html 39KB
page_blog.html 39KB
form_layout.html 39KB
table_basic.html 39KB
page_news_item.html 38KB
charts.html 38KB
ui_typography.html 37KB
共 440 条
- 1
- 2
- 3
- 4
- 5
资源评论
木棉未眠
- 粉丝: 0
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功