<!DOCTYPE html>
<html lang="zh-CN">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>品优购商城-综合网购首选！</title>
<!-- 网站说明 -->
<meta name="description"
content="品优购商城-专业的综合网上购物商城,销售家电、数码通讯、电脑家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品,便捷、诚信的服务，为您提供偷悦的网上购物体验!" />
<meta name="keywords" content="网上购物，网上商城，手机，笔记本，电脑">
<!-- favicon图标 -->
<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/index.css">
</head>
<body>
<!-- 快捷导航模块------start -->
<section class="shortcut">
<div class="w">
<ul class="float_left">
<li>品优购欢迎您!</li>
<li><a href="signin.html">请登录</a></li>
<li><a href="register.html" class="register">免费注册</a></li>
</ul>
<nav class="float_right">
<li><a href="#">我的订单</a></li>
<li></li>
<li class="arrow_icon"><a href="#">我的品优购</a></li>
<li></li>
<li><a href="#">品优购会员</a></li>
<li></li>
<li><a href="#">企业采购</a></li>
<li></li>
<li class="arrow_icon"><a href="#">关注品优购</a></li>
<li></li>
<li class="arrow-icon"><a href="#">客户服务</a></li>
<li></li>
<li class="arrow_icon"><a href="#">网站导航</a></li>
</nav>
</div>
</section>
<!-- 快捷导航模块------end -->
<!-- 头部模块------start -->
<header class="header w">
<div class="logo"><img src="images/logo.png" alt=""></div>
<div class="search">
<input type="text" placeholder="语言开发"><button>搜索</button>
</div>
<ul class="hotwords">
<li><a href="#" class="first">优惠购首发</a></li>
<li><a href="#">亿元优惠</a></li>
<li><a href="#">9.9元团购</a></li>
<li><a href="#">美满99减30</a></li>
<li><a href="#">办公用品</a></li>
<li><a href="#">电脑</a></li>
<li><a href="#">通信</a></li>
</ul>
<a href="#">
<div class="shopcar">我的购物车<i class="count">8</i></div>
</a>
</header>
<!-- 头部模块------end -->
<!-- 导航模块------start -->
<nav class="nav">
<div class="w">
<div class="dropdown">
<div class="dt">全部商品分类</div>
<ul class="dd">
<li><a href="#">家用电器</a></li>
<li><a href="list.html">手机、数码、通信</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>
<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>
<ul class="navitems">
<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 class="last"><a href="#">有趣</a></li>
</ul>
</div>
</nav>
<!-- 导航模块------end -->
<!-- 主体模块------start -->
<div class="main w">
<div class="newflash">
<div class="new_hd">
<h4>品优购快报</h4>
<a href="#">更多</a>
</div>
<ul class="new_bd">
<li><a href="#">[特惠]<span>备战开学季 全民半价购数码</span></a></li>
<li><a href="#">[公告]<span>品优稳占家电网购六成份额</span></a></li>
<li><a href="#">[特惠]<span>百元中秋全品类例礼券限量领</span></a></li>
<li><a href="#">[公告]<span>上品优生鲜 享阳澄湖大闸蟹</span></a></li>
<li><a href="#">[特惠]<span>每日享折扣品优品质游</span></a></li>
</ul>
<ul class="lifeservice">
<a href="#">
<li>
<i class="img1"></i>
<p>话费</p>
</li>
</a>
<a href="#">
<li>
<i class="img2"></i>
<p>机票</p>
</li>
</a>
<a href="#">
<li>
<i class="img3"></i>
<p>电影</p>
</li>
</a>
<a href="#">
<li class="last">
<i class="img4"></i>
<p>游戏</p>
</li>
</a>
<a href="#">
<li>
<i class="img5"></i>
<p>彩票</p>
</li>
</a>
<a href="#">
<li>
<i class="img6"></i>
<p>加油卡</p>
</li>
</a>
<a href="#">
<li>
<i class="img7"></i>
<p>酒店</p>
</li>
</a>
<a href="#">
<li class="last">
<i class="img8"></i>
<p>火车票</p>
</li>
</a>
<a href="#">
<li>
<i class="img9"></i>
<p>众筹</p>
</li>
</a>
<a href="#">
<li>
<i class="img10"></i>
<p>理财</p>
</li>
</a>
<a href="#">
<li>
<i class="img11"></i>
<p>礼品卡</p>
</li>
</a>
<a href="#">
<li class="last">
<i class="img12"></i>
<p>白条</p>
仿写pink老师html+css项目-品优购
需积分: 3 94 浏览量
2023-04-07
00:36:24
上传
评论
收藏 2.82MB ZIP 举报
shopping.zip （83个子文件） 
register.html 4KB goods_details.html 22KB
js list.html 17KB css 
signin.css 3KB common.css 7KB list.css 2KB goods_details.css 12KB register.css 3KB base.css 1KB index.css 10KB signin.html 3KB favicon.ico 9KB index.html 26KB images 
recom.png 3KB error.png 2KB
wx_cz.jpg 7KB logo.png 4KB sign-others.png 2KB sk.png 2KB icons.png 37KB upload brang-street1.png 55KB like6.png 15KB like1.png 29KB floor-2-1.png 27KB intd_img2.png 306KB floor-1-2.png 52KB group_1.png 6KB floor-3-5.png 30KB group_3.png 2KB floor-1-6.png 15KB group_4.png 12KB floor-1-7.png 24KB recom3.png 23KB floor-2-5.png 27KB brang-street3.png 31KB floor-2-7.png 17KB goods2.png 47KB sign-img1.png 283KB like5.png 21KB books-list.png 91KB floor-1-3.png 24KB floor-2-2.png 43KB goods_1.png 5KB floor-3-2.png 56KB floor-1-5.png 56KB recom1.png 14KB recom2.png 28KB goods_details_main.png 89KB like2.png 17KB floor-brands3.png 41KB floor-3-4.png 27KB mini_img2.png 10KB floor-1-4.png 30KB goods_3.png 5KB recom4.png 26KB sk-container-hd.png 95KB mini_img1.png 4KB floor-2-3.png 22KB sk-container-bd1.png 63KB floor-3-1.png 30KB floor-3-6.png 15KB intd_img1.png 186KB like3.png 5KB floor-3-7.png 28KB adv.png 37KB floor-2-6.png 16KB brand.png 39KB floor-1-1.png 38KB like_1.png 13KB floor-2-4.png 20KB focus.png 423KB goods1.png 44KB goods_2.png 15KB like4.png 3KB floor-3-3.png 28KB floor-brands2.png 44KB floor-brands1.png 38KB brang-street2.png 15KB group_2.png 8KB fonts icomoon.woff 3KB
icomoon.svg 7KB icomoon.eot 3KB icomoon.ttf 3KB资源评论
