<!--A Design by W3layouts
Author: W3layout
Author URL: http://222.178.203.72:19005/whst/63/_v2kZxntsrzbnl/
License: Creative Commons Attribution 3.0 Unported
License URL: http://222.178.203.72:19005/whst/63/_bqdZshudbnllnmrznqf//licenses/by/3.0/
-->
<!DOCTYPE HTML>
<head>
<title>Thin Bright UI kits for Iphone, Android and Smartphone Website Templates | Home :: w3layouts</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<meta name="keywords" content="Thin Bright UI kits Iphone web template, Andriod web template, Smartphone web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />
<link href="./css/style.css" rel="stylesheet" type="text/css" media="all"/>
<link href='http://222.178.203.72:19005/whst/63/_enmsrzfnnfkdZohrzbnl//css?family=Open+Sans:400,300,600,700' rel='stylesheet' type='text/css'>
<script type="text/javascript" src="./js/jquery.js"></script>
<script src="./js/jquery.easydropdown.js"></script>
<script src="./js/mediaelement-and-player.min.js"></script>
<link rel="stylesheet" href="./css/mediaelementplayer.min.css" />
<link rel="stylesheet" href="./css/easy-responsive-tabs.css" />
<script src="./js/easyResponsiveTabs.js"></script>
<script type="text/javascript">
$(document).ready(function () {
$('#horizontalTab').easyResponsiveTabs({
type: 'default', //Types: default, vertical, accordion
width: 'auto', //auto or any width like 600px
fit: true // 100% fit in a container
});
});
</script>
<script src="./js/highcharts.js"></script>
<script src="./js/dx.chartjs.js"></script>
</head>
<body>
<div class="main">
<div class="wrap">
<div class="main-top">
<div class="section group">
<div class="lsidebar span_1_of_3 main-top-left">
<ul>
<li class="normal-button"><a href="#">Download</a></li>
<li class="hover"><a href="#">Hover</a></li>
<li class="active"><a href="#">Active</a></li>
<li class="progress-button"><a href="#">Progress</a></li>
<li class="success"><a href="#">Success!</a></li>
<li class="register"><a href="#">Register</a></li>
</ul>
</div>
<div class="cont span_2_of_3 main-top-right">
<div class="nav">
<ul>
<li class="active"><a href="#">Past</a></li>
<li><a href="#">Present</a></li>
<li><a href="#">Feature</a></li>
<li class="add"><a href="#"><img src="./images/add.png" alt=" /"></a>
<ul>
<li><a href="#">Menu Item#1</a></li>
<li><a href="#">Menu Item#2</a></li>
<li><a href="#">Menu Item#3</a></li>
<li><a href="#">Menu Item#4</a></li>
<li><a href="#">Menu Item#5</a></li>
<li><a href="#">Menu Item#6</a></li>
</ul>
</li>
<div class="clear"></div>
</ul>
</div>
<div class="search-location">
<div class="search">
<form>
<input type="text" placeholder="Search..." />
<input type="submit" value=""/>
<div class="clear"></div>
</form>
</div>
<div class="location">
<div class="dropdown-button">
<select class="dropdown" data-settings='{"wrapperClass":"flat"}'>
<option value="null">Location</option>
<option value="AX">Åland Islands</option>
<option value="AF">Afghanistan</option>
<option value="AL">Albania</option>
<option value="DZ">Algeria</option>
<option value="AS">American Samoa</option>
<option value="AD">Andorra</option>
<option value="AO">Angola</option>
<option value="AI">Anguilla</option>
<option value="AQ">Antarctica</option>
</select>
</div>
</div>
<div class="clear"></div>
</div>
<div class="video-billing">
<div class="video">
<video width="100%" height="200" id="player2" controls="controls">
<source src="./images/echo-hereweare.mp4" type="video/mp4" title="mp4"></source>
<source src="mages/echo-hereweare.webm" type="video/webm" title="webm"></source>
<source src="./images/echo-hereweare.ogv" type="video/ogg" title="ogg"></source>
<p>Your browser leaves much to be desired.</p>
</video>
<script>
$('audio,video').mediaelementplayer({
features: ['playpause','progress','volume','postroll']
});
</script>
</div>
<div class="billing">
<div class="billing-top">
<h3>Credit Card</h3>
<ul>
<li><span>Visa 4256.</span></li>
<li><a href="#">Replace</a></li>
<li>or</li>
<li><a href="#">Delete.</a></li>
</ul>
<div class="clear"></div>
</div>
<div class="billing-desc">
<h3>$65.20</h3>
<p>Your account balance</p>
<div class="billing-buttons">
<ul>
<li><a href="#">Withdraw</a></li>
<li class="blue"><a href="#">Deposit</a></li>
<div class="clear"></div>
</ul>
</div>
</div>
</div>
<div class="clear"></div>
</div>
</div>
</div>
</div>
<div class="section group">
<div class="cont span_2_of_3 main-bottom-left">
<div class="charts-elements">
<div class="tabs">
<!--Horizontal Tab-->
<div id="horizontalTab">
<div class="resp-tabs-container">
<div>
<div id="recipes" style="100%; height:200px; margin: 0 auto"></div>
<script>
$(function () {
$('#recipes').highcharts({
title: {
text: 'Recipes Published',
style: {
color: '#222222',
fontWeight: '100'
}
},
xAxis: {
categories: ['AUG', 'SEP', 'OCT', 'NOV', 'DEC', 'JAN'],
},
yAxis: {
labels: {
formatter: function() {
return this.value +'k'
}
},
title: {
enabled: false
}
},
plotOptions: {
series: {
cursor: 'pointer',
color: '#222222'
}
},
legend: {
enabled: false
},
tooltip: {
shared: true,
pointFormat: '{point.x} k',
backgroundColor: '#FFFFFF'
},
series: [{
data: [1, 4.5, 4, 6.7, 1],
pointStart: 1
}]
});
});
</script>
</div>
<div>
<div id="ideas" style="100%; height:200px; margin: 0 auto"></div>
<script>
$(function () {
$('#ideas').highcharts({
chart: {
type: 'column'
},
title: {
text: 'Ideas in countries'
},
legend: {
enabled: false
},
xAxis: {
扁平简洁uikit元素网页模板_html5 bootstrap 响应式模板UI前端源码.rar （73个子文件） 
html mobile css 
style.css 10KB
index.html 6KB images 
search-icon.png 606B Thumbs.db 251KB arrow.png 439B
profile-pic.jpg 4KB delete-icon.png 374B post-img.png 3KB tick-mark.png 409B sprite-icons.png 8KB add.png 200B location-point.png 2KB arrow-down.png 303B smartphone js highcharts.js 149KB jquery.easydropdown.js 9KB easyResponsiveTabs.js 6KB globalize.min.js 14KB dx.chartjs.js 686KB jquery.custom-select.js 15KB jquery.js 262KB mediaelement-and-player.min.js 72KB css style.css 21KB select-dropdown.css 3KB easy-responsive-tabs.css 3KB mediaelementplayer.min.css 16KB index.html 16KB images search-icon.png 606B Thumbs.db 251KB arrow.png 439B
loading.gif 6KB profile-pic.jpg 4KB delete-icon.png 374B post-img.png 3KB tick-mark.png 409B echo-hereweare.jpg 19KB controls.png 702B sprite-icons.png 8KB bg.jpg 35KB add.png 200B
echo-hereweare.mp4 5.11MB location-point.png 2KB bigplay.png 3KB arrow-down.png 303B web js highcharts.js 149KB jquery.easydropdown.js 9KB easyResponsiveTabs.js 6KB globalize.min.js 14KB dx.chartjs.js 686KB jquery.custom-select.js 15KB jquery.js 262KB mediaelement-and-player.min.js 72KB css style.css 23KB select-dropdown.css 3KB easy-responsive-tabs.css 3KB mediaelementplayer.min.css 16KB index.html 16KB images search-icon.png 606B Thumbs.db 251KB arrow.png 439B loading.gif 6KB profile-pic.jpg 4KB delete-icon.png 374B post-img.png 3KB tick-mark.png 409B echo-hereweare.jpg 19KB controls.png 702B sprite-icons.png 8KB bg.jpg 35KB add.png 200B echo-hereweare.mp4 5.11MB location-point.png 2KB bigplay.png 3KB arrow-down.png 303B资源评论
dunming_6725413
- 粉丝: 20
- 资源: 6947
最新资源
- ssm在线购书商城系统+vue.zip
- ssm在线云音乐系统的设计与实现+jsp.zip
- ssm园区停车管理系统+jsp.zip
- ssm影视企业全渠道会员管理系统的设计与实现+vue.zip
- ssm游戏攻略网站的设计与实现+vue.zip
- ssm医院住院综合服务管理系统设计与开发+vue.zip
- ssm亿互游在线平台设计与开发+vue.zip
- 三菱FX3U源码，三菱PLSR源码 总体功能和指令可能支持在RUN中下载程序，支持注释的写入和读取，有脉冲输出与定位指令(包括PLSY PWM PLSR PLSV DRVI DRVA 等指令)的代
- ssm应急资源管理系统+jsp.zip
- ssm医院门诊挂号系统+jsp.zip
- ssm医院住院管理系统+vue.zip
- ssm医用物理学实验考核系统+jsp.zip
- ssm学院学生论坛的设计与实现+vue.zip
- ssm医学生在线学习交流平台+vue.zip
- ssm亚盛汽车配件销售业绩管理统+jsp.zip
- 研控步进电机驱动器方案 验证可用，可以生产，欢迎咨询实际价格，快速掌握核心技术 包括硬件原理图 PCB源代码
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
