<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=0" />
<title>Typography / Icons | Melon - Flat & Responsive Admin Template</title>
<!--=== CSS ===-->
<!-- Bootstrap -->
<link href="bootstrap/css/bootstrap.min.css" rel="stylesheet" type="text/css" />
<!-- jQuery UI -->
<!--<link href="plugins/jquery-ui/jquery-ui-1.10.2.custom.css" rel="stylesheet" type="text/css" />-->
<!--[if lt IE 9]>
<link rel="stylesheet" type="text/css" href="plugins/jquery-ui/jquery.ui.1.10.2.ie.css"/>
<![endif]-->
<!-- Theme -->
<link href="assets/css/main.css" rel="stylesheet" type="text/css" />
<link href="assets/css/plugins.css" rel="stylesheet" type="text/css" />
<link href="assets/css/responsive.css" rel="stylesheet" type="text/css" />
<link href="assets/css/icons.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="assets/css/fontawesome/font-awesome.min.css">
<!--[if IE 7]>
<link rel="stylesheet" href="assets/css/fontawesome/font-awesome-ie7.min.css">
<![endif]-->
<!--[if IE 8]>
<link href="assets/css/ie8.css" rel="stylesheet" type="text/css" />
<![endif]-->
<link href='http://fonts.googleapis.com/css?family=Open+Sans:400,600,700' rel='stylesheet' type='text/css'>
<!--=== JavaScript ===-->
<script type="text/javascript" src="assets/js/libs/jquery-1.10.2.min.js"></script>
<script type="text/javascript" src="plugins/jquery-ui/jquery-ui-1.10.2.custom.min.js"></script>
<script type="text/javascript" src="bootstrap/js/bootstrap.min.js"></script>
<script type="text/javascript" src="assets/js/libs/lodash.compat.min.js"></script>
<!-- HTML5 shim, for IE6-8 support of HTML5 elements -->
<!--[if lt IE 9]>
<script src="assets/js/libs/html5shiv.js"></script>
<![endif]-->
<!-- Smartphone Touch Events -->
<script type="text/javascript" src="plugins/touchpunch/jquery.ui.touch-punch.min.js"></script>
<script type="text/javascript" src="plugins/event.swipe/jquery.event.move.js"></script>
<script type="text/javascript" src="plugins/event.swipe/jquery.event.swipe.js"></script>
<!-- General -->
<script type="text/javascript" src="assets/js/libs/breakpoints.js"></script>
<script type="text/javascript" src="plugins/respond/respond.min.js"></script> <!-- Polyfill for min/max-width CSS3 Media Queries (only for IE8) -->
<script type="text/javascript" src="plugins/cookie/jquery.cookie.min.js"></script>
<script type="text/javascript" src="plugins/slimscroll/jquery.slimscroll.min.js"></script>
<script type="text/javascript" src="plugins/slimscroll/jquery.slimscroll.horizontal.min.js"></script>
<!-- Page specific plugins -->
<!-- Charts -->
<script type="text/javascript" src="plugins/sparkline/jquery.sparkline.min.js"></script>
<script type="text/javascript" src="plugins/daterangepicker/moment.min.js"></script>
<script type="text/javascript" src="plugins/daterangepicker/daterangepicker.js"></script>
<script type="text/javascript" src="plugins/blockui/jquery.blockUI.min.js"></script>
<!-- App -->
<script type="text/javascript" src="assets/js/app.js"></script>
<script type="text/javascript" src="assets/js/plugins.js"></script>
<script type="text/javascript" src="assets/js/plugins.form-components.js"></script>
<script>
$(document).ready(function(){
"use strict";
App.init(); // Init layout and core plugins
Plugins.init(); // Init all plugins
FormComponents.init(); // Init all form-specific plugins
});
</script>
<!-- Demo JS -->
<script type="text/javascript" src="assets/js/custom.js"></script>
</head>
<body>
<!-- Header -->
<header class="header navbar navbar-fixed-top" role="banner">
<!-- Top Navigation Bar -->
<div class="container">
<!-- Only visible on smartphones, menu toggle -->
<ul class="nav navbar-nav">
<li class="nav-toggle"><a href="javascript:void(0);" title=""><i class="icon-reorder"></i></a></li>
</ul>
<!-- Logo -->
<a class="navbar-brand" href="index.html">
<img src="assets/img/logo.png" alt="logo" />
<strong>ME</strong>LON
</a>
<!-- /logo -->
<!-- Sidebar Toggler -->
<a href="#" class="toggle-sidebar bs-tooltip" data-placement="bottom" data-original-title="Toggle navigation">
<i class="icon-reorder"></i>
</a>
<!-- /Sidebar Toggler -->
<!-- Top Left Menu -->
<ul class="nav navbar-nav navbar-left hidden-xs hidden-sm">
<li>
<a href="#">
Dashboard
</a>
</li>
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
Dropdown
<i class="icon-caret-down small"></i>
</a>
<ul class="dropdown-menu">
<li><a href="#"><i class="icon-user"></i> Example #1</a></li>
<li><a href="#"><i class="icon-calendar"></i> Example #2</a></li>
<li class="divider"></li>
<li><a href="#"><i class="icon-tasks"></i> Example #3</a></li>
</ul>
</li>
</ul>
<!-- /Top Left Menu -->
<!-- Top Right Menu -->
<ul class="nav navbar-nav navbar-right">
<!-- Notifications -->
<li class="dropdown">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-warning-sign"></i>
<span class="badge">5</span>
</a>
<ul class="dropdown-menu extended notification">
<li class="title">
<p>You have 5 new notifications</p>
</li>
<li>
<a href="javascript:void(0);">
<span class="label label-success"><i class="icon-plus"></i></span>
<span class="message">New user registration.</span>
<span class="time">1 mins</span>
</a>
</li>
<li>
<a href="javascript:void(0);">
<span class="label label-danger"><i class="icon-warning-sign"></i></span>
<span class="message">High CPU load on cluster #2.</span>
<span class="time">5 mins</span>
</a>
</li>
<li>
<a href="javascript:void(0);">
<span class="label label-success"><i class="icon-plus"></i></span>
<span class="message">New user registration.</span>
<span class="time">10 mins</span>
</a>
</li>
<li>
<a href="javascript:void(0);">
<span class="label label-info"><i class="icon-bullhorn"></i></span>
<span class="message">New items are in queue.</span>
<span class="time">25 mins</span>
</a>
</li>
<li>
<a href="javascript:void(0);">
<span class="label label-warning"><i class="icon-bolt"></i></span>
<span class="message">Disk space to 85% full.</span>
<span class="time">55 mins</span>
</a>
</li>
<li class="footer">
<a href="javascript:void(0);">View all notifications</a>
</li>
</ul>
</li>
<!-- Tasks -->
<li class="dropdown hidden-xs hidden-sm">
<a href="#" class="dropdown-toggle" data-toggle="dropdown">
<i class="icon-tasks"></i>
<span class="badge">7</span>
</a>
<ul class="dropdown-menu extended notification">
<li class="title">
<p>You have 7 pending tasks</p>
</li>
<li>
<a href="javascript:void(0);">
<span class="task">
<span class="desc">Preparing new release</span>
<span class="percent">30%</span>
</span>
<div class="progress progress-small">
<div style="width: 30%;" class="progress-bar progress-bar-info"></div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);">
<span class="task">
<span class="desc">Change management</span>
<span class="percent">80%</span>
</span>
<div class="progress progress-small progress-striped active">
<div style="width: 80%;" class="progress-bar progress-bar-danger"></div>
</div>
</a>
</li>
<li>
<a href="javascript:void(0);">
<span class="task">
<span class="desc">M
没有合适的资源?快使用搜索试试~ 我知道了~
HTML5 UI Melon5
共2000个文件
png:1257个
js:681个
less:47个
5星 · 超过95%的资源 需积分: 11 283 下载量 18 浏览量
2015-06-03
13:10:11
上传
评论 1
收藏 4MB RAR 举报
温馨提示
最好用的项目插件,完备的整套UI,优美的界面。适合快速开发。Melon5
资源推荐
资源详情
资源评论
收起资源包目录
HTML5 UI Melon5 (2000个子文件)
bootstrap.css 117KB
bootstrap.min.css 95KB
main.css 71KB
jquery-ui-1.10.2.custom.css 67KB
icons.css 61KB
jquery-ui-1.9.2.custom.css 58KB
font-awesome-ie7.css 40KB
font-awesome-ie7.min.css 37KB
font-awesome-ie7.min.css 37KB
font-awesome.css 27KB
font-awesome.css 27KB
font-awesome.min.css 22KB
font-awesome.min.css 22KB
select2.old.css 19KB
pickadate.css 15KB
select2.css 14KB
layout.css 13KB
jquery-ui.css 11KB
uniform.css 10KB
fullcalendar.css 10KB
normalize.css 10KB
shCoreDefault.css 9KB
responsive.css 8KB
shCore.css 6KB
main.css 6KB
daterangepicker.css 5KB
shCoreStamm.css 4KB
datatables_bootstrap.css 4KB
login.css 4KB
nestable.css 3KB
datatables.css 3KB
bootstrap-colorpicker.css 3KB
nprogress.css 2KB
bootstrap-wysihtml5.css 2KB
jquery.ui.1.10.2.ie.css 1KB
typeahead.css 1KB
tagsinput.css 1KB
duallistbox.css 1KB
plugins.css 1KB
bootstrap-multiselect.css 957B
fullcalendar.print.css 668B
fonts.css 543B
jquery.ui.1.9.2.ie.css 507B
invoice.css 0B
mixins.css 0B
fontawesome-webfont.eot 37KB
fontawesome-webfont.eot 37KB
glyphicons-halflings-regular.eot 14KB
ajax-loading.gif 12KB
select2-spinner.gif 2KB
.gitignore 0B
TableTools.min.js.gz 9KB
ColVis.min.js.gz 3KB
ui_typography.html 95KB
form_components.html 67KB
index.html 55KB
index.html 49KB
ui_buttons.html 44KB
ui_general.html 44KB
tables_static.html 42KB
charts.html 38KB
tables_dynamic.html 38KB
form_layouts.html 38KB
ui_tabs_accordions.html 36KB
form_validation.html 36KB
pages_user_profile.html 34KB
ui_grid.html 32KB
ui_nestable_list.html 30KB
ui_sliders.html 30KB
tables_responsive.html 29KB
pages_invoice.html 29KB
ui_google_maps.html 28KB
pages_calendar.html 26KB
login.html 8KB
empty.html 6KB
tags_autocomplete.html 1KB
avatar-large.jpg 40KB
avatar-2.jpg 4KB
avatar-3.jpg 3KB
avatar-1.jpg 3KB
globalize.cultures.js 845KB
jquery.dataTables.js 369KB
wysihtml5.js 324KB
jquery-ui-1.10.2.custom.min.js 223KB
fullcalendar.js 144KB
jquery.sparkline.js 121KB
select2.js 118KB
jquery.flot.js 116KB
wysihtml5.min.js 110KB
jquery-1.10.2.min.js 91KB
jquery-1.9.1.min.js 90KB
jquery.dataTables.min.js 69KB
TableTools.js 63KB
bootstrap.js 57KB
gmaps.js 52KB
fullcalendar.min.js 49KB
typeahead.js 48KB
select2.min.js 47KB
globalize.js 45KB
moment.js 43KB
共 2000 条
- 1
- 2
- 3
- 4
- 5
- 6
- 20
lewis_hope
- 粉丝: 0
- 资源: 2
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
- 1
- 2
- 3
前往页