|
|
@@ -0,0 +1,67 @@
|
|
|
+<!DOCTYPE html>
|
|
|
+<html lang="en">
|
|
|
+
|
|
|
+<head>
|
|
|
+ <meta charset="UTF-8">
|
|
|
+ <meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
|
+ <title>Document</title>
|
|
|
+ <link rel="stylesheet" href="./css/index.css">
|
|
|
+ <link rel="stylesheet" href="https://at.alicdn.com/t/c/font_5209207_xom5ge6o6z.css">
|
|
|
+</head>
|
|
|
+
|
|
|
+<body>
|
|
|
+ <!-- 全屏容器 -->
|
|
|
+ <div class="container">
|
|
|
+ <!-- 顶部导航栏 -->
|
|
|
+ <div class="top-nav">
|
|
|
+ <div class="top-nav-container main-width clearfix">
|
|
|
+ <!-- 左侧导航栏 -->
|
|
|
+ <div class="left-nav">
|
|
|
+ <a href="">小米官网</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">小米商城</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">小米澎湃OS</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">小米汽车</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">云服务</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">IoT</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">小米有品</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">小爱开放平台</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">资质证照</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">协议规则</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">下载app</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">Select Location</a>
|
|
|
+ </div>
|
|
|
+ <!-- 右侧导航栏 -->
|
|
|
+ <div class="right-nav">
|
|
|
+ <a href="">登录</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">注册</a>
|
|
|
+ <span class="line">|</span>
|
|
|
+ <a href="">消息通知</a>
|
|
|
+ <a class="cart" href="">
|
|
|
+ <i class="iconfont icon-cart-empty"></i>
|
|
|
+ 购物车（0）
|
|
|
+ </a>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ </div>
|
|
|
+ <!-- 头部导航 -->
|
|
|
+ <div class="head-nav"></div>
|
|
|
+ <!-- 轮播图 -->
|
|
|
+ <div class="swiper-content"></div>
|
|
|
+ <!-- 广告栏 -->
|
|
|
+ <div class="ad-content"></div>
|
|
|
+ </div>
|
|
|
+</body>
|
|
|
+
|
|
|
+</html>
|
