index.html - RikyChen/RikyChen GitHub Wiki
<title>京东(JD.COM)-正品低价、品质保障、配送及时、轻松购物！</title>
<!-- 快捷导航模块开始 -->
<div class="shortcut">
<div class="w">
<ul class="fl">
<li>
<i class="posi"></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="ma">
<img src="images/ma.jpg" height="60" width="60" alt="">
</div>
</li>
</ul>
</div>
</div>
<!-- 快捷导航模块结束 -->
<!-- header部分开始 -->
<div class="header">
<div class="w inner">
<!-- logo部分 -->
<div class="logo">
<!-- logo部分通常用h1套a -->
<h1>
<a href="#" title="京东网">
京东<!-- 京东这两个字不能删除方便索搜的 -->
</a>
</h1>
</div>
<!-- logo部分结束 -->
<!-- 搜索部分开始-->
<div class="search">
<input type="text" value="单反相机">
<buttom>
<i></i>
</buttom>
<em></em>
</div>
<!-- 搜索部分结束 -->
<!-- 热词部分开始 -->
<div class="hotword">
<a href="#" class="style-red">学生专享</a>
<a href="#">300减160</a>
<a href="#">300减160</a>
<a href="#">300减160</a>
<a href="#">300减160</a>
<a href="#">300减160</a>
</div>
<!-- 热词部分结束 -->
<!-- 我的购物车开始 -->
<div class="mycar">
<i></i>
<a href="#">我的购物车</a>
<s>100</s>
</div>
<!-- 我的购物车结束 -->
<!-- 开始被子 -->
<div class="bei">
<a href="#">
<img src="images/bei.jpg" height="40" width="190" 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部分结束 -->
<!-- main部分开始 -->
<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>
</li>
<li>
<a href="#">家居</a>
<span>/</span>
<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>
<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>
<span>/</span>
<a href="#">珠宝</a>
</li>
<li>
<a href="#">家居</a>
<span>/</span>
<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>
<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>
<span>/</span>
<a href="#">厨具</a>
</li>
<li>
<a href="#">男装</a>
<span>/</span>
<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>
<span>/</span>
<a href="#">厨具</a>
</li>
<li>
<a href="#">男装</a>
<span>/</span>
<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">
<div class="arrow">
<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/b6.jpg" width="790" height="340" alt=""></a></li>
</ul>
</div>
</div>
<!-- 中间版心底 -->
<div class="jd-clo2-bd">
<div class="first-b">
<img src="images/b3.jpg" height="130" alt="">
</div>
<div>
<img src="images/b4.jpg" height="130" 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/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:;">公告</a>
<a href="#" class="nmore">更多</a>
<div class="line"></div>
</div>
<div class="tb-bd">
<ul>
<li><a href="#">潮衣装下单立减100元</a></li>
<li><a href="#">潮衣装下单立减100元</a></li>
<li><a href="3">潮衣装下单立减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="3">潮男衣装现在下单立减100元</a></li>
<li><a href="#">潮男衣装现在下单立减100元</a></li>
</ul> -->
</div>
</div>
<div class="jd-servic">
<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>
<li>
<a href="#">
<i></i>
<p>机票</p>
</a>
</li>
</ul>
</div>
</div>
</div>
<!-- 大图广告 -->
<div class="ad">
<a href="#"></a>
</div>
</div>
<!-- main部分结束 -->
<!-- 页面底部分开始 -->
<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>
<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="#">DIY装机</a></dd>
<dd><a href="#">延保服务</a></dd>
<dd><a href="#">京东E卡</a></dd>
<dd><a href="#">京东通信</a></dd>
<dd><a href="#">京东JD+</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="#">关于我们</a>
<span>|</span>
</div>
<!-- c-info部分 -->
<div class="c-info">
<p>京公网安备 11000002000088号|京ICP证070359号|互联网药品信息服务资格证编号(京)-经营性-2014-0008|新出发京零 字第大120007号</p>
<p>互联网出版许可证编号新出网证(京)字150号|出版物经营许可证|网络文化经营许可证京网文[2014]2148-348号|违法和不良信息举报电话：4006561155</p>
<p>Copyright © 2004 - 2018 京东JD.com 版权所有|消费者维权热线：4006067733经营证照|(京)网械平台备字(2018)第00003号|营业执照</p>
<p>Global Site|Сайт России|Situs Indonesia|Sitio de España|เว็บไซต์ประเทศไทย</p>
<p>京东旗下网站：京东钱包|京东云</p>
</div>
<!-- 图片栏 -->
<div class="tupian">
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
<a href="#"></a>
</div>
</div>
<!-- 版权模块结束 -->
</div>
<!-- 页面底部分结束 -->