<!DOCTYPE html>
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<link rel="stylesheet" type="text/css" href="global.css" />
<link rel="stylesheet" type="text/css" href="detail.css" />
<meta http-equiv="Content-Type" content="text/html; charset=utf-8"/>
<title></title>
</head>
<body>
<iframe src="head.html" width="100%" height="104" scrolling="no" frameborder="0"></iframe>
<div id="middle">
<div id="allnav">
<div id="nav">
<ul><!--二级菜单-->
<li class="menuList"><a href="#" class="category">全部商品分类</a>
<ul>
<li><a href="#">美食</a></li>
<li><a href="#">旅游</a></li>
<li><a href="#">酒店</a></li>
<li><a href="#">电影</a></li>
<li><a href="#">KTV</a></li>
<li><a href="#">时尚</a></li>
<li><a href="#">生活服务</a></li>
</ul>
</li>
<li><a href="index.html">首页</a></li>
<li><a href="#">团购</a></li>
<li><a href="#">美食</a></li>
<li><a href="#">电影</a></li>
<li><a href="#">KTV</a></li>
<li><a href="#">酒店订票</a></li>
<li><a href="#">购物</a></li>
<li><a href="#">品牌特卖</a></li>
</ul>
</div>
</div>
<!--页中导航结束-->
<div id="content">
<div id="detail">
<div id="intro1">
<h2>武汉团购“美食团购”自助餐“大鱼铁板烧”</h2>
<ul class="picture">
<li><img src="images/good2.jpg" /></li>
<li class="ps"><img src="images/view1.jpg" /></li>
<li class="ps"><img src="images/view2.jpg" /></li>
<li class="ps"><img src="images/view3.jpg" /></li>
<li class="ps"><img src="images/view4.jpg" /></li>
</ul>
<ul class="info">
<li>团购价:<span>¥149</span></li>
<li>门店价:¥224</li>
<li>剩余时间:14小时40分11秒</li>
<li>已经售出:<span>3895</span></li>
<li>消费评分:4.4</li>
<li>已有357人评价</li>
<li class="txt">仅售149元!价值224元的大鱼铁板烧单人可口自助套餐<br />
与精美的一场冰火约会,好好慰劳自己吧</li>
<li class="buy"><a href="#"><img src="images/intocart.gif" /></a></li>
</ul>
</div>
<div id="intro2">
<div id="menubox">
<ul>
<li><a href="#tab1">商家位置</a></li>
<li><a href="#tab1">团购详情</a></li>
<li><a href="#tab1">美淘推荐</a></li>
<li><a href="#tab1">消费评价</a></li>
</ul>
</div>
<div id="tab">
<div id="tab1">
<h2>商家位置</h2>
<dl>
<dt><img src="images/map.jpg" height="150" /></dt>
<dd><span>大鱼铁板烧(汉街万达店)</span><br />
地址:武昌区汉街一号万达广场4楼4017铺<br />
电话:027-87126609</dd>
<dd><span>大鱼铁板烧...武汉(国际广场店)</span><br />
地址:汉江区解放大道武汉国际广场B坐5楼<br />
电话:027-85823026</dd>
<dd><span>大鱼铁板烧(花园道店)</span><br />
地址:汉江区青年路308号花园道商业街A-112号<br />
电话:027-85803792</dd>
</dl>
</div>
<div id="tab2">
<h2>团购详情</h2>
<table>
<tr>
<th>内容</th>
<th>单价</th>
<th>数量/规格</th>
<th>小计</th>
</tr>
<tr>
<th colspan="4">以下二选一</th>
</tr>
<tr>
<td>周一至周四午餐晚餐二选一</td>
<td>168元</td>
<td>1位</td>
<td>168元</td>
</tr>
<tr>
<td>周五至周日午餐晚餐二选一</td>
<td>168元</td>
<td>1位</td>
<td>168元</td>
</tr>
<tr>
<th colspan="4">其它</th>
</tr>
<tr>
<td>哈根达斯单球</td>
<td>28元</td>
<td>2球</td>
<td>56元</td>
</tr>
</table>
<p>价值:224元</p>
<p>美淘价:149元</p>
<ul>
<li>周一至周四午餐晚餐二选一:周一至周五11:00-15:00,17:00-22:00</li>
<li>周五至周日午餐晚餐二选一:周五至周日11:00-15:00,20:30-22:30</li>
</ul>
<div id="buyrule">
<h3>购买须知</h3>
<p><span>有效期:</span>2013.10.17至2013.12.18(周末,法定节假日通用)</p>
<p><span>预约提醒:</span>请至少提前1天致电商家预约</p>
<p><span>使用规则:</span></p>
<ul>
<li>1.2米(含)以下儿童享原价的半价优惠,到店支付即可(不含自助餐外其他零点),1.2米(不含)以上需独立使用1张美淘卷</li>
<li>团购用户不可同时享受商家其它优惠</li>
<li>部分菜品因时令原因有所不同,请以店内当日实际提供为准</li>
</ul>
</div>
<!-- 购买须知结束-->
</div>
<div id="tab3">
<h2>美淘推荐</h2>
<dl>
<dt><img src="images/detail/ok1.jpg
没有合适的资源?快使用搜索试试~ 我知道了~
美淘网使用DIV+CSS设计Web前端页面.zip
共150个文件
jpg:111个
gif:12个
css:9个
需积分: 12 69 下载量 116 浏览量
2014-11-06
14:42:47
上传
评论 5
收藏 3.74MB ZIP 举报
温馨提示
这是一个有关于的网页制作页面,是大学生课堂上的项目,也是初学者需要借鉴的。应该可以帮到初学者进一步的了解div+css技术
资源推荐
资源详情
资源评论
收起资源包目录
美淘网使用DIV+CSS设计Web前端页面.zip (150个子文件)
Web.config 359B
index.css 8KB
detail.css 7KB
cart.css 4KB
login.css 4KB
check.css 3KB
hottopic.css 2KB
head.css 1KB
foot.css 461B
global.css 251B
Thumbs.db 211KB
Thumbs.db 115KB
Thumbs.db 86KB
Thumbs.db 31KB
intocart.gif 5KB
code_img.gif 3KB
out.gif 1KB
current.gif 1KB
gray.gif 1KB
hover.gif 1KB
tabc.gif 1KB
icon.gif 861B
tabbg.gif 690B
register_write_ok.gif 369B
arrow-down.gif 66B
arrow-right.gif 64B
detail.html 13KB
hottopic.html 12KB
index.html 11KB
login.html 8KB
cart.html 7KB
check.html 6KB
foot.html 2KB
head.html 2KB
example.html 761B
ok2.jpg 87KB
ok3.jpg 76KB
ad.jpg 56KB
ban.jpg 55KB
logo.jpg 47KB
good10.jpg 44KB
g1.jpg 42KB
ok4.jpg 39KB
good5.jpg 37KB
good8.jpg 37KB
good11.jpg 36KB
good12.jpg 34KB
flat5.jpg 34KB
good4.jpg 33KB
good7.jpg 33KB
good2.jpg 32KB
ass.jpg 31KB
ok1.jpg 30KB
fk.jpg 29KB
ok5.jpg 29KB
best2.jpg 28KB
week3.jpg 27KB
view4.jpg 27KB
holiday5.jpg 26KB
love1.jpg 26KB
register.jpg 25KB
inn1.jpg 25KB
good9.jpg 24KB
best1.jpg 24KB
map.jpg 24KB
best4.jpg 24KB
love6.jpg 23KB
love5.jpg 23KB
holiday3.jpg 23KB
good3.jpg 23KB
best3.jpg 23KB
inn4.jpg 23KB
login_over.jpg 22KB
inn5.jpg 22KB
best6.jpg 22KB
flat3.jpg 22KB
inn2.jpg 22KB
flat4.jpg 21KB
holiday2.jpg 21KB
week2.jpg 21KB
best5.jpg 20KB
login.jpg 20KB
good1.jpg 20KB
love4.jpg 20KB
view1.jpg 20KB
inn6.jpg 20KB
search.jpg 20KB
remark2.jpg 19KB
holiday6.jpg 19KB
flat6.jpg 19KB
jt1.jpg 19KB
view2.jpg 19KB
week1.jpg 19KB
jt2.jpg 18KB
view3.jpg 18KB
good6.jpg 17KB
flat2.jpg 17KB
hotbuy5.jpg 17KB
love2.jpg 17KB
ztbg.jpg 17KB
共 150 条
- 1
- 2
资源评论
liuxuejiao_
- 粉丝: 19
- 资源: 3
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功