<!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>点餐系统</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()">
<div class="site">
<div id="hidepage">
<p class="center-text">加载中，请稍后！<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">推荐</em></a>
<a id="about" href="#"><img src="images/nav/item2ns.png" alt="img"><em class="under-icon-text">优惠</em></a>
<a id="portfolio" href="#"><img src="images/nav/item3ns.png" alt="img"><em class="under-icon-text">菜单</em></a>
<a id="blog" href="#"><img src="images/nav/item5ns.png" alt="img"><em class="under-icon-text">已选</em></a>
<a id="contact" href="#"><img src="images/nav/item4ns.png" alt="img"><em class="under-icon-text">店小二</em></a> </div>
<div class="decoration"></div>
<div class="home">
<div class="flexslider">
<ul class="slides">
<li> <img src="images/class/1.jpg" /> </li>
</ul>
</div>
<p class="under-slider-heading shadow">草莓蛋糕</p>
<div class="flexslider">
<ul class="slides">
<li> <img src="images/class/2.jpg" /> </li>
</ul>
</div>
<p class="under-slider-heading shadow">煲仔</p>
<div class="flexslider">
<ul class="slides">
<li> <img src="images/class/3.jpg" /> </li>
</ul>
</div>
<p class="under-slider-heading shadow">咕噜肉</p>
<div class="flexslider">
<ul class="slides">
<li> <img src="images/class/4.jpg" /> </li>
</ul>
</div>
<p class="under-slider-heading shadow">樱桃小丸子</p>
</div>
<div class="about">
<div class="flexslider">
<ul class="slides">
<li> <img src="images/class/4.jpg" /> </li>
</ul>
</div>
<p class="under-slider-heading shadow">草莓蛋糕</p>
<div class="flexslider">
<ul class="slides">
<li> <img src="images/class/1.jpg" /> </li>
</ul>
</div>
<p class="under-slider-heading shadow">煲仔</p>
<div class="flexslider">
<ul class="slides">
<li> <img src="images/class/2.jpg" /> </li>
</ul>
</div>
<p class="under-slider-heading shadow">咕噜肉</p>
<div class="flexslider">
<ul class="slides">
<li> <img src="images/class/3.jpg" /> </li>
</ul>
</div>
<p class="under-slider-heading shadow">樱桃小丸子</p>
</div>
<div class="portfolio">
<ul id="gallery" class="gallery">
<li><a href="images/swype/full/001.jpg"> <img src="images/class/5.jpg" alt="Caption Title One" /> </a></li>
<li><a href="images/swype/full/002.jpg"> <img src="images/class/6.jpg" alt="Caption Title Two" /> </a></li>
<li><a href="images/swype/full/003.jpg"> <img src="images/class/7.jpg" alt="Caption Title Three" /> </a></li>
<li><a href="images/swype/full/004.jpg"> <img src="images/class/8.jpg" alt="Caption Title Four" /> </a></li>
<li><a href="images/swype/full/005.jpg"> <img src="images/class/9.jpg" alt="Caption Title Five" /> </a></li>
<li><a href="images/swype/full/006.jpg"> <img src="images/class/10.jpg" alt="Caption Title Six" /> </a></li>
<li><a href="images/swype/full/007.jpg"> <img src="images/class/11.jpg" alt="Caption Title Eight" /> </a></li>
<li><a href="images/swype/full/008.jpg"> <img src="images/class/12.jpg" alt="Caption Title Nine" /> </a></li>
<li><a href="images/swype/full/009.jpg"> <img src="images/class/13.jpg" alt="Caption Title Ten" /> </a></li>
</ul>
</div>
<div class="blog">
<div class="orders">
<li class="ordersLeft"><img src="images/class/13.jpg" alt="Caption Title Ten" /></li>
<li class="ordersRight">
<p class="title">小龙虾</p>
<p class="fenlei">小吃类</p>
<p class="jiage">￥99元</p>
</li>
<li><img src="images/kick.png" alt="Caption Title Ten" class="kick" /></li>
</div>
<div class="decoration"></div>
<!--分割线-->
<div class="orders">
<li class="ordersLeft"><img src="images/class/11.jpg" alt="Caption Title Ten" /></li>
<li class="ordersRight">
<p class="title">小龙虾</p>
<p class="fenlei">小吃类</p>
<p class="jiage">￥99元</p>
</li>
<li><img src="images/kick.png" alt="Caption Title Ten" class="kick" /></li>
</div>
<div class="decoration"></div>
<!--分割线-->
<div class="orders">
<li class="ordersLeft"><img src="images/class/10.jpg" alt="Caption Title Ten" /></li>
<li class="ordersRight">
<p class="title">小龙虾</p>
<p class="fenlei">小吃类</p>
<p class="jiage">￥99元</p>
</li>
<li><img src="images/kick.png" alt="Caption Title Ten" class="kick" /></li>
</div>
<div class="decoration"></div>
<!--分割线-->
<div class="orders">
<li class="ordersLeft"><img src="images/class/10.jpg" alt="Caption Title Ten" /></li>
<li class="ordersRight">
<p class="title">小龙虾</p>
<p class="fenlei">小吃类</p>
<p class="jiage">￥99元</p>
</li>
<li><img src="images/kick.png" alt="Caption Title Ten" class="kick" /></li>
</div>
<div class="decoration"></div>
<!--分割线-->
<div style="text-align:center; color:#C00; margin:5px 0">您已选定5个菜，共计500元。</div>
<div style="text-align:center"><a href="#" class="button green">确定点餐</a></div>
</div>
<div class="contact">
<div class="flexslider">
<ul class="slides">
<li> <img src="images/class/1.jpg" /> </li>
</ul>
</div>
<div class="full-width">
<h4 class="shadow">海港大酒楼</h4>
<div class="decoration"></div>
<p class="shadow"> 地址：贵阳市云岩区北京路30号银海元隆
html手机端WEB纯静态页面
5星 · 超过95%的资源 需积分: 48 32 浏览量
2014-08-15
16:07:12
上传
评论 8
收藏 1.16MB RAR 举报 
WEB纯静态页面.rar （45个子文件） 
手机端WEB纯静态页面 
index.html 8KB images class 
2.jpg 154KB 11.jpg 80KB 13.jpg 123KB 8.jpg 120KB 6.jpg 99KB 1.jpg 85KB 12.jpg 84KB 4.jpg 145KB 5.jpg 97KB 9.jpg 84KB 10.jpg 85KB 7.jpg 86KB 3.jpg 118KB
kick.png 826B set_on.png 623B nav item1ns.png 3KB item3ns.png 3KB
Thumbs.db 8KB nav-bg.png 3KB item4ns.png 3KB item5ns.png 3KB item2ns.png 3KB background header-deco.png 4KB deco_style_1.png 3KB bg.png 5KB
130.gif 6KB footer-bg.png 9KB set.png 515B scripts contact.js 2KB custom.js 3KB add2home.js 11KB klass.min.js 2KB jquery.js 92KB jquery.flexslider-min.js 21KB code.photoswipe.jquery-3.0.4.min.js 115KB tweetable.js 4KB css photoswipe.css 5KB type.css 5KB add2home.css 5KB theme bg_control_nav.html 3KB bg_direction_nav.html 3KB flexslider.css 3KB buttons.css 8KB style.css 9KB
- 1
- 2
前往页