<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title></title>
<link rel="stylesheet" href="css/public.css">
<link rel="stylesheet" href="css/demo.css">
</head>
<body>
<!-- 整体页面 -->
<div class="webpage">
<!-- 第一个框架 -->
<div class="page1">
<!--logo，标志，标识-->
<div class="logo">
<img src="img/images/logo.jpg">
</div>
<div class="logo1">
<img src="img/images/weibo.jpg">
<p> 分享到新浪微博</p>
</div>
<div class="logo2">
<img src="img/images/weibo1.jpg">
<p> 分享到腾讯微博</p>
</div>
<!--logo end-->
<!--导航本体-->
<ul class="dhUI" id="dhUI">
<li>
<a href="#" >
首 页<br>
<p>Home</p>
</a>
</li>
<li>
<a href="#" >
婚庆套餐<br>
<p>Packages</p>
</a>
<!-- 二级菜单 -->
<ul class="submenu">
<li><a href="#">领导风采</a></li>
<li><a href="#">员工风采</a></li>
<li><a href="#">公司环境</a></li>
<li><a href="#">公司荣誉</a></li>
</ul>
<!-- 二级菜单end -->
</li>
<li>
<a href="#" >
精选优惠<br>
<p>Preferential</p>
</a>
<!-- 二级菜单 -->
<ul class="submenu">
<li><a href="#">领导风采</a></li>
<li><a href="#">员工风采</a></li>
<li><a href="#">公司环境</a></li>
<li><a href="#">公司荣誉</a></li>
</ul>
<!-- 二级菜单end -->
</li>
<li>
<a href="#" >
关于我们<br>
<p>About</p>
</a>
<!-- 二级菜单 -->
<ul class="submenu">
<li><a href="#">领导风采</a></li>
<li><a href="#">员工风采</a></li>
<li><a href="#">公司环境</a></li>
<li><a href="#">公司荣誉</a></li>
</ul>
<!-- 二级菜单end -->
</li>
<li>
<a href="#" >
联系我们<br>
<p>Contact</p>
</a>
<!-- 二级菜单 -->
<ul class="submenu">
<li><a href="#">领导风采</a></li>
<li><a href="#">员工风采</a></li>
<li><a href="#">公司环境</a></li>
<li><a href="#">公司荣誉</a></li>
</ul>
<!-- 二级菜单end -->
</li>
</ul>
<!--导航本体 end-->
</div>
<!-- 第一个框架end -->
<!-- 第二个框架 -->
<div class="page2">
<div class="carousel_map">
<div class="slide">
<!--小圆点-->
<input type="radio" name="pic" id="pic1" checked/>
<input type="radio" name="pic" id="pic2"/>
<input type="radio" name="pic" id="pic3"/>
<div class="labels">
<label for="pic1"></label>
<label for="pic2"></label>
<label for="pic3"></label>
</div>
<!--需要轮播的图片-->
<ul class="list">
<li class="item">
<a href="###">
<img src="img/images/pc_big.jpg" style="height: 100%; width: 100%;"/>
</a>
</li>
<li class="item">
<a href="###">
<img src="img/images/pc1-1.jpg" style="height: 100%; width: 100%;"/>
</a>
</li>
<li class="item">
<a href="###">
<img src="img/images/pc3-3.jpg" style="height: 100%; width: 100%;"/>
</a>
</li>
<li class="item">
<a href="###">
<img src="img/images/pc_big.jpg" style="height: 100%; width: 100%;"/>
</a>
</li>
</ul>
</div>
</div>
<!-- <div class="pc_big">
<img src="img/images/pc_big.jpg">
</div> -->
<div class="pc_big_text">
一场<span>浪漫</span>典礼<br>
<p>A ROMANTIC CEREMONY</p>
</div>
<div class="pc_big_text1">
一段铭心<span>回忆</span><br>
<p>A ETERNAL MEMORY</p>
</div>
</div>
<!-- 第二个框架end -->
<!-- 第三个框架 -->
<div class="page3">
<div class="title">
婚庆套餐<br>
<P>Packages</P>
<span>MORE</span>
</div>
<div class="pc1">
<a href="">
<img src="img/images/pc1-1.jpg">
</a>
<p>格瓦之恋</p>
<span>￥163</span>
</div>
<div class="pc2">
<a href="">
<img src="img/images/pc2-2.jpg">
</a>
<p>格瓦之恋</p>
<span>￥163</span>
</div>
<div class="pc3">
<a href="">
<img src="img/images/pc3-3.jpg">
</a>
<p>格瓦之恋</p>
<span>￥163</span>
</div>
<div class="pc4">
<a href="">
<img src="img/images/pc1-1-1.jpg">
</a>
<p>格瓦之恋</p>
<span>￥163</span>
</div>
<div class="pc5">
<a href="">
<img src="img/images/pc2-2-2.jpg">
</a>
<p>格瓦之恋</p>
<span>￥163</span>
</div>
<div class="pc6">
<a href="">
<img src="img/images/pc3-3-3.jpg">
</a>
<p>格瓦之恋</p>
<span>￥163</span>
</div>
<div class="title1">
新闻动态<br>
<p>NEWS</p>
<span>MORE</span>
</div>
<div class="content1">
<a>高端婚宴礼堂正式接受预定了，欢迎开始</a><br><br>
<p>现在Elyseewedding高端婚宴礼堂正式接受预定了预定的方式非常简单，可以访问我们的网站</p><br><br>
<a>高端婚宴礼堂正式接受预定了，欢迎开始</a><br><br>
<p>现在Elyseewedding高端婚宴礼堂正式接受预定了预定的方式非常简单，可以访问我们的网站</p><br><br>
<a>高端婚宴礼堂正式接受预定了，欢迎开始</a><br><br>
<p>现在Elyseewedding高端婚宴礼堂正式接受预定了预定的方式非常简单，可以访问我们的网站</p>
</div>
<div class="title2">
最新活动<br>
<p>ACTIVITY</p>
<span>MORE</span>
</div>
<div class="content2">
<a>高端婚宴礼堂正式接受预定了，欢迎开始</a><br><br>
<p>现在Elyseewedding高端婚宴礼堂正式接受预定了预定的方式非常简单，可以访问我们的网站</p><br><br>
<a>高端婚宴礼堂正式接受预定了，欢迎开始</a><br><br>
<p>现在Elyseewedding高端婚宴礼堂正式接受预定了预定的方式非常简单，可以访问我们的网站</p><br><br>
<a>高端婚宴礼堂正式接受预定了，欢迎开始</a><br><br>
<p>现在Elyseewedding高端婚宴礼堂正式接受预定了预定的方式非常简单，可以访问我们的网站</p>
</div>
<div class="title3">
联系我们<br>
<p>CONTACT</p>
<span>MORE</span>
</div>
<div class="content3">
<p>重庆渝中区中山一路97号金山大厦1033室</p>
<img src="img/images/phone.jpg">
<div class="ON">
<img src="img/images/ON.jpg">
</div>
<a href="">
<div class="qq">
<img src="img/images/qq1.jpg">
</div>
</a>
<a href="">
<div class="qq1">
<img src="img/images/qq2.jpg">
</div>
</a>
<a href="">
<div class="map">
<img src="img/images/map.jpg">
</div>
</a>
<div class="number">
<img src="img/images/number.jpg">
</div>
</div>
</div>
<!-- 第三个框架end -->
<!-- 第四个框架 -->
<div class="page4">
<p>微电影 优酷原创 酷6 网易视频 QQ导航 瑞星安全网址导航 hao123 淘网址 搜狗网址导航 科幻世界 最新电视剧 2345网址导航 360手机助手 iPhone限时免费 小米手机预订 抽屉新热榜 114啦 928小游戏 265网址导航 酷酷123网址之家 726网址导航 360安全网址导航 360压缩软件 </p>
<img src="img/images/foot-logo.jpg">
H5 简单demo示例模板
需积分: 0 22 浏览量
2024-05-30
17:36:28
上传
评论
收藏 1.37MB ZIP 举报
h5.zip （39个子文件） 
h5 js 
app.js 864B app2.js 864B public.css 283B img 
nav_bg.png 1KB
logo_1.jpg 5KB biaoqian2.jpg 1KB logo.png 11KB 000.jpg 861KB biaoqian1.jpg 1KB nav_hover_bg.png 1KB 003.jpg 174KB tubiao.jpg 1KB biaoqian.jpg 1KB 002.jpg 12KB images foot-logo.jpg 4KB weibo.jpg 2KB qq2.jpg 2KB pc1-1-1.jpg 29KB map.jpg 22KB pc2-2-2.jpg 30KB qq1.jpg 2KB tuoyuan_2.jpg 1KB pc3-3-3.jpg 31KB weibo1.jpg 2KB pc_big.jpg 71KB ON.jpg 3KB phone.jpg 3KB pc2-2.jpg 30KB pc3-3.jpg 31KB logo.jpg 50KB pc1-1.jpg 29KB number.jpg 5KB tuoyuan_1.jpg 1KB web_nav.jpg 4KB 001.jpg 15KB nav_1.jpg 1KB css demo.css 11KB
demo.html 8KB demo1.html 2KB资源评论
