<!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
基于 Bootstrap与Echarts的响应式页面模板.zip （617个子文件） 
bootstrap.css 143KB bootstrap.min.css 103KB style.css 103KB bootstrap.min.css 97KB animate.css 60KB glyphicons.css 52KB font-awesome.css 27KB style.css 26KB 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 layer.css 11KB layim.css 11KB style.css 11KB fullcalendar.css 11KB uniform.default.css 11KB dropzone.css 10KB index.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 index.css 6KB timeline.css 6KB laydate.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 style.css 4KB datepicker.css 4KB laydate.css 3KB laydate.css 3KB base.css 3KB jquery.nestable.css 3KB layer.ext.css 3KB index.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 css 0B jquery.ui.slider.css 0B bootstrap-responsive1.min.css 0B jquery-ui-1.10.1.custom.min.css 0B glyphicons-regular.eot 143KB fontawesome-webfont.eot 37KB glyphiconshalflings-regular.eot 33KB
xubox_loading0.gif 6KB loading-0.gif 6KB fancybox_loading.gif 4KB progressbar.gif 3KB loading.gif 3KB xubox_loading3.gif 2KB select2-spinner.gif 2KB xubox_loading2.gif 2KB loading-2.gif 2KB animated-overlay.gif 2KB loading-1.gif 701B xubox_loading1.gif 701B loading.gif 166B ie-spacer.gif 43B blank.gif 43B
ui_buttons.html 150KB form_component.html 103KB共 617 条
- 1
- 2
- 3
- 4
- 5
- 6
- 7
资源评论
sysucabbage2020-12-02非常好的模板。
shiny_txd
- 粉丝: 0
- 资源: 26
最新资源
- IPMSM永磁电机弱磁控制 附有说明文档 公式法MTPA 采用电压反馈弱磁 波形很好 跟踪很稳 包含仿真文件和两个详细说明文档 简单易懂
- MySQL学生成绩管理系统
- 面向目标探测与跟踪的相控阵雷达波束调度策略研究 开题报告答辩.pptx
- 考虑风光火储和电动汽车的微电网经济调度 软件：Matlab+cplex工具箱 介绍：在Matlab 平台上以一个包含风、光、柴油发电机、上级电网、储能以及电动汽车的小型微电网系统为例进行仿真 目标包
- springboot校园在线拍卖系统
- 广东墨睿科技有限公司创投信息
- STM32L0xx官方开发包
- 故障诊断分类 matlab代码 轴承内圈、外圈、滚动体故障分类 （1）故障样本的时域、频域、时频域、熵等特征提取； （2）BP网络或者SVM模型训练与测试 （3）输出测试样本分类准确率 成套代码，注释
- 冲床送料机程序 中达优控一体机编写 此程序已经实际设备上批量应用，程序成熟可靠，借鉴价值高，程序有注释
- tensorflow用户实验报告
- 杭州华卓信息科技有限公司创投信息
- 含电池储能+pid控制器的两区域互联网电网调频仿真
- 毕业设计B058-基于Java的卓越导师双选系统的设计与实现
- 杭州孝道科技有限公司创投信息
- 儿童节烟花代码2python实现
- 大厂成熟FOC直流电机控制方案，此方案可用于电动自行车，滑板车等电机驱动 单片机基于Stm031或相应兆易GD32等单片机 转把，高中低三速 刹车功能 助力功能 电子刹车功能 欠压检测 巡航
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
