<!DOCTYPE html>
<html lang="en">
<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>小U商城</title>
<meta name="description"
content="小U.COM-专业的综合网上购物商城,销售家电、数码通讯、电脑、家居百货、服装服饰、母婴、图书、食品等数万个品牌优质商品.便捷、诚信的服务,为您提供愉悦的网上购物体验!">
<meta name="keywords" content="网上购物,网上商城,手机,笔记本,电脑,MP3,CD,VCD,DV,相机,数码,配件,手表,存储卡">
<link rel="shortcut icon" href="./images/favicon.ico" type="image/x-icon">
<!-- 引入css -->
<link rel="stylesheet" href="./css/reset.css">
<link rel="stylesheet" href="./css/iconfont.css">
<link rel="stylesheet" href="./css/public.css">
<link rel="stylesheet" href="./css/index.css">
</head>
<body>
<!-- 顶部导航开始 -->
<!-- 通栏背景 -->
<div class="shortCut">
<!-- 版心 -->
<div class="inner clearfix">
<!-- 左侧盒子 -->
<ul class="left fl">
<li>
<a href="#" target="_blank">网站导航</a>
<em class="iconfont"></em>
</li>
<li>
<a href="#" target="_blank">商家入驻</a>
<em class="iconfont"></em>
</li>
<li>
<a href="#" target="_blank">客户服务</a>
<em class="iconfont"></em>
</li>
<li>
<i class="iconfont"></i>
<a href="#" target="_blank">北京</a>
<em class="iconfont"></em>
</li>
</ul>
<!-- 右侧盒子 -->
<ul class="right fr">
<li>
<a href="#">请登录</a>
</li>
<!-- 注册 -->
<li class="register">
<a href="#">注册有礼</a>
</li>
<li>
<a href="#">我的订单</a>
<em class="iconfont"></em>
</li>
<li>
<a href="#">我的易购</a>
<em class="iconfont"></em>
</li>
<li>
<a href="#">小U会员</a>
<em class="iconfont"></em>
</li>
<li class="shopCar">
<strong class="iconfont"></strong>
<a href="#">购物车</a>
<b>0</b>
<em class="iconfont"></em>
</li>
<li>
<a href="#">易付宝</a>
</li>
<li>
<a href="#">企业采购</a>
</li>
<li>
<a href="#">手机小U</a>
<em class="iconfont"></em>
</li>
</ul>
</div>
</div>
<!-- 顶部导航结束 -->
<!-- 顶部区域开始 -->
<div class="header">
<div class="inner clearfix">
<div class="logo fl">
<img src="./images/index_logo.jpg" alt="">
</div>
<div class="fl">
<div class="searchBox clearfix">
<input type="text" value="跨店每300减30">
<input type="submit" value="搜索">
<span class="iconfont"></span>
</div>
<div class="hotWords">
<a href="#">手机</a>
<b></b>
<a href="#">电动牙刷</a>
<b></b>
<a href="#">电视</a>
<b></b>
<a href="#" class="active">海尔空调</a>
<b></b>
<a href="#">洗衣机</a>
<b></b>
<a href="#">茅台</a>
<b></b>
<a href="#">热水器</a>
<b></b>
<a href="#">ipad</a>
<b></b>
<a href="#">微波炉</a>
</div>
</div>
</div>
</div>
<!-- 顶部区域结束 -->
<!-- nav开始 -->
<div class="nav">
<div class="inner clearfix">
<div class="left fl">
<div class="top">
<span class="iconfont"></span>
<a href="#" target="_blank">
全部商品分类
</a>
</div>
<ul class="bottom clearfix">
<li class="no1">
<a href="#" target="_blank">
手机
</a>
<em></em>
<a href="#" target="_blank">
运营商
</a>
<em></em>
<a href="#" target="_blank">
智能数码
</a>
</li>
<li>
<a href="#" target="_blank">
空调
</a>
<em></em>
<a href="#" target="_blank">
电视
</a>
<em></em>
<a href="#" target="_blank">
冰箱
</a>
<em></em>
<a href="#" target="_blank">
洗衣机
</a>
</li>
<li>
<a href="#" target="_blank">
厨卫大电
</a>
<em></em>
<a href="#" target="_blank">
生活家电
</a>
<em></em>
<a href="#" target="_blank">
厨具
</a>
</li>
<li>
<a href="#" target="_blank">
电脑办公
</a>
<em></em>
<a href="#" target="_blank">
电视
</a>
<em></em>
<a href="#" target="_blank">
相机
</a>
<em></em>
<a href="#" target="_blank">
DIY
</a>
</li>
<li>
<a href="#" target="_blank">
家居
</a>
<em></em>
<a href="#" target="_blank">
家电
</a>
<em></em>
<a href="#" target="_blank">
家装
</a>
<em></em>
<a href="#" target="_blank">
家纺
没有合适的资源?快使用搜索试试~ 我知道了~
小U商城(PC端、移动端、响应式页面).zip
共210个文件
gif:72个
png:45个
css:28个
需积分: 50 17 下载量 183 浏览量
2021-04-10
20:17:35
上传
评论
收藏 3.2MB ZIP 举报
温馨提示
一阶段完成HTML、CSS基础知识以及其新增特性,掌握页面布局方式,完成项目实战-小U商城电商网页制作,适合小白、新手。
资源详情
资源评论
资源推荐
收起资源包目录
小U商城(PC端、移动端、响应式页面).zip (210个子文件)
index.css 44KB
goodsDetail.css 14KB
goodsList.css 9KB
iconfont.css 8KB
index.css 7KB
ShortCar.css 6KB
Details.css 5KB
details.css 5KB
goods.css 5KB
order.css 5KB
ShortCar.css 5KB
Login.css 5KB
public.css 4KB
iconfont.css 4KB
iconfont.css 4KB
index.css 4KB
public.css 4KB
public.css 3KB
List.css 3KB
My.css 3KB
register.css 3KB
classification.css 2KB
tellogin.css 1KB
login.css 1KB
reset.css 1005B
reset.css 1005B
reset.css 1005B
Login.css 628B
iconfont.eot 8KB
iconfont.eot 4KB
iconfont.eot 4KB
Detail_13.gif 166KB
Detail_12.gif 102KB
Login_01.gif 91KB
Detail_01.gif 90KB
Model8_zxgz.gif 33KB
Model8_bcwmj.gif 32KB
Model8_szss.gif 31KB
Model8_bcwjg.gif 31KB
Model8_htjy.gif 28KB
Model8_szssym.gif 28KB
Model8_kwzc.gif 28KB
Model8_wjplzc.gif 27KB
Model8_yytrs.gif 27KB
Model8_nfsq.gif 23KB
Model8_jdyw.gif 20KB
List_Chuangwei.gif 19KB
Model8_jly.gif 19KB
Model8_hdagt.gif 19KB
List_Hisense1.gif 19KB
Model1_yj.gif 18KB
Model1_lt.gif 16KB
Model8_xmy.gif 16KB
Model_ac.gif 16KB
Model8_zlflm.gif 15KB
List_Hisense.gif 13KB
Model6_ysnzf.gif 13KB
Model6_kkTs.gif 12KB
Model5_xzf.gif 12KB
Model6_hyTs.gif 12KB
Detail_14.gif 11KB
Model1_xfs.gif 11KB
Model6_tsPd.gif 11KB
Model6_yyhb.gif 11KB
Model6_zgfl.gif 10KB
Model4_sdk.gif 10KB
Model6_gmWh.gif 9KB
Model2__slr.gif 9KB
Model5_ln.gif 9KB
Model2__qpl.gif 9KB
Model5_bsd.gif 8KB
Model4_sdg.gif 8KB
Model4_mac.gif 8KB
Model2__kwd.gif 8KB
Model2__osdy.gif 8KB
Model2_hg.gif 8KB
Model5_wkd.gif 8KB
Model2_gz .gif 8KB
Model2__ajl.gif 8KB
Model6_gybyhl.gif 8KB
Model5_zds.gif 7KB
Model2__pat.gif 7KB
Model5_mxk.gif 6KB
Model4_hjm.gif 6KB
Model2__aps.gif 6KB
Model5_tb.gif 6KB
Model2_xyy.gif 6KB
Model2__kz.gif 5KB
Detail_06.gif 5KB
Detail_07.gif 5KB
CarModel2_02.gif 5KB
CarModel2_01.gif 5KB
Model1_szss.gif 5KB
Detail_10.gif 4KB
Detail_11.gif 3KB
Detail_03.gif 3KB
Detail_08.gif 3KB
Detail_04.gif 3KB
Login_text2.gif 3KB
Detail_05.gif 3KB
共 210 条
- 1
- 2
- 3
一条小团团♡
- 粉丝: 0
- 资源: 1
上传资源 快速赚钱
- 我的内容管理 展开
- 我的资源 快来上传第一个资源
- 我的收益 登录查看自己的收益
- 我的积分 登录查看自己的积分
- 我的C币 登录后查看C币余额
- 我的收藏
- 我的下载
- 下载帮助
安全验证
文档复制为VIP权益,开通VIP直接复制
信息提交成功
评论0