182 lines
7.0 KiB
HTML
182 lines
7.0 KiB
HTML
<!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>小米官网</title>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2390285_q4fyhaw31o.css">
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2390285_2wkve69vkbj.css">
|
|
<link rel="stylesheet" href="./css/clear.css">
|
|
<link rel="stylesheet" href="./css/pub.css">
|
|
<link rel="stylesheet" href="./css/index.css">
|
|
<script src="./js/index.js"></script>
|
|
</head>
|
|
|
|
<body>
|
|
<!-- 头部开始 -->
|
|
<div class="nav">
|
|
<div class="center">
|
|
<ul class="nav_left float_left">
|
|
<li><a href="#">小米商城</a></li><span>|</span>
|
|
<li><a href="#">MIUI</a></li><span>|</span>
|
|
<li><a href="#"> IoT </a></li><span>|</span>
|
|
<li><a href="#">云服务</a></li><span>|</span>
|
|
<li><a href="#">天星数科</a></li><span>|</span>
|
|
<li><a href="#">有品</a></li><span>|</span>
|
|
<li><a href="#">小爱开放平台</a></li><span>|</span>
|
|
<li><a href="#">企业团购</a></li><span>|</span>
|
|
<li><a href="#">资质证照</a></li><span>|</span>
|
|
<li><a href="#">协议规则</a></li><span>|</span>
|
|
<li><a href="#">下载app </a></li><span>|</span>
|
|
<li><a href="#">智能生活</a></li><span>|</span>
|
|
<li><a href="#"> Select Location</a></li>
|
|
</ul>
|
|
|
|
<ul class="nav_right float_right">
|
|
<li><a href="#">登录</a></li><span>|</span>
|
|
<li><a href="#">注册</a></li><span>|</span>
|
|
<li><a href="#">消息通知</a></li>
|
|
<li class="asdf">
|
|
<a href="#"><i class="iconfont icon-gouwuche"></i>购物车</a>
|
|
<div class="dorp">
|
|
<p>购物车中还没有商品，赶紧选购吧！</p>
|
|
</div>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<!-- 头部结束 -->
|
|
|
|
<!-- 导航栏开始 -->
|
|
<div class="log center ">
|
|
<div class="log_left">
|
|
<div>log</div>
|
|
<div>首页</div>
|
|
</div>
|
|
<ul class="log_mid">
|
|
<li><a href="#">小米手机</a></li>
|
|
<li><a href="#">Redmi 红米</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 class="log_right">
|
|
<div><input type="text"></div>
|
|
<div><i class="iconfont icon-sousuo"></i></div>
|
|
</div>
|
|
</div>
|
|
<!-- 导航栏结束 -->
|
|
|
|
<!-- 商品图开始 -->
|
|
<div class="shangp center">
|
|
<div class="sp1">
|
|
<ul class="sp2">
|
|
<li class="shouji_fu">
|
|
<a href="#">手机 电话卡 <span>></span></a>
|
|
<div class="shouji">
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
<span>手 机</span>
|
|
|
|
</div>
|
|
</li>
|
|
<li><a href="#">手机 电话卡 <span>></span></a></li>
|
|
<li><a href="#">手机 电话卡 <span>></span></a></li>
|
|
<li><a href="#">手机 电话卡 <span>></span></a></li>
|
|
<li><a href="#">手机 电话卡 <span>></span></a></li>
|
|
<li><a href="#">手机 电话卡 <span>></span></a></li>
|
|
<li><a href="#">手机 电话卡 <span>></span></a></li>
|
|
<li><a href="#">手机 电话卡 <span>></span></a></li>
|
|
<li><a href="#">手机 电话卡 <span>></span></a></li>
|
|
<li><a href="#">手机 电话卡 <span>></span></a></li>
|
|
</ul>
|
|
</div>
|
|
<div class="tu"></div>
|
|
</div>
|
|
<!-- 商品图片结束 -->
|
|
|
|
<!-- 长图部分开始 -->
|
|
<div class="changtu center">
|
|
<ul class="changtu_letf">
|
|
<li>
|
|
<a href="#">
|
|
<span><img src="./img/chang1-1.png" alt=""></span>
|
|
<span>小米秒杀</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span><img src="./img/chang1-2.png" alt=""></span>
|
|
<span>小米秒杀</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span><img src="./img/chang1-3.png" alt=""></span>
|
|
<span>小米秒杀</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span><img src="./img/chang1-4.png" alt=""></span>
|
|
<span>小米秒杀</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span><img src="./img/chang1-5.png" alt=""></span>
|
|
<span>小米秒杀</span>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="#">
|
|
<span><img src="./img/chang1-6.png" alt=""></span>
|
|
<span>小米秒杀</span>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
<div><a href="#"><img src="./img/chang2.jpg" alt="" class="changdu"></a></div>
|
|
<div><a href="#"><img src="./img/chang3.jpg" alt="" class="changdu" </a></div>
|
|
<div><a href="#"><img src="./img/chang4.jpg" alt="" class="changdu"></a></div>
|
|
</div>
|
|
<!-- 长图部分结束 -->
|
|
|
|
</body>
|
|
|
|
</html> |