<!DOCTYPE html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="apple-mobile-web-app-status-bar-style" content="black" />
<meta name="viewport" content="user-scalable=no, width=device-width, initial-scale=1.0, maximum-scale=1.0"/>
<link rel="apple-touch-icon" sizes="114x114" href="images/icontwo.png">
<link rel="apple-touch-startup-image" href="images/startup.png" />
<title>Esepina WebApp</title>
<link href="css/style.css" rel="stylesheet" type="text/css">
<link href="css/buttons.css" rel="stylesheet" type="text/css">
<link href="css/type.css" rel="stylesheet" type="text/css">
<link href="css/add2home.css" rel="stylesheet" type="text/css">
<link href="css/flexslider.css" rel="stylesheet" type="text/css">
<link href="css/photoswipe.css" rel="stylesheet" type="text/css">
<!-- Do not move the bellow script to custom.js! It must stay here to load properly! -->
<script type="text/javascript">
function loadImages() {
if (document.getElementById) { // DOM3 = IE5, NS6
document.getElementById('hidepage').style.visibility = 'hidden';
}else {
if (document.layers) { // Netscape 4
document.hidepage.visibility = 'hidden';
}else { // IE 4
document.all.hidepage.style.visibility = 'hidden';
}
}
}
</script>
<script type="text/javascript" src="scripts/jquery.js"></script>
<script type="text/javascript" src="scripts/contact.js"></script>
<script type="text/javascript" src="scripts/jquery.flexslider-min.js"/></script>
<script type="text/javascript" src="scripts/tweetable.js"></script>
<script type="text/javascript" src="scripts/add2home.js"></script>
<script type="text/javascript" src="scripts/jquery.nivo.slider.pack.html"></script>
<script type="text/javascript" src="scripts/klass.min.js"></script>
<script type="text/javascript" src="scripts/code.photoswipe.jquery-3.0.4.min.js"></script>
<script type="text/javascript" src="scripts/custom.js"></script>
</head>
<body OnLoad="loadImages()">
<p class="no-mobile">Please visit from your mobile phone!<br/> This site is designed for mobiles you know! </p>
<div class="site">
<div id="hidepage">
<p class="center-text">Loading depends on mobile bandwidth speed!<br/><img src="images/background/130.gif" alt="load"></p>
</div>
<div class="navigation">
<a id="home" class="selected" href="#"><img src="images/nav/item1ns.png" alt="img"><em class="under-icon-text">Home</em></a>
<a id="about" href="#"><img src="images/nav/item2ns.png" alt="img"><em class="under-icon-text">About</em></a>
<a id="portfolio" href="#"><img src="images/nav/item3ns.png" alt="img"><em class="under-icon-text">Portfolio</em></a>
<a id="blog" href="#"><img src="images/nav/item5ns.png" alt="img"><em class="under-icon-text">Blog</em></a>
<a id="contact" href="#"><img src="images/nav/item4ns.png" alt="img"><em class="under-icon-text">Contact</em></a>
</div>
<div class="header-deco"></div>
<div class="header">
<img class="logo" src="images/logo.png" alt="img">
<div class="social-icons">
<a href="#"><img src="images/social-icons/facebook.png" alt="img"></a>
<a href="#"><img src="images/social-icons/twitter.png" alt="img"></a>
<a href="#"><img src="images/social-icons/rss.png" alt="img"></a>
<a href="#"><img src="images/social-icons/mail.png" alt="img"></a>
</div>
</div>
<div class="decoration"></div>
<div class="home">
<div class="flexslider">
<ul class="slides">
<li>
<img src="images/slider/1.jpg" />
<p class="flex-caption">Swipe this picture, left or right!</p>
</li>
<li>
<img src="images/slider/2.jpg" />
<p class="flex-caption">Come on! Swipe the picture!</p>
</li>
<li>
<img src="images/slider/3.jpg" />
<p class="flex-caption">Really! Please swipe the picture</p>
</li>
<li>
<img src="images/slider/4.jpg" />
<p class="flex-caption">Well? Are you gonna swipe?!</p>
</li>
</ul>
</div>
<p class="under-slider-heading shadow">We like you! That's why we made Esepina!</p>
<p class="under-slider-description shadow">
Everything about this template is mobile developed.
It works on most mobile devices, and it provides an
awesome mobile iPhone WebApp with custom splash screen and home-screen icon!
</p>
<div class="decoration"></div>
<div class="column">
<p class="column-text shadow">
<strong>Works on iPhones!</strong>
<img class="round-icon" src="images/icon/iphone.png" alt="img">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class="clear"></div>
<p class="column-text shadow">
<strong>Works on Androids!</strong>
<img class="round-icon" src="images/icon/android.png" alt="img">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class="clear"></div>
<p class="column-text last-item shadow">
<strong>Works on BlackBerry</strong>
<img class="round-icon" src="images/icon/bberry.png" alt="img">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class="clear"></div>
</div>
<div class="decoration"></div>
</div>
<div class="about">
<div class="column">
<img class="image-width image-deco" src="images/about-images/1.jpg" alt="img">
<h4 class="image-heading shadow">An awesome image maybe?</h4>
<p class="shadow">
Lorem Ipsum is simply dummy text of the printing and typesetting industry.
Lorem Ipsum has been the industry's standard dummy text ever since the 1500s.
</p>
<div class="clear"></div>
</div>
<div class="decoration"></div>
<div class="full-width">
<h4 class="shadow">Lists? Sure thing </h4>
<ul class="icon-list shadow">
<li class="list-info">Lorem ipsum dolor sit amet adipiscing.</li>
<li class="list-heart">Donec faucibus nisi vel libero.</li>
<li class="list-attention">Nullam volutpat nunc sed odio ultrices.</li>
<li class="list-cross">Quisque vel mi eu lectus lobortis.</li>
<li class="list-arrow">Donec sed sem eu justo tempus.</li>
<li class="list-plus">Maecenas vitae mauris mi, id egestas.</li>
<li class="list-warning">Maecenas at lectus nunc, non lobortis.</li>
<li class="list-tick last-item">Maecenas at lectus nunc, non lobortis.</li>
</ul>
</div>
<div class="decoration"></div>
<div class="demo-buttons">
<a href="#" class="button grey">Button</a>
<a href="#" class="button yellow">Button</a>
<a href="#" class="button green">Button</a>
<a href="#" class="button black">Button</a>
<a href="#" class="button red">Button</a>
<a href="#" class="button blue">Button</a>
<a href="#" class="button gblue">Button</a>
<a href="#" class="button purple">Button</a>
</div>
<div class="decoration"></div>
<div class="full-width">
<h4 class="shadow">What about notification boxes?</h4>
<div class="notification-box-green">
<a href="#" class="notification-quit-green">x</a>
<img class="notification-icon" src="images/lists/list-tick.png" alt="">
<p class="notification-text">Yes, green is good! You can download stuff!</p>
</div>
<div class="notification-box-yellow">
<a href="#" class="notification-quit-yellow">x</a>
<im
基于HTML实现的手机灰白网页(含HTML源代码+毕业设计).zip （190个子文件） 
style.css 9KB buttons.css 8KB type.css 5KB add2home.css 5KB photoswipe.css 5KB flexslider.css 2KB Thumbs.db 40KB Thumbs.db 19KB Thumbs.db 13KB Thumbs.db 10KB Thumbs.db 8KB Thumbs.db 8KB Thumbs.db 8KB Thumbs.db 7KB Thumbs.db 6KB Thumbs.db 6KB Thumbs.db 6KB Thumbs.db 6KB
130.gif 6KB error.gif 3KB loader.gif 3KB
index.html 26KB bg_direction_nav.html 3KB bg_control_nav.html 3KB
4.jpg 273KB 3.jpg 266KB 007.jpg 258KB 001.jpg 257KB 006.jpg 255KB 004.jpg 242KB 008.jpg 217KB 009.jpg 215KB 003.jpg 211KB 002.jpg 204KB 2.jpg 198KB 005.jpg 191KB 1.jpg 168KB 1.jpg 139KB 3.jpg 108KB 4.jpg 105KB 2.jpg 95KB 007.jpg 58KB 001.jpg 58KB 003.jpg 50KB 006.jpg 50KB 009.jpg 49KB 004.jpg 47KB 002.jpg 42KB 005.jpg 42KB 008.jpg 42KB code.photoswipe.jquery-3.0.4.min.js 115KB jquery.js 92KB jquery.flexslider-min.js 21KB add2home.js 11KB tweetable.js 4KB custom.js 3KB klass.min.js 2KB contact.js 2KB
startup.png 92KB icontwo.png 19KB left.png 15KB right.png 15KB footer-bg.png 9KB icons_2x.png 5KB bg.png 5KB logo.png 4KB gray_bg.png 4KB dribble.png 4KB list-heart.png 4KB right-android.png 4KB list-warning.png 4KB header-deco.png 4KB list-cross.png 4KB clocks.png 4KB cog1.png 4KB list-arrow.png 4KB stumble.png 4KB list-info.png 4KB twitter.png 3KB list-plus.png 3KB list-attention.png 3KB item2ns.png 3KB icons.png 3KB twitter.png 3KB left-iphone.png 3KB rss.png 3KB mail.png 3KB facebook.png 3KB item1ns.png 3KB item5ns.png 3KB item3ns.png 3KB item4ns.png 3KB clock.png 3KB tags.png 3KB user.png 3KB more.png 3KB nav-bg.png 3KB deco_style_1.png 3KB wp.png 2KB paypal.png 2KB共 190 条
- 1
- 2
资源评论
CrMylive.
- 粉丝: 1w+
- 资源: 4万+
最新资源
- 基于集成学习Bagging算法的集成模型数据回归预测：matlab代码实例与应用分析,基于集成模型的Bagging的数据回归预测 matlab代码 ,核心关键词：基于集成模型的Bagging; 数据
- Java毕设项目：基于spring+mybatis+maven+mysql实现的婚恋网站管理系统【含源码+数据库+毕业论文】
- 大学生活动社交小程序-活动资源
- kis-flow-活动资源
- Matlab机械臂综合仿真平台：涵盖运动学、动力学与控制，基于Simulink的轨迹规划与GUI控制仿真,Matlab机械臂综合仿真平台，包含运动学、动力学和控制 MATLAB机器人仿真正逆运动学s
- 校园社团活动报名- Java+小程序-活动资源
- 基于LABVIEW实现三菱PLC FX5U以太网通讯VI的XYMD数据读写实战项目,LABVIEW三菱PLC FX5U以太网通讯VI 项目实用，读写D数据，其他部分可自行添加，这个是框架 ,LABV
- 大学生活动社交小程序-活动资源
- 基于S7-200PLC的豆浆机流量控制详解：梯形图程序、接线图与组态画面,S7-200 MCGS 基于S7-200PLC的豆浆机流量控制 带解释的梯形图程序，接线图原理图图纸，io分配，组态画面 ,核
- 基于PLC的矿井通风安全控制系统S7-200实践教程：梯形图程序解析、接线图与原理图、IO分配及组态画面详解,S7-200 MCGS 基于PLC的矿井通风安全控制系统 带解释的梯形图程序，接线图原理图
- Java毕设项目：基于spring+mybatis+maven+mysql实现的在线交友论坛管理系统【含源码+数据库+毕业论文】
- 三菱PLC与组态王协同构建隧道照明及煤矿安全控制系统：梯形图程序、接线图与组态画面全解析,三菱plc和组态王制作隧道照明控制系统，巷道照明系统，煤矿安全照明 带解释的梯形图程序，接线图原理图图纸，io
- 基于S7-200 PLC的汽车自动清洗机控制系统详解：梯形图程序、接线图与组态画面全解析,S7-200 MCGS 基于S7-200西门子PLC汽车自动清洗机控制系统 带解释的梯形图程序，接线图原理图图
- 基于RS485通讯的西门子S7-200SMART PLC一拖二恒压供水系统自动化解决方案,西门子基于RS485通讯恒压供水一拖二S7-200SMART-PLC 程序样例为一拖二恒压供水，采样S7-20
- axmol-cocos资源
- LabVIEW通用框架：满足多数上位机软件功能需求，简洁直观的设计方案,LabVIEW 通用框架，满足绝大部分上位机软件功能要求，简单直观 ,核心关键词：LabVIEW 通用框架; 上位机软件功能
资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！
点击此处反馈
