pinyougou-static-website
/
list.html

<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>品优购商城-综合网购首页-正品低价、品质保障、配送及时、轻松购物！</title>
		<!--网站说明-->
		<meta name="description" content="品优购-专业的综合网上购物商城，销售家电、数码通讯、电脑、家电百货、服装服饰、母婴。图书、食品等万个品牌优质商品，便捷、诚信的服务，为您提供愉悦的网上购物体验！">
		<meta name="keywords" content="网上购物、网上商城、手机、笔记本、电脑、MP3、cd、vcd、dv、相机、数码、配件、手表，储蓄卡">
		<link rel="shortcut icon" href="favicon.ico" />
		<link rel="stylesheet" href="css/base.css">
		<link rel="stylesheet" href="css/common.css" />
		<link rel="stylesheet" href="css/list.css">
	</head>

	<body>
		<!--快捷导航模块-->
		<section class="shortcut">
			<div class="w">
				<div class="f1">
					<ul>
						<li>品优购欢迎您！&nbsp;</li>
						<li>
							<a href="#">请登录</a>&nbsp;
							<a href="register.html" class="style_red">免费注册</a>
						</li>
					</ul>
				</div>
				<div class="fr">
					<ul>
						<li>我的订单</li>
						<li></li>
						<li class="arrow-icon">我的品优购</li>
						<li></li>
						<li>品优购会员</li>
						<li></li>
						<li>企业采购</li>
						<li></li>
						<li class="arrow-icon">关注品优购</li>
						<li></li>
						<li class="arrow-icon">客户服务</li>
						<li></li>
						<li class="arrow-icon">网站导航</li>
					</ul>
				</div>
			</div>
		</section>
		<!--快捷导航模块end-->
		<!--header头部模块制作start-->
		<header class="header w ">
			<!--logo模块-->
			<div class="logo">
				<h1>
					<a href="index.html" title="品优购商城">品优购商城</a>
				</h1>
			</div>
			<div class="sk">
				<img src="images/sk.png">
			</div>
			<div class="search">
				<input type="search" name="" placeholder="语言开发" />
				<button>搜索</button>
			</div>
			<!--hotwords模块制作-->
			<div class="hotwords">
				<a href="#" class="style_red">优惠购首发</a>
				<a href="#">亿元优惠</a>
				<a href="#">9.9元团购</a>
				<a href="#">每满99减30</a>
				<a href="#">办公用品</a>
				<a href="#">电脑</a>
				<a href="#">通信</a>
			</div>
			<!--购物车模块-->
			<div class="shopcar">我的购物车
				<i class="count">8</i>
			</div>
		</header>
		<!--header头部模块制作end-->
		<!--nav模块制作start-->
		<nav class="nav">
			<div class="w">
				<div class="sk_list">
					<ul>
						<li>
							<a href="#">品优购秒杀</a>
						</li>
						<li>
							<a href="#">即将售完</a>
						</li>
						<li>
							<a href="#">超值低价</a>
						</li>
					</ul>
				</div>
				<div class="sk_con">
					<ul>
						<li>
							<a href="#">女装</a>
						</li>
						<li>
							<a href="#">女装</a>
						</li>
						<li>
							<a href="#">女装</a>
						</li>
						<li>
							<a href="#">女装</a>
						</li>
						<li>
							<a href="#">女装</a>
						</li>
						<li>
							<a href="#">女装</a>
						</li>
						<li>
							<a href="#">女装</a>
						</li>
						<li>
							<a href="#">女装</a>
						</li>
						<li>
							<a href="#">更多分类</a>
						</li>
					</ul>
				</div>
			</div>
		</nav>
		<!--nav模块制作end-->
		<!-- 列表页主体部分 -->
		<div class="w sk_container">
			<div class="sk_hd">
				<img src="upload/bg_03.png" alt="">
			</div>
			<div class="sk_bd">

				<ul class="clearfix">
					<li>
						<img src="upload/list.jpg" alt="">
					</li>
					<li>
						<img src="upload/list.jpg" alt="">
					</li>
					<li>
						<img src="upload/list.jpg" alt="">
					</li>
					<li>
						<img src="upload/list.jpg" alt="">
					</li>
					<li>
						<img src="upload/list.jpg" alt="">
					</li>
					<li>
						<img src="upload/list.jpg" alt="">
					</li>
					<li>
						<img src="upload/list.jpg" alt="">
					</li>
					<li>
						<img src="upload/list.jpg" alt="">
					</li>
				</ul>
			</div>
		</div>
		<!--底部模块的制作start-->
		<footer class="footer">
			<div class="w">
				<div class="mod_service">
					<ul>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>正品保障</h4>
								<p>正品保障，提供发票</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>正品保障</h4>
								<p>正品保障，提供发票</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>正品保障</h4>
								<p>正品保障，提供发票</p>
							</div>
						</li>
						<li>
							<h5></h5>
							<div class="service_txt">
								<h4>正品保障</h4>
								<p>正品保障，提供发票</p>
							</div>
						</li>
					</ul>
				</div>
				<div class="mod_help">
					<dl>
						<dt>服务指南</dt>
						<dd>
							<a href="#">购物流程</a>
						</dd>
						<dd>
							<a href="#">会员介绍</a>
						</dd>
						<dd>
							<a href="#">生活旅游/团购</a>
						</dd>
						<dd>
							<a href="#">常见问题</a>
						</dd>
						<dd>
							<a href="#">大家电</a>
						</dd>
						<dd>
							<a href="#">联系客服</a>
						</dd>
					</dl>
					<dl>
						<dt>服务指南</dt>
						<dd>
							<a href="#">购物流程</a>
						</dd>
						<dd>
							<a href="#">会员介绍</a>
						</dd>
						<dd>
							<a href="#">生活旅游/团购</a>
						</dd>
						<dd>
							<a href="#">常见问题</a>
						</dd>
						<dd>
							<a href="#">大家电</a>
						</dd>
						<dd>
							<a href="#">联系客服</a>
						</dd>
					</dl>
					<dl>
						<dt>服务指南</dt>
						<dd>
							<a href="#">购物流程</a>
						</dd>
						<dd>
							<a href="#">会员介绍</a>
						</dd>
						<dd>
							<a href="#">生活旅游/团购</a>
						</dd>
						<dd>
							<a href="#">常见问题</a>
						</dd>
						<dd>
							<a href="#">大家电</a>
						</dd>
						<dd>
							<a href="#">联系客服</a>
						</dd>
					</dl>
					<dl>
						<dt>服务指南</dt>
						<dd>
							<a href="#">购物流程</a>
						</dd>
						<dd>
							<a href="#">会员介绍</a>
						</dd>
						<dd>
							<a href="#">生活旅游/团购</a>
						</dd>
						<dd>
							<a href="#">常见问题</a>
						</dd>
						<dd>
							<a href="#">大家电</a>
						</dd>
						<dd>
							<a href="#">联系客服</a>
						</dd>
					</dl>
					<dl>
						<dt>服务指南</dt>
						<dd>
							<a href="#">购物流程</a>
						</dd>
						<dd>
							<a href="#">会员介绍</a>
						</dd>
						<dd>
							<a href="#">生活旅游/团购</a>
						</dd>
						<dd>
							<a href="#">常见问题</a>
						</dd>
						<dd>
							<a href="#">大家电</a>
						</dd>
						<dd>
							<a href="#">联系客服</a>
						</dd>
					</dl>
					<dl>
						<dt>帮助中心</dt>
						<dd>
							<a href="#">
								<img src="images/wx_cz.jpg"> 品优购客户端
							</a>
						</dd>
					</dl>
				</div>
				<div class="mod_copyright">
					<div class="links">
						<a href="#">关于我们</a> |
						<a href="#">联系我们 </a>|
						<a href="#">联系客服 </a> |
						<a href="#">商家入驻 </a> |
						<a href="#">营销中心</a> |
						<a href="#">手机品优购 </a> |
						<a href="#">友情链接 </a> |
						<a href="#">销售联盟 </a>|
						<a href="#">品优购社区 </a> |
						<a href="#">品优购公益 </a> |
						<a href="#"> english Site </a>|
						<a href="#">Contact U</a>
					</div>
					<div class="conpyright">
						地址：北京市昌平区建材城西路金燕龙办公室一层 邮编：100096 电话： 400-618-4000 传真：010-82935100 邮箱：zhang321580.cn</br>
						京ICP备080014221号京公网安备110108007702
					</div>
				</div>
			</div>
		</footer>
		<!--底部模块的制作end-->
	</body>

</html>