<!doctype html>
<!--[if IEMobile 7 ]> <html class="no-js iem7" lang="en"> <![endif]-->
<!--[if (gt IEMobile 7)|!(IEMobile)]><!--> <html class="no-js" lang="en"> <!--<![endif]-->
<head>
<meta charset="gbk">
<title> html5手机网页_首页</title>
<meta name="description" content="">
<!-- Mobile viewport optimization h5bp.com/ad -->
<meta name="HandheldFriendly" content="True">
<meta name="MobileOptimized" content="320">
<meta name="viewport" content="width=device-width, user-scalable=no, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0">
<!-- iOS web app, delete if not needed. https://github.com/h5bp/mobile-boilerplate/issues/94 -->
<meta name="apple-mobile-web-app-capable" content="yes">
<meta name="apple-mobile-web-app-status-bar-style" content="black">
<link rel="stylesheet" href="css/reset.css">
<link rel="stylesheet" href="css/flexslider.css">
<link rel="stylesheet" href="css/photoswipe/photoswipe.css">
<link rel="stylesheet" href="css/jquery.mobile-1.1.1.css">
<link rel="stylesheet" href="css/themes/theme.css">
<!-- Main Stylesheet -->
<script src="js/libs/modernizr-2.0.6.min.js"></script>
</head>
<body>
<div id="container" data-role="page" >
<header>
<div id="header">
<h1> 食在鲜 </h1>
</div>
</header>
<div id="pageHome" class="page">
<div class="content">
<div class="groupBox innerContent ">
<div id="bannerSlider" class="flexslider">
<ul class="slides">
<li>
<img src="img/slides/6.jpg" alt="Slide"/>
</li>
<li>
<img src="img/slides/1.jpg" alt="Slide" />
</li>
<li>
<img src="img/slides/2.jpg" alt="Slide" />
</li>
<li>
<img src="img/slides/3.jpg" alt="Slide" />
</li>
<li>
<img src="img/slides/4.jpg" alt="Slide" />
</li>
<li>
<img src="img/slides/5.jpg" alt="Slide" />
</li>
</ul>
</div>
</div>
</div>
<div class="separator"></div>
<div class="pagesMenu">
<a href="detail.html" class="pageLink pageLink-1-1">
<div class="iconBox">
<img src="img/banli.jpg" alt="板栗红烧肉">
</div>
<div class="titleBox">
板栗红烧肉
</div>
</a>
<a href="detail.html" id="linkServices" class="pageLink pageLink-1-1" >
<div class="iconBox">
<img src="img/jid.jpg" alt="宫保鸡丁">
</div>
<div class="titleBox">
宫保鸡丁
</div>
</a>
<a href="detail.html" id="linkPortfolio" class="pageLink pageLink-1-1 ">
<div class="iconBox">
<img src="img/chaomian.jpg" alt="虾仁炒面">
</div>
<div class="titleBox">
虾仁炒面
</div>
</a>
<a href="detail.html" id="linkContact" class="pageLink pageLink-1-1 " >
<div class="iconBox">
<img src="img/bao.jpg" alt="黄金刺猬豆沙包">
</div>
<div class="titleBox">
黄金刺猬豆沙包
</div>
</a>
<a href="detail.html" id="linkBlog" class="pageLink pageLink-1-1" >
<div class="iconBox">
<img src="img/xiar.jpg" alt="龙井虾仁">
</div>
<div class="titleBox">
龙井虾仁
</div>
</a>
<a href="detail.html" id="linkExtra1" class="pageLink pageLink-1-1" >
<div class="iconBox">
<img src="img/sizi.jpg" alt="红烧狮子头">
</div>
<div class="titleBox">
红烧狮子头
</div>
</a>
<!--
<a href="detail.html" id="linkPortfolio" class="pageLink pageLink-1-1 ">
<div class="iconBox">
<img src="img/chaomian.jpg" alt="虾仁炒面">
</div>
<div class="titleBox">
虾仁炒面
</div>
</a>
<a href="detail.html" class="pageLink pageLink-1-1">
<div class="iconBox">
<img src="img/banli.jpg" alt="板栗红烧肉">
</div>
<div class="titleBox">
板栗红烧肉
</div>
</a>
<a href="detail.html" id="linkServices" class="pageLink pageLink-1-1" >
<div class="iconBox">
<img src="img/jid.jpg" alt="宫保鸡丁">
</div>
<div class="titleBox">
宫保鸡丁
</div>
</a>
-->
<div class="clearfix"></div>
</div>
</div>
<div class="clearfix"></div>
<footer>
<div id="footer">
Copyright © 2015
</div>
</footer>
</div> <!--! end of #container -->
<!-- JavaScript at the bottom for fast page loading -->
<script>window.jQuery || document.write('<script src="js/libs/jquery-1.8.2.min.js"><\/script>')</script>
<!--validation for older browsers (if) -->
<script src="js/iscroll.js"></script>
<script src="js/jquery.flexslider-min.js"></script>
<script src="js/photoswipe/klass.min.js"></script>
<script src="js/photoswipe/code.photoswipe.jquery-3.0.5.min.js"></script>
<script>
$(document).bind("mobileinit", function(){
$.mobile.defaultPageTransition = 'none';
//$.mobile.defaultPageTransition = 'slide';
//$.mobile.defaultPageTransition = 'fade';
//$.mobile.defaultPageTransition = 'flow';
//$.mobile.defaultPageTransition = 'flip';
//$.mobile.defaultPageTransition = 'pop';
$.mobile.ignoreContentEnabled = true;
//enable this if you want your website to run without jQuery Mobile Navigation
$.mobile.ajaxEnabled = false;
});
</script>
<script src="js/jquery.mobile-1.2.0.min.js"></script>
<script src="js/helper.js"></script>
<script src="js/script.js"></script>
<!-- end scripts-->
</body>
</html>
评论0