<!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" type="image/x-icon"/>
<!-- normalize 里面css初始化 针对游览器 -->
<link rel="stylesheet" href="css/normalize.css">
<!-- base 里面只写公共样式 是对京东网页 头部和底部样式 -->
<link rel="stylesheet" href="css/base.css">
<!-- 京东首页的css 只写首页的 独有的-->
<link rel="stylesheet" href="css/index.css">
</head>
<body>
<!-- 京东顶部开始 -->
<div class="J_event">
<a href="#" class="w">
<i></i>
</a>
</div>
<!-- 京东顶部结束 -->
<!-- 快捷导航模块开始 -->
<div class="shortcut">
<div class="w">
<ul class="fl">
<li>
<i class="pos"></i>
北京
</li>
</ul>
<ul class="fr">
<li>
<a href="#">
你好, 请登录
</a>
<a href="#" class="style-red">
免费注册
</a>
</li>
<li class="spacer"></li>
<li>
<a href="#">
我的订单
</a>
</li>
<li class="spacer"></li>
<li class="dropdown">
<a href="#">
我的京东
</a>
<i></i>
</li>
<li class="spacer"></li>
<li>
<a href="#">
京东会员
</a>
</li>
<li class="spacer"></li>
<li>
<a href="#">
企业采购
</a>
</li>
<li class="spacer"></li>
<li class="dropdown">
<a href="#">
客户服务
</a>
<i></i>
</li>
<li class="spacer"></li>
<li class="dropdown">
<a href="#">
网站导航
</a>
<i></i>
</li>
<li class="spacer"></li>
<li style="position: relative; z-index: 1;">
<a href="#">
手机京东
</a>
<div class="erweima">
<img src="images/erweima.png" alt="">
</div>
</li>
</ul>
</div>
</div>
<!-- 快捷导航模块结束 -->
<!-- header 部分 start -->
<div class="header">
<div class="w inner">
<!-- logo 部分 -->
<div class="logo">
<h1>
<a href="#" title="京东网">京东</a>
</h1>
</div>
<!-- 搜索部分 -->
<div class="search">
<input type="text" value="单反相机">
<button>
<i></i>
</button>
<em></em>
</div>
<!-- 热词部分 -->
<div class="hotwords">
<a href="#" class="style-red">名表特惠</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="myCar">
<i></i>
<a href="#">我的购物车</a>
<s>0</s>
</div>
<!-- 电脑 -->
<div class="computer">
<a href="#">
<img src="images/computer.jpg" alt="">
</a>
</div>
<!-- 导航栏信息 -->
<div class="navitems">
<ul>
<li><a href="#">秒杀</a></li>
<li><a href="#">优惠券</a></li>
<li><a href="#">闪购</a></li>
<li><a href="#">拍卖</a></li>
</ul>
<div class="spacer"></div>
<ul>
<li><a href="#">京东服饰</a></li>
<li><a href="#">京东超市</a></li>
<li><a href="#">生鲜</a></li>
<li><a href="#">全球购</a></li>
</ul>
<div class="spacer"></div>
<ul>
<li><a href="#">京东金融</a></li>
</ul>
</div>
</div>
</div>
<!-- header 部分 end -->
<!-- main 部分 start -->
<div class="jd">
<div class="w jd-inner">
<div class="jd-clo1">
<ul>
<li><a href="#">家用电器</a></li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
<li>
<a href="#">手机</a>
<span>/</span>
<a href="#">运营商</a>
<span>/</span>
<a href="#">数码</a>
</li>
</ul>
</div>
<div class="jd-clo2">
<div class="jd-clo2-hd">
<a href="#" class="arr-l"></a>
<a href="#" class="arr-r"></a>
<ol>
<li class="current"></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
<li></li>
</ol>
<ul>
<li>
<a href="#"><img src="images/banner.jpg" alt=""></a></li>
</ul>
</div>
<div class="jd-clo2-bd">
<div class="firstPic">
<img src="images/pic1.jpg" alt="">
</div>
<div>
<img src="images/pic2.jpg" alt="">
</div>
</div>
</div>
<div class="jd-clo3">
<div class="user">
<div class="user-info">
Hi, 欢迎来到京东! <br />
<a href="#">注册</a>
<a href="#">登录</a>
<a href="#" class="info-img">
<img src="images/no_login.jpg" alt="">
</a>
</div>
<div class="user-profit">
<a href="#">新人福利</a>
<a href="#">PLUS会员</a>
</div>
</div>
<div class="news">
<div class="tab-hd">
<a href="javascript:;" class=" cuxiao">促销</a>
<a href="javascript:;" class="live">公告</a>
<a href="#" class="more1">更多</a>
<div class="line"></div>
</div>
<div class="tab-bd">
<ul>
<li><a href="#">蓄电池专场下单立减100元</a></li>
<li><a href="#">蓄电池专场下单立减100元</a></li>
<li><a href="#">蓄电池专场下单立减100元</a></li>
<li><a href="#">蓄电池专场下单立减100元</a></li>
</ul>
<!-- <ul>
<li><a href="#">蓄电池专场下单立减100元</a></li>
<li><a href="#">蓄电池专场下单立减100元</a></li>
<li><a href="#">蓄电池专场下单立减100元</a></li>
<li><a href="#">蓄电池专场下单立减100元</a></li>
</ul> -->
</div>
</div>
<div class="jd-service">
<ul>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
</ul>
</div>
</div>
</div>
<div class="ad">
<a href="#"></a>
</div>
</div>
<!-- main 部分 end -->
<!-- 页面底部分 -->
<div class="footer">
<!-- 多快好省 -->
<div class="footer-service">
<div class="w footer-service-inner">
<ul class="clearfix">
<li>
<div class="service_unit">
<h5>多</h5>
<p>品类齐全, 轻松购物</p>
</div>
</li>
<li>
<div class="service_unit">
<h5 class="kuai">快</h5>
<p>多仓直发,极速配送</p>
</div>
</li>
<li>
<div class="service_unit">
<h5 class="hao">多</h5>
<p>正品行货,精致服务</p>
</div>
</li>
<li>
<div class="service_unit">
<h5 class="sheng">多</h5>
<p>正品行货,精致服务</p>
</div>
</li>
</ul>
</div>
</div>
<!-- 帮助模块 -->
<div class="w 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="#">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>
<dl class="cover">
<dt>京东自营覆盖区县</dt>
<dd class="info">京东已向全国2661个区县提供自营配送服务,支持货到付款、POS机刷卡和售后上门服务。</dd>
<dd class="more"><a href="#">查看详情 ></a></dd>
</dl>
</div>
<!-- 版权模块 -->
<div class="w copyright">
<div class="links">
<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="#">隐私政策</a>
<span>|</span>
<a href="#">京东公益</a>
<span>|</span>
<a href="#">English Site</a>
<span>|</span>
<a href="#">Media & IR</a>
</div>
<div class="c-info">
<p>京公网安备 11000002000088号|京ICP证070359号|互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零 字第大120007号</p>
<p>互联网出版许可证编号新出网证(京)字150号|出版物经营许可证|网络文化经营许可证京网文[2014]2148-348号|违法和不良信息举报电话:4006561155</p>
<p>Copyright © 2004 - 2019 京东JD.com 版权所有|消费者维权热线:4006067733经营证照|(京)网械平台备字(2018)第00003号|营业执照</p>
<p>京东旗下网站:京东钱包|京东云</p>
</div>
<div class="tupian">
<a href="#"></a>
<a href="#" class="kexin"></a>
<a href="#" class="wl"></a>
<a href="#" class="cx"></a>
<a href="#" class="zg"></a>
<a href="#" class="wlapp"></a>
</div>
</div>
</div>
</body>
</html>
京东-index.html
最新推荐文章于 2022-10-14 18:59:59 发布