jingdong_page
/
index.html

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="utf-8">

	<!-- 三大标签 -->
	<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
	<meta name="description" content="京东JD.COM-专业的综合网上购物商城，为您提供正品低价的购物选择、优质便捷的服务体验。商品来自全球数十万品牌商家，囊括家电、手机、电脑、服装、居家、母婴、美妆、个护、食品、生鲜等丰富品类，满足各种购物需求。" />
	<meta name="Keywords" content="网上购物,网上商城,家电,手机,电脑,服装,居家,母婴,美妆,个护,食品,生鲜,京东" />
		<!-- 引入京东图标 -->
	<link rel="shortcut icon" href="favicon.ico" />
	<!-- 引用css初始化文件 -->
	<link rel="stylesheet" href="css/normalize.css" />
	<!-- 头部和尾部结构基本相同 -->
	<link rel="stylesheet" href="css/base.css" />
	<!-- 首页专属样式 -->
	<link rel="stylesheet" href="css/index.css" />
</head>
<body>
	<!-- header部分 start-->
	<header>
		<div class="w">
			<a href="#">
			<img src="images/header.jpg" height="80" width="1190" alt="">
			</a>
		</div>
	</header>
	<!-- header部分 end-->
	<!-- 快速导航栏部分 start -->
	<div class="shortcut">
		<div class="w">
			<ul class="fl city">
				<li><span class="f10"></span><a href="#">北京</a></li>
			</ul>
			<ul class="fr">
				<li>
					<a href="#">你好，请登录</a>
					<a href="#" class="f10">免费注册</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">我的订单</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">我的京东</a>
					<span></span>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">京东会员</a>
				</li>
				<li class="space"></li>
				<li>
					<a href="#" class="f10">企业采购</a>
					<span></span>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">客户服务</a>
					<span></span>
				</li>
				<li class="space"></li>
				<li>
					<a href="#">网站导航</a>
					<span></span>
				</li>
				<li class="space"></li>
				<li>
					<a href="#" class="mobile">手机京东
						<img src="images/mobile.png" alt="">
					</a>
				</li>
			</ul>
		</div>
	</div>
	<!-- 快速导航栏部分 end -->
	<!-- 中间部分 start -->
	<div class="middle w">
	<!-- logo部分 -->
		<div class="logo">
			<h1>	<!-- 提高权重，便于搜索引擎优化 -->
				<a href="#"></a>
			</h1>
		</div>
	<!-- 搜索部分 -->
	<div class="form">
		<input type="text" placeholder="扫描仪">
		<button><i></i></button>
	</div>
	<!-- 购物车部分 -->
	<div class="shopCar">
		<i></i>我的购物车<span>0</span>
	</div>
	<!-- 关键词 -->
	<div class="hotwords">
		<a href="#" class="f10">手机五折起</a>
		<a href="#" >每100-50</a>
		<a href="#" >手机</a>
		<a href="#" >家具直降</a>
		<a href="#" >电纸书</a>
		<a href="#" >精选兽药</a>
		<a href="#" >时尚轻奢</a>
		<a href="#" >电脑数码</a>
		<a href="#" >面膜</a>
	</div>
	<!-- 小导航栏 -->
	<div class="navitems">
		<ul>
			<li><a href="#">秒杀</a></li>
			<li><a href="#">优惠券</a></li>
			<li><a href="#">PLUS会员</a></li>
			<li><a href="#">品牌闪购</a></li>
			<li class="space"></li>
			<li><a href="#">拍卖</a></li>
			<li><a href="#">京东时尚</a></li>
			<li><a href="#">京东超市</a></li>
			<li><a href="#">京东生鲜</a></li>
			<li class="space"></li>
			<li><a href="#">海囤全球</a></li>
			<li><a href="#">京东金融</a></li>
		</ul>
	</div>
	</div>
	<!-- 中间部分 end -->

	<!-- 中间分类页面start -->
	<div class="w grid">
		<div class="grid-col1 fl">
			<div class="advertise">
				<a href="#"><img src="images/ad.png" height="480" alt="" class="ad-l"></a>
				<a href="#"><img src="images/ad.jpg" height="480" alt="" class="ad-r"></a>
			</div>
			<ul>
				<li><a href="#">家用电器</a></li>
				<li><a href="#">家用电器/</a><a href="#">运用商/</a><a href="#">数码</a></li>
				<li><a href="#">家用电器/</a><a href="#">运用商/</a><a href="#">数码</a>
				</li><li><a href="#">家用电器/</a><a href="#">运用商/</a><a href="#">数码</a></li>
				<li><a href="#">家用电器/</a><a href="#">运用商/</a><a href="#">数码</a></li>
				<li><a href="#">家用电器/</a><a href="#">运用商/</a><a href="#">数码</a></li>
				<li><a href="#">家用电器/</a><a href="#">运用商/</a><a href="#">数码</a></li>
				<li><a href="#">家用电器/</a><a href="#">运用商/</a><a href="#">数码</a></li>
				<li><a href="#">家用电器/</a><a href="#">运用商/</a><a href="#">数码</a></li>
				<li><a href="#">家用电器/</a><a href="#">运用商/</a><a href="#">数码</a></li>
				<li><a href="#">家用电器/</a><a href="#">运用商/</a><a href="#">数码</a></li>
				<li><a href="#">家用电器/</a><a href="#">运用商/</a><a href="#">数码</a></li>
				<li><a href="#">家用电器/</a><a href="#">运用商/</a><a href="#">数码</a></li>
				<li><a href="#">安装/</a><a href="#">维修/</a><a href="#">二手</a></li>
				<li><a href="#">安装/</a><a href="#">维修/</a><a href="#">二手</a></li>
				<li><a href="#">安装/</a><a href="#">维修/</a><a href="#">二手</a></li>
				<li><a href="#">安装/</a><a href="#">维修/</a><a href="#">二手</a></li>
				<li><a href="#">工业品</a></li>
			</ul>
		</div>
		<div class="grid-col2 fl">
			<div class="grid-col2-t">
				<a href="#"><img src="images/top.jpg" height="340" width="790" alt=""></a>
				<a href="#" class="ico-l circle"><</a>
				<a href="#" class="ico-r circle">></a>
				<ul>
					<li></li>
					<li></li>
					<li></li>
					<li class="current"></li>
					<li></li>
					<li></li>
					<li></li>
					<li></li>
				</ul>
			</div>
			<div class="grid-col2-b">
				<div><img src="images/b-l.jpg" height="130" width="390" alt=""></div>
				<div><img src="images/b-r.jpg" height="130" width="390" alt=""></div>
			</div>
		</div>
		<div class="grid-col3 fr">
			<!-- 登录模块 -->
			<div class="login">
				<div class="login-t">
					Hi~欢迎来到京东！<br />
				<a href="#">登录</a>
				<a href="#">注册</a>
				<a href="#" class="userimg"><img src="images/no_login.jpg" alt=""></a>
				</div>
				<div class="login-b">
					<a href="#">新人福利</a>
					<a href="#">PLUS会员</a>
				</div>
			</div>
			<!-- 新闻模块 -->
			<div class="news">
				<div class="news-t">
					<a href="#" class="sale">促销</a>
					<a href="#" class="ad">广告</a>
					<a href="#" class="more">更多</a>
					<div></div>
				</div>
				<div class="news-b">
					<ul>
						<li><a href="#">iPhone 11国行售价曝光，XR2也相应而出</a></li>
						<li><a href="#">电动车禁令已发布，摩托车时代就要来了</a></li>
						<li><a href="#">华为P30还没焐热，华为P40就来了？或支持鸿蒙新系统</a></li>
						<li><a href="#">华为新机已曝光</a></li>
					</ul>
				</div>
			</div>
			<!-- 拓展模块 -->
			<div class="expand">
				<ul>
					<li>
						<a href="#">
							<img src="images/huafei.jpg" alt="">
							<span>话费</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/jipiao.jpg" alt="">
							<span>机票</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/jiudian.jpg" alt="">
							<span>酒店</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/youxi.jpg" alt="">
							<span>游戏</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/qiyegou.jpg" alt="">
							<span>企业购</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/jiayouka.jpg" alt="">
							<span>加油卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/dianyipiao.jpg" alt="">
							<span>电影票</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/huochepiao.jpg" alt="">
							<span>火车票</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/zhongchou.jpg" alt="">
							<span>众筹</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/licai.jpg" alt="">
							<span>理财</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/lipinka.jpg" alt="">
							<span>礼品卡</span>
						</a>
					</li>
					<li>
						<a href="#">
							<img src="images/baitiao.jpg" alt="">
							<span>白条</span>
						</a>
					</li>

				</ul>
			</div>
		</div>
	</div>

	<!-- 中间分类页面end -->

	<!-- 页面底部start -->
	<footer class="clear">
		<!-- 服务模块 -->
		<div class="service">
			<div class="w">
				<ul>
					<li>
						<h5></h5>
						<p>品类齐全，轻松购物</p>
					</li>
					<li>
						<h5></h5>
						<p>多仓直发，极速配送</p>
					</li>
					<li>
						<h5></h5>
						<p>正品行货，精致服务</p>
					</li>
					<li>
						<h5></h5>
						<p>天天低价，畅选无忧</p>
					</li>
				</ul>
			</div>
		</div>
		<!-- 帮助模块 -->
		<div class="help w">
			<div class="fl">
				<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="#">211限时达</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>
				</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>
				</dl>
				<dl>
					<dt>特色服务</dt>
					<dd><a href="#">夺宝岛</a></dd>
					<dd><a href="#">DIY装机</a></dd>
					<dd><a href="#">延时服务</a></dd>
					<dd><a href="#">京东E卡</a></dd>
					<dd><a href="#">京东通信</a></dd>
					<dd><a href="#">京鱼座智能</a></dd>
				</dl>
			</div>
			<div class="fr coverage">
				<h5>京东自营覆盖区县</h5>
				<p>京东已向全国2661个区县提供自营配送服务，支持货到付款、POS机刷卡和售后上门服务。</p>
				<a href="#">查看详情 > </a>
			</div>
		</div>
		<!-- 版权模块 -->
		<div class="w copyright">
			<p>
				<a href="#">关于我们</a>
				<span>|</span>
				<a href="#">联系我们</a>
				<span>|</span>
				<a href="#">联系客服</a>
				<span>|</span>
				<a href="#">合作招商</a>
				<span>|</span>
				<a href="#">商家帮助</a>
				<span>|</span>
				<a href="#">营销中心</a>
				<span>|</span>
				<a href="#">手机京东</a>
				<span>|</span>
				<a href="#">友情链接</a>
				<span>|</span>
				<a href="#">销售联盟</a>
				<span>|</span>
				<a href="#">京东社区</a>
				<span>|</span>
				<a href="#">风险监测</a>
				<span>|</span>
				<a href="#">English Site</a>
				<span>|</span>
				<a href="#">Media</a>
			</p>
			<div>
				<p>京公网安备 11000002000088号<span>|</span>京ICP证070359号<span>|</span>互联网药品信息服务资格证编号(京)-经营性-2014-0008<span>|</span>新出发京零 字第大120007号</p>

<p>互联网出版许可证编号新出网证(京)字150号|出版物经营许可证<span>|</span>网络文化经营许可证京网文[2014]2148-348号|违法和不良信息举报电话：4006561155</p>

<p>Copyright © 2004 - 2019  京东JD.com 版权所有<span>|</span>消费者维权热线：4006067733经营证照<span>|</span>(京)网械平台备字(2018)第00003号<span>|</span>营业执照</p>

	<p>
		<a href="#"><i></i>Global Site</a>
		<span>|</span>
		<a href="#"><i></i>Сайт России</a>
		<span>|</span>
		<a href="#"><i></i>Situs Indonesia</a>
		<span>|</span>
		<a href="#"><i></i>Sitio de España</a>
		<span>|</span>
		<a href="#"><i></i>เว็บไซต์ประเทศไทย</a>
	</p>

<p>京东旗下网站：<a href="#">京东钱包</a><span>|</span><a href="#">京东云</a></p>
			</div>

			<p class="foot-ico">
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
				<a href="#"></a>
			</p>

		</div>
	</footer>
	<!-- 页面底部end -->

</body>
</html>