<!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="https://at.alicdn.com/t/font_2960521_rqz39d8moo.css"
/>
<link rel="shortcut icon" href="img/favicon.ico" type="image/x-icon">
<link rel="stylesheet" href="css/common.css" />
<link rel="stylesheet" href="css/index.css" />
<link rel="stylesheet" href="css/banner.css" />
<link rel="stylesheet" href="css/bannertwo.css">
<link rel="stylesheet" href="css/banner3.css">
<link rel="stylesheet" href="css/foot.css">
<link rel="stylesheet" href="css/rm.css">
</head>
<body>
<div class="topnav">
<div class="container clearfix">
<ul class="fl topnav-menu">
<li class="fl"><a href="#">小米官网</a></li>
<li class="fl"><a href="#">小米商城</a></li>
<li class="fl"><a href="#">MIUI</a></li>
<li class="fl"><a href="#">loT</a></li>
<li class="fl"><a href="#">云服务</a></li>
<li class="fl"><a href="#">天星数科</a></li>
<li class="fl"><a href="#">有品</a></li>
<li class="fl"><a href="#">小爱开放平台</a></li>
<li class="fl"><a href="#">企业团购</a></li>
<li class="fl"><a href="#">资质证照</a></li>
<li class="fl"><a href="#">协议规则</a></li>
<li class="fl"><a href="#">下载app</a></li>
<li class="fl"><a href="#">Select Location</a></li>
</ul>
<div class="fr">
<div class="fl">
<ul class="fl topnav-menu">
<li class="fl"><a href="#">登陆</a></li>
<li class="fl"><a href="#">注册</a></li>
<li class="fl"><a href="#">消息通知</a></li>
</ul>
</div>
<div class="fr topnav-car">
<a href="#">
<i class="iconfont i-car"></i>
<span>购物车（0）</span>
</a>
<div class="topnav-detail">购物车中还没有商品，赶紧选购吧！</div>
</div>
</div>
</div>
</div>
<div class="header">
<div class="container clearfix">
<a href="#" class="header-logo fl">
<h1>小米官网</h1>
</a>
<div class="header-list fl">
<a href="#" class="fl">Xiaomi手机</a>
<a href="#" class="fl">Redmi手机</a>
<a href="#" class="fl">电视</a>
<a href="#" class="fl">笔记本</a>
<a href="#" class="fl">平板</a>
<a href="#" class="fl">家电</a>
<a href="#" class="fl">路由器</a>
<a href="#" class="fl">服务中心</a>
<a href="" class="fl">社区</a>
<div class="header-submenu">
<div class="container clearfix">
<a class="fl" href="">
<div class="header-cover">
<img src="img/小米手机1.webp" alt="" />
</div>
<div class="header-name">Redmi Note 11 pro 5G</div>
<div class="header-price">1199元起</div>
</a>
<a class="fl" href="">
<div class="header-cover">
<img src="img/小米手机2.webp" alt="" />
</div>
<div class="header-name">Redmi Note 11 pro 5G</div>
<div class="header-price">1199元起</div>
</a>
<a class="fl" href="">
<div class="header-cover">
<img src="img/小米手机3.webp" alt="" />
</div>
<div class="header-name">Redmi Note 11 pro 5G</div>
<div class="header-price">1199元起</div>
</a>
<a class="fl" href="">
<div class="header-cover">
<img src="img/小米手机4.webp" alt="" />
</div>
<div class="header-name">Redmi Note 11 pro 5G</div>
<div class="header-price">1199元起</div>
</a>
<a class="fl" href="">
<div class="header-cover">
<img src="img/小米手机5.webp" alt="" />
</div>
<div class="header-name">Redmi Note 11 pro 5G</div>
<div class="header-price">1199元起</div>
</a>
<a class="fl" href="">
<div class="header-cover">
<img src="img/小米手机6.webp" alt="" />
</div>
<div class="header-name">Redmi Note 11 pro 5G</div>
<div class="header-price">1199元起</div>
</a>
</div>
</div>
</div>
<form class="header-search fr">
<input type="text" class="fl" placeholder="手机" />
<button class="fl">
<i class="iconfont i-fangdajing"></i>
</button>
<div class="header-tips">
<a href="#">全部商品</a>
<a href="#">手机</a>
<a href="#">耳机</a>
<a href="#">小米平板5 Pro</a>
<a href="#">加湿器</a>
<a href="#">笔记本</a>
</div>
</form>
</div>
</div>
<div class="container banner">
<a href="#" class="banner-cover">
<img src="img/banner.jpeg" alt="" />
</a>
<div class="banner-arrow banner-arrow-left">
<i class="iconfont i-left"></i>
</div>
<div class="banner-arrow banner-arrow-right">
<i class="iconfont i-right"></i>
</div>
<div class="banner-dots">
<span class="banner-dots-selected fl"></span>
<span class="fl"></span>
<span class="fl"></span>
</div>
<div class="banner-menu">
<ul class="banner-bm">
<li>
<div class="banner-menu-item clearfix">
<span class="fl">手机</span>
<i class="iconfont i-right fr"></i>
</div>
<div class="banner-sub-menu">
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note 11 Pro 系列</span>
</a>
<a href="" class="fl">
<img src="./img/mobile.webp" alt="" class="fl" />
<span class="fl">Note
小米官网-静态页面（包括Css,HTML)
需积分: 14 18 浏览量
2022-10-17
20:05:16
上传
评论
收藏 706KB RAR 举报
小米官网.rar （48个子文件） 
小米官网 css 
bannertwo.css 848B banner.css 2KB rm.css 1KB banner3.css 1KB common.css 676B index.css 3KB foot.css 2KB img 小米手机1.webp 3KB
qrcode.jpg 196KB notebook.webp 1KB watch.webp 2KB banner.jpeg 95KB 小米手机4.webp 3KB mobile.webp 2KB full-banner.webp 17KB ai.webp 1KB 小米手机5.webp 5KB banner3.jpg 67KB 小米手机3.webp 4KB earphone.webp 1KB 小米手机2.webp 2KB mobile-first.webp 33KB 小米手机6.webp 3KB 小米手机8.webp 2KB health.webp 2KB 小米手机11.webp 3KB 小米电视3.webp 6KB bag.webp 1KB
qrcode.png 112KB heisha.webp 16KB banner2.jpg 57KB 小米手机7.webp 3KB fridge.webp 432B 小米手机12.webp 4KB product.webp 8KB power.webp 438B 小米手机9.webp 3KB 小米电视2.webp 3KB logo.png 3KB 小米电视1.webp 6KB 小米手机10.webp 2KB 小米电视6.webp 7KB tv.webp 2KB banner1.jpg 52KB favicon.ico 4KB 小米电视5.webp 6KB 小米电视4.webp 6KB
index.html 57KB
评论0