(仿)小米商城导航
<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>首页-小米商城</title>
<link rel="stylesheet" href="static/layui/css/layui.css">
<link rel="shortcut icon" type="image/x-icon" href="static/images/footlogo.png">
<link rel="stylesheet" href="static/font-awesome/css/font-awesome.min.css">
<link rel="stylesheet" href="static/css/index.css">
<script src="static/layui/layui.js"></script>
<script src="http://code.jquery.com/jquery-3.1.1.min.js"></script>
</head>
<body>
<!-- top -->
<div>
<div>
<div>
<ul>
<li><a href="">小米商城</a></li>
<li><a href="">MIUI</a></li>
<li><a href="">loT</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="">下载app</a>
<div>
<div></div>
<img src="static/images/code.png">
<p>小米商城APP</p>
</div>
</li>
<li><a href="">Select Region</a></li>
</ul>
</div>
<div>
<ul>
<li><a href="">登录</a></li>
<li><a href="">注册</a></li>
<li><a href="">消息通知</a></li>
<li><i class="fa fa-shopping-cart"></i>购物车(<span>0</span>)
<div>
购物车中还没有商品，赶紧选购吧！
</div>
</li>
</ul>
</div>
</div>
</div>
<!-- 导航 -->
<div>
<div>
<img src="static/images/footlogo.png">
<img src="static/images/logoAD.gif" style="margin-left: 11px;">
</div>
<div>
<ul>
<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>
<div>
<form>
<input type="text" name="">
<div>
<a href="">红米Note 7</a>
<a href="">小米8</a>
</div>
<button><i class="fa fa-search"></i></button>
<div>
<ul>
<li>小米6x<span>约有6件</span></li>
<li>小米mix 2s<span>约有5件</span></li>
<li>黑鲨游戏手机<span>约有3件</span></li>
<li>红米note 5<span>约有6件</span></li>
<li>红米5a<span>约有3件</span></li>
<li>小米电视4c<span>约有5件</span></li>
<li>电视32英寸<span>约有8件</span></li>
<li>笔记本pro<span>约有7件</span></li>
<li>空气净化器<span>约有9件</span></li>
</ul>
</div>
</form>
</div>
</div>
<div></div>
<!-- 主体内容 -->
<div></div>
<!-- 灰色部分 -->
<div>
<!-- 热门手机 -->
<div>
<div>
手机
</div>
<div>
<div>手机广告图</div>
<div>
<ul>
<li>手机1</li>
<li style="margin-left:14px;">手机2</li>
<li style="margin-left:14px;">手机3</li>
<li style="margin-left:14px;">手机4</li>
<li style="margin-top:14px;">手机1</li>
<li style="margin-left:14px;margin-top:14px;">手机2</li>
<li style="margin-left:14px;margin-top:14px;">手机3</li>
<li style="margin-left:14px;margin-top:14px;">手机4</li>
</ul>
</div>
</div>
</div>
<!-- 广告栏 -->
<div>
<a href="">
<img src="static/images/ad01.jpg" width="1226" height="120">
</a>
</div>
<!-- 热门商品 -->
<div>
<div>
家电
</div>
<div>
<div><a href=""></a></div>
<div><a href=""></a></div>
</div>
<div>
<ul>
<li><a href="">1</a></li>
<li style="margin-left:14px;"><a href="">2</a></li>
<li style="margin-left:14px;"><a href="">3</a></li>
<li style="margin-left:14px;"><a href="">4</a></li>
<li style="margin-top:14px;"><a href="">1</a></li>
<li style="margin-left:14px;margin-top:14px;"><a href="">2</a></li>
<li style="margin-left:14px;margin-top:14px;"><a href="">3</a></li>
<div>0</div>
<div>0</div>
</ul>
</div>
</div>
<!-- 广告栏 -->
<div>
<a href="">
<img src="static/images/ad02.jpg" width="1226" height="120">
</a>
</div>
<!-- 热门商品 -->
<div>
<div>
智能
</div>
<div>
<div><a href=""></a></div>
<div><a href=""></a></div>
</div>
<div>
<ul>
<li><a href="">1</a></li>
<li style="margin-left:14px;"><a href="">2</a></li>
<li style="margin-left:14px;"><a href="">3</a></li>
<li style="margin-left:14px;"><a href="">4</a></li>
<li style="margin-top:14px;"><a href="">1</a></li>
<li style="margin-left:14px;margin-top:14px;"><a href="">2</a></li>
<li style="margin-left:14px;margin-top:14px;"><a href="">3</a></li>
<div>0</div>
<div>0</div>
</ul>
</div>
</div>
<!-- 广告栏 -->
<div>
<a href="">
<img src="static/images/ad03.jpg" width="1226" height="120">
</a>
</div>
<!-- 热门商品 -->
<div>
<div>
搭配
</div>
<div>
<div><a href=""></a></div>
<div><a href=""></a></div>
</div>
<div>
<ul>
<li><a href="">1</a></li>
<li style="margin-left:14px;"><a href="">2</a></li>
<li style="margin-left:14px;"><a href="">3</a></li>
<li style="margin-left:14px;"><a href="">4</a></li>
<li style="margin-top:14px;"><a href="">1</a></li>
<li style="margin-left:14px;margin-top:14px;"><a href="">2</a></li>
<li style="margin-left:14px;margin-top:14px;"><a href="">3</a></li>
<div>0</div>
<div>0</div>
</ul>
</div>
</div>
<!-- 广告栏 -->
<div>
<a href="">
<img src="static/images/ad04.jpg" width="1226" height="120">
</a>
</div>
<!-- 底部1-->
<div>
<div>
<a href=""><i class="fa fa-wrench"></i>预约维修服务</a><span>|</span>
<a href=""><i class="fa fa-undo"></i>7天无理由退货</a><span>|</span>
<a href=""><i class="fa fa-rotate-right"></i>15天免费换货</a><span>|</span>
<a href=""><i class="fa fa-thumbs-o-up"></i>满150元包邮</a><span>|</span>
<a href=""><i class="fa fa-send-o"></i>520余家售后网点</a>
<hr>
<dl>
<dt>帮助中心</dt>
<dd>账户管理</dd>
<dd>购物指南</dd>
<dd>订单操作</dd>
</dl>
<dl>
<dt>服务支持</dt>
<dd>售后政策</dd>
<dd>自助服务</dd>
<dd>相关下载</dd>
</dl>
<dl>
<dt>线下门店</dt>
<dd>小米之家</dd>
<dd>服务网点</dd>
<dd>授权体验店</dd>
</dl>
<dl>
<dt>关于小米</dt>
<dd>了解小米</dd>
<dd>加入小米</dd>
<dd>投资者关系</dd>
</dl>
<dl>
<dt>关注我们</dt>
<dd>新浪微博</dd>
<dd>官方微信</dd>
<dd>联系我们</dd>
</dl>
<dl>
<dt>特色服务</dt>
<dd>F 码通道</dd>
<dd>礼物码</dd>
<dd>防伪查询</dd>
</dl>
<div>
<span>400-100-5678</span>
<p>周一至周日 8:00-18:00</p>
<p>(仅收市话费)</p>
<div><i class="fa fa-commenting"></i>联系客服</div>
</div>
</div>
</div>
<!-- 底部2 -->
<div>
<div><img src="static/images/footlogo.png"></div>
<div>
<ul>
<li><a href="">小米商城</a><span>|</span></li>
<li><a href="">MIUI</a><span>|</span></li>
<li><a href="">米家</a><span>|</span></li>
<li><a href="">米聊</a><span>|</span></li>
<li><a href="">多看</a><span>|</span></li>
<li><a href="">游戏</a><span>|</span></li>
<li><a href="">路由器</a><span>|</span></li>
<li><a href="">米粉卡</a><span>|</span></li>
<li><a href="">政企服务</a><span>|</span></li>
<li><a href="">小米天猫店</a><span>|</span></li>
<li><a href="">隐私政策</a><span>|</span></li>
<li><a href="">商城用户协议</a><span>|</span></li>
<li><a href="">账号协议</a><span>|</span></li>
<li><a href="">问题反馈</a><span>|</span></li>
<li><a href="">廉正举报</a><span>|</span></li>
<li><a href="">诚信合规</a><span>|</span></li>
<li><a href="">Select Region</a></li>
</ul>
<p>© mi.com 京ICP证110507号
&am
