静态:HTML+CSS(小米官网)

 

<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>小米官网</title>
</head>
<link rel="stylesheet" href="./CSS/.css" type="text/css">
<link href="https://cdn.bootcss.com/font-awesome/5.8.0/css/all.css" rel="stylesheet" />

<body>

    <div class="homepage">
        <div class="header">
            <ul class="left">
                <li><a href="#">小米官网</a>
                    <a href="#"> 小米商城</a>
                    <a href="#">MIUI</a>
                    <a href="#"> IoT</a>
                    <a href="#">云服务</a>
                    <a href="#"> 天星数科</a>
                    <a href="#"> 有品</a>
                    <a href="#"> 小爱开放平台 </a>
                    <a href="#"> 企业团购</a>
                    <a href="#">资质证照 </a>
                    <a href="#"> 协议规则</a>
                    <a href="#"> 下载app</a>
                    <a href="#"> Select Location</a>
                </li>
            </ul>
            <ul class="right">
                <li><a href="#">登录</a>
                    <a href="#">注册</a>
                    <a href="#">消息通知</a>
                </li>
            </ul>
            <a href="#" class="right1"><img src="./images/shopping trolley.png" alt="" width="15px" height="10px">
                <p>购物车(0)</p>
            </a>
        </div>
        <div class="logo">
            <a href="#" class="logo0"><img src="./images/LOGO.png" alt="" width="50px" height="50px"></a>
            <div class="logo1">
                <ul>
                    <li>
                        <a href="#">Xiaomi手机</a>
                        <a href="#">Redim红米</a>
                        <a href="#">电视</a>
                        <a href="#">笔记本</a>
                        <a href="#">平板</a>
                        <a href="#">家电</a>
                        <a href="#">路由器</a>
                        <a href="#">服务中心</a>
                        <a href="#">社区</a>
                    </li>
                </ul>
            </div>
            <div class="logo2">
                <input class="search-txt" type="text" name="" placeholder="冰箱">
                <a class="search-btn" href="https://www.mi.com/">
                    <i class="fas fa-search"> </i>
                </a>
            </div>
        </div>
        <div class="home">
            <div class="home-left">
                <ul>
                    <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="home-right">
                <a target="_blank" href="https://www.mi.com/"><img src="./images/首页图片1.jpg" alt="" width="990px;s" height="460px;"></a>
            </div>
            <div class="home-bottom">
                <div class="home-bootom1">
                    <div class="hb1">
                        <a target="_blank" href="https://api.jr.mi.com/activity/scene/scenePCsearch.html?from=search"><img src="./images/保障服务.png" alt="" width="30px" height="30px" class="png1">
                            <p>保障服务</p>
                        </a>
                    </div>
                    <div class="hb1">
                        <a href="#"><img src="./images/企业团购.png" alt="" width="30px" height="30px" class="png1">
                            <p>企业团购</p>
                        </a>
                    </div>
                    <div class="hb1">
                        <a href="#"><img src="./images/F码通道.png" alt="" width="30px" height="30px" class="png1">
                            <p>F码通道</p>
                        </a>
                    </div>
                    <div class="hb1">
                        <a href="#"><img src="./images/米粉卡.png" alt="" width="30px" height="30px" class="png1">
                            <p>米粉卡</p>
                        </a>
                    </div>
                    <div class="hb1">
                        <a href="#"><img src="./images/以旧换新.png" alt="" width="30px" height="30px" class="png1">
                            <p>以旧换新</p>
                        </a>
                    </div>
                    <div class="hb1">
                        <a href="#"><img src="./images/话费充值.png" alt="" width="30px" height="30px" class="png1">
                            <p>话费充值</p>
                        </a>
                    </div>

                </div>
                <div class="home-bootom2"><img src="./images/首页图片2.jpg" alt="" width="315px" height="195px"></div>
                <div class="home-bootom3"><img src="./images/首页图片3.jpg" alt="" width="315px" height="195px"></div>
                <div class="home-bootom3"><img src="./images/首页图片4.jpg" alt="" width="315px" height="195px"></div>
            </div>
        </div>
    </div>
    <div class="Corp"><img src="./images/Note 11T.jpeg" alt="" width="1220px;" height="115px;"></div>
    <div class="row">
        <p>手机</p> <span>
        <a target="_blank" href="https://www.mi.com/p/1915.html">查看更多<i class="iconfont"> > </i></a>
    </span> </div>
    <div class="row-hd">
        <ul>
            <li>
                <a href="#" class="hd1"><img src="./images/hd1.png" alt="" width="229px;" height="580px;"></a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/hd2-2.png" alt="" width="130px;" height="130px;"></div>
                    <h3> Redmi Note 11T Pro+</h3>
                    <p class="desc">天玑8100|真旗舰芯</p>
                    <p class="price"><span class="num">2099</span>元<span>起</span></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/hd2-3.png" alt="" width="130px;" height="130px;"></div>
                    <h3> Redmi Note 11T Pro</h3>
                    <p class="desc">天玑8100|真旗舰芯</p>
                    <p class="price"><span class="num">1799</span>元<span>起</span></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/hd2-4.png" alt="" width="130px;" height="130px;"></div>
                    <h3> Xiaomi Civi 1S </h3>
                    <p class="desc">原生美肌人像|奇迹阳光动人新色|骁龙778G Plus</p>
                    <p class="price"><span class="num">2999</span>元<span>起</span><del><span class="num">1099</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/hd2-3.png" alt="" width="130px;" height="130px;"></div>
                    <h3> Redmi 10A</h3>
                    <p class="desc">大电量、大音量、大屏幕</p>
                    <p class="price"><span class="num">649</span>元<span>起</span><del><span class="num">699</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/hd2-6.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> Redmi K50 Pro</h3>
                    <p class="desc">2K直屏的狠旗舰</p>
                    <p class="price"><span class="num">2999</span>元<span>起</span></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/hd2-7.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> Redmi K50</h3>
                    <p class="desc">2K直屏的狠旗舰</p>
                    <p class="price"><span class="num">2399</span>元<span>起</span></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/hd2-8.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> Redmi K40S</h3>
                    <p class="desc">口碑真旗舰</p>
                    <p class="price"><span class="num">1799</span>元<span>起</span></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/hd2-9.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> Redmi Note 11T Pro</h3>
                    <p class="desc">天玑8100|真旗舰芯</p>
                    <p class="price"><span class="num">1799</span>元<span>起</span></p>
                </a>
            </li>
        </ul>
    </div>
    <div class="row">
        <p>智能穿戴</p> <span>
        <a target="_blank" href="https://www.mi.com/p/1915.html">穿戴</a>
        <a target="_blank"class="row1" href="https://www.mi.com/p/1915.html">热门</a>
        </span>
    </div>
    <div class="row-hd">
        <ul>
            <li>
                <a href="#" class="hd1"><img src="./images/CD01.jpg" alt="" width="229px;" height="570px;"></a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/CD02.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> Xiaomi Watch S1</h3>
                    <p class="desc">蓝宝石玻璃镜面 | 不锈钢中框 | 1.43”AMOLED大屏幕</p>
                    <p class="price"><span class="num">999</span>元<span>起</span><del><span class="num">1099</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/CD03.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> Xiaomi真无线降噪耳机3</h3>
                    <p class="desc">40dB宽频主动降噪 | HiFi高保真音质 | HRTF专业调音</p>
                    <p class="price"><span class="num">399</span>元<span>起</span><del><span class="num">499</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/CD04.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> Redmi 手表 2 </h3>
                    <p class="desc">1.6"AMOLED大屏 | 117种运动模式 | 24小时心率监测C</p>
                    <p class="price"><span class="num">379</span>元<span>起</span><del><span class="num">399</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/CD05.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> 小米手环6 NFC版</h3>
                    <p class="desc">1.56" 跑道全面彩屏 | 30种运动模式 | 24小时心率监测</p>
                    <p class="price"><span class="num">299</span>元<span>起</span><del><span class="num">399</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/CD06.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> Xiaomi 真无线降噪耳机 3 Pro</h3>
                    <p class="desc">40dB自适应降噪 |空间音频 | HiFi高保真音质</p>
                    <p class="price"><span class="num">599</span>元<span>起</span></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/CD07.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> Redmi Buds 3半入耳真无线蓝牙耳机</h3>
                    <p class="desc">轻巧半入耳 | 通话降噪 | 20小时长续航</p>
                    <p class="price"><span class="num">179</span>元<span>起</span><del><span class="num">199</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/CD08.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3>Redmi Buds 3 青春版</h3>
                    <p class="desc">轻巧真无线 | 猫耳状稳固设计 | 18小时长续航</p>
                    <p class="price"><span class="num">99</span>元<span>起</span></p>
                </a>
            </li>
            <li>
                <a target="_blank" href="https://www.mi.com/shop/search?keyword=%E6%89%8B%E8%A1%A8%E6%89%8B%E7%8E%AF" class="hd4">
                    <div class="more-small">
                        <P class="more">浏览更多</P>
                        <p class="small">热门</p>
                    </div>
                    <div class="brick-item"><img src="./images/箭头001.png" alt=""> </div>

                </a>
            </li>
        </ul>
    </div>
    <div class="row">
        <p>笔记本 | 平板</p> <span>
        <a target="_blank"class="row2" href="https://www.mi.com/p/1915.html">热门</a>
        </span>
    </div>
    <div class="row-hd">
        <ul>
            <li>
                <a href="#" class="hd1"><img src="./images/Pad1.jpg" alt="" width="229px;" height="570px;"></a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/Pad2.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> Redmi Book Pro 15 2022</h3>
                    <p class="desc">全新12代英特尔处理器</p>
                    <p class="price"><span class="num">5299</span>元<span>起</span><del><span class="num">5999</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/Pad3.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3>Redmi G 2021锐龙版 3050Ti版本</h3>
                    <p class="desc">有光追,才是高性能游戏本</p>
                    <p class="price"><span class="num">5799</span>元<span>起</span><del><span class="num">6299</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/Pad4.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> Redmi Book Pro 14 2022 </h3>
                    <p class="desc">全新12代英特尔处理器 | Windows 11 家庭中文版 | 2.5K 120Hz高清屏 | 可选MX550独立显卡</p>
                    <p class="price"><span class="num">4999</span>元<span>起</span><del><span class="num">5399</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/Pad5.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3>RedmiBook Pro 15 R5/16G/512G 灰</h3>
                    <p class="desc">3.2K 超清视网膜全面屏 | 微米级一体精雕工艺</p>
                    <p class="price"><span class="num">4699</span>元<span>起</span><del><span class="num">6299</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/Pad6.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3>小米平板5 Pro </h3>
                    <p class="desc">骁龙870芯片 | 2.5K超高清|120HZ高刷新率</p>
                    <p class="price"><span class="num">2439</span>元<span>起</span></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/Pad7.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> RedmiBook Pro 14 R5 16G 512G UMA</h3>
                    <p class="desc">2.5K超视网膜全面屏</p>
                    <p class="price"><span class="num">3999</span>元<span>起</span><del><span class="num">4699</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/Pad8.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> Pro 14 增强版 i5 独显 - Win11</h3>
                    <p class="desc">2.5K超视网膜全面屏</p>
                    <p class="price"><span class="num">4799</span>元<span>起</span></p>
                </a>
            </li>
            <li>
                <a target="_blank" href="#" class="hd4">
                    <div class="hd5">
                        <h3>Redmi显示器23.8英寸</h3>
                        <p class="price"><span class="num">599</span>元<span>起</span></p>
                    </div>
                    <div class="hd5"><img src="./images/Pad9.png" alt="" width="80px;" height="80px;"></div>


                </a>
                <a target="_blank" href="https://www.mi.com/shop/search?keyword=%E7%AC%94%E8%AE%B0%E6%9C%AC" class="hd4">
                    <div class="more-small">
                        <P class="more">浏览更多</P>
                        <p class="small">热门</p>
                    </div>
                    <div class="brick-item"><img src="./images/箭头001.png" alt=""> </div>

                </a>
            </li>
        </ul>
    </div>
    <div class="row">
        <p>家电</p> <span>
            <a target="_blank" href="https://www.mi.com/p/1915.html">电视影音</a>
            <a target="_blank"class="row1" href="https://www.mi.com/p/1915.html">热门</a>
    </div>
    <div class="row-hd">
        <ul>
            <li>
                <a href="#" class="hd6"><img src="./images/TV1.jpg" alt="" width="229px;" height="280px;"></a>
                
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/TV2.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> 小米电视6 65" OLED 65英寸</h3>
                    <p class="desc">OLED自发光屏 | 百万级对比度 | 4.6mm超薄全面屏</p>
                    <p class="price"><span class="num">6699</span>元<span>起</span><del><span class="num">6999</span>元</del></p>
        </a>
        </li>
        <li>
            <a href="#" class="hd2">
                <div class="hd3"><img src="./images/TV3.jpg" alt="" width="130px;" height="130px;"></div>
                <h3>小米电视6 至尊版 65英寸</h3>
                <p class="desc">百级分区背光 | 双120Hz高刷 | 4.5GB+64GB</p>
                <p class="price"><span class="num">7199</span>元<span>起</span><del><span class="num">7999</span>元</del></p>
            </a>
        </li>
        <li>
            <a href="#" class="hd2">
                <div class="hd3"><img src="./images/TV4.jpg" alt="" width="130px;" height="130px;"></div>
                <h3> 小米电视 ES55 2022款 </h3>
                <p class="desc">多分区背光 | MEMC动态补偿 | 杜比视界</p>
                <p class="price"><span class="num">2599</span>元<span>起</span><del><span class="num">2999</span>元</del></p>
            </a>
        </li>
        <li>
            <a href="#" class="hd2">
                <div class="hd3"><img src="./images/w00.jpg" alt="" width="130px;" height="130px;"></div>
                <h3> 米家直驱洗烘一体机 10kg</h3>
                <p class="desc">DD直驱电机 安静护衣</p>
                <p class="price"><span class="num">2199</span>元<span>起</span><del><span class="num">2999</span>元</del></p>
            </a>
        </li>
        <li>
            <a href="#" class="hd7"><img src="./images/w01.jpg" alt="" width="229px;" height="280px;"></a>
        </li>
        <li>
            <a href="#" class="hd2">
                <div class="hd3"><img src="./images/w02.jpg" alt="" width="130px;" height="130px;"></div>
                <h3> 米家波轮洗衣机 10kg</h3>
                <p class="desc">全景玻璃阻尼上盖 防夹手</p>
                <p class="price"><span class="num">1099</span>元<span>起</span></p>
            </a>
        </li>
        <li>
            <a href="#" class="hd2">
                <div class="hd3"><img src="./images/w03.jpg" alt="" width="130px;" height="130px;"></div>
                <h3> 米家冰箱无霜三门216L</h3>
                <p class="desc">风冷无霜 三门三温区</p>
                <p class="price"><span class="num">1599</span>元<span>起</span><del><span class="num">1699</span>元</del></p>
            </a>
        </li>
        <li>
            <a href="#" class="hd2">
                <div class="hd3"><img src="./images/w04.jpg" alt="" width="130px;" height="130px;"></div>
                <h3> 米家冰箱无霜两门186L</h3>
                <p class="desc"> 风冷无霜 离子抗菌</p>
                <p class="price"><span class="num">1299</span>元<span>起</span></p>
            </a>
        </li>
        <li>
            <a target="_blank" href="#" class="hd4">
                <div class="hd5">
                    <h3>米家全自动波轮洗衣机8kg</h3>
                    <p class="price"><span class="num">799</span>元<span>起</span></p>
                </div>
                <div class="hd5"><img src="./images/w05.jpg" alt="" width="80px;" height="80px;"></div>


            </a>
            <a target="_blank" href="https://www.mi.com/shop/search?keyword=%E7%AC%94%E8%AE%B0%E6%9C%AC" class="hd4">
                <div class="more-small">
                    <P class="more">浏览更多</P>
                    <p class="small">热门</p>
                </div>
                <div class="brick-item"><img src="./images/箭头001.png" alt=""> </div>

            </a>
        </li>
        </ul>
    </div>
    <div class="row">
        <p>生活电器</p>
        <ul>
            <li>
                <a href="#">风扇</a>
                <a href="#">清洁</a>
                <a href="#">空净</a>
                <a href="#">扫地机</a>

            </li>

        </ul>



    </div>
    <div class="row-hd">
        <ul>
            <li>
                <a href="#" class="hd6"><img src="./images/扫地1.png" alt="" width="229px;" height="280px;"></a>

            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/扫地2.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> 米家全能扫拖机器人</h3>
                    <p class="desc">免洗集尘全自动,一机解放双手</p>
                    <p class="price"><span class="num">3999</span>元<span>起</span><del><span class="num">4599</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/扫地3.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3>米家扫拖机器人 2Pro</h3>
                    <p class="desc">扫拖除菌一步到位</p>
                    <p class="price"><span class="num">1999</span>元<span>起</span><del><span class="num">2099</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3"><img src="./images/扫地4.jpg" alt="" width="130px;" height="130px;"></div>
                    <h3> 米家扫拖机器人 2 </h3>
                    <p class="desc">经典延续,全面升级</p>
                    <p class="price"><span class="num">1499</span>元<span>起</span></p>
                </a>
            </li>
            <li>
                <a href="#" class="hd2">
                    <div class="hd3">
                        <img src="./images/扫地5.jpg " alt=" " width="130px; " height="130px; "></div>
                    <h3> 米家扫拖机器人1T</h3>
                    <p class="desc ">3D精准避障,扫拖不再碰撞</p>
                    <p class="price "><span class="num ">1299</span>元<span>起</span><del><span class="num ">1999</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="# " class="hd7 "><img src="./images/扫地1-1.jpeg " alt=" " width="229px; " height="280px; "></a>
            </li>
            <li>
                <a href="# " class="hd2 ">
                    <div class="hd3 "><img src="./images/扫地6.jpg " alt=" " width="130px; " height="130px; "></div>
                    <h3>米家扫拖机器人 2C</h3>
                    <p class="desc ">抗菌去渍二合一,开启生活新净界</p>
                    <p class="price "><span class="num ">1499</span>元<span>起</span></p>
                </a>
            </li>
            <li>
                <a href="# " class="hd2 ">
                    <div class="hd3 "><img src="./images/扫地7.jpg " alt=" " width="130px; " height="130px; "></div>
                    <h3> 米家冰箱无霜三门216L</h3>
                    <p class="desc ">风冷无霜 三门三温区</p>
                    <p class="price "><span class="num ">1599</span>元<span>起</span><del><span class="num ">1699</span>元</del></p>
                </a>
            </li>
            <li>
                <a href="# " class="hd2 ">
                    <div class="hd3 "><img src="./images/扫地8.jpg " alt=" " width="130px; " height="130px; "></div>
                    <h3> 米家扫拖机器人 Pro</h3>
                    <p class="desc ">AI智能识别 3D精准避障</p>
                    <p class="price "><span class="num ">2699</span>元<span>起</span></p>
                </a>
            </li>
            <li>
                <a target="_blank " href="# " class="hd4 ">
                    <div class="hd5 ">
                        <h3>米家无线吸尘器K10 Pro</h3>
                        <p class="price "><span class="num ">1599</span>元<span>起</span></p>
                    </div>
                    <div class="hd5 "><img src="./images/扫地9.jpg " alt=" " width="80px; " height="80px; "></div>


                </a>
                <a target="_blank " href="https://www.mi.com/shop/search?keyword=%E7%AC%94%E8%AE%B0%E6%9C%AC " class="hd4 ">
                    <div class="more-small ">
                        <P class="more ">浏览更多</P>
                        <p class="small ">热门</p>
                    </div>
                    <div class="brick-item "><img src="./images/箭头001.png " alt=" "> </div>

                </a>
            </li>
        </ul>
    </div>
    <div class="row">
        <p>视频</p> <span>
        <a target="_blank" href="https://www.mi.com/p/1915.html">查看更多<i class="iconfont"> > </i></a>
    </span> </div>
    <div class="video">
        <ul>
            <li class="vd1">
                <a href="#"> <img src="./images/001-1.jpg" alt="" width=295px; height=160px;> </a>
                <div class="vd1-1">
                    <h3> 2021年春季新品发布会第一场</h3>
                </div>
            </li>
            <li class="vd2">
                <a href="#"><img src="./images/004-4.jpg" alt="" width=295px; height=160px;></a>
                <div class="vd1-1">
                    <h3> 小米10 8K手机拍大片</h3>
                </div>
            </li>
            <li class="vd2">
                <a href="#"> <img src="./images/003-3.jpg" alt="" width=295px; height=160px;></a>
                <div class="vd1-1">
                    <h3> 小米10 青春版 发布会</h3>
                </div>
            </li>
            <li class="vd2">
                <a href="#"><img src="./images/002-2.jpg" alt="" width=295px; height=160px;></a>
                <div class="vd1-1">

                    <h3> Redmi 10X系列发布会</h3>
                    <p> Redmi 10X系列发布会</p>
                </div>
            </li>
        </ul>

    </div>
    <div class="ending">
        <div class="foot1">
            <ul>
                <li>
                    <a href="#" class="ft1"><img src="./images/工具1 (1).png" alt="" width="25px" height="25px">预约维修服务</a>
                    <a href="#" class="ft2"><img src="./images/工具1 (1).png" alt="" width="25px" height="25px">7天无理由退货</a>
                    <a href="#" class="ft2"><img src="./images/工具1 (1).png" alt="" width="25px" height="25px">15天免费换货</a>
                    <a href="#" class="ft2"><img src="./images/工具1 (1).png" alt="" width="25px" height="25px">满69元邮包</a>
                    <a href="#" class="ft2"><img src="./images/工具1 (1).png" alt="" width="25px" height="25px">1100余家售后网点</a>
                </li>
            </ul>
        </div>
        <div class="foot1-1">
            <div class="foot2">
                <div class="foot2-1">
                    <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>
                    <dd><a href="#">家电</a></dd>
                    <dd><a href="#">路由器</a></dd>
                    <dd><a href="#">音箱</a></dd>
                    <dd><a href="#">配件</a></dd>
                </div>
                <div class="foot2-1">
                    <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>
                    <dd><a href="#">防伪查询</a></dd>
                    <dd><a href="#">F码通道</a></dd>
                </div>
                <div class="foot2-1">
                    <dt>线下门店</dt>
                    <dd><a href="#">小米之家</a></dd>
                    <dd><a href="#">服务网点</a></dd>
                    <dd><a href="#">授权体验店/专区</a></dd>
                </div>
                <div class="foot2-1">
                    <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>
                </div>

                <div class="foot2-1">
                    <dt>关注我们</dt>
                    <dd><a href="#">新浪微博</a></dd>
                    <dd><a href="#">官方微信</a></dd>
                    <dd><a href="#">联系我们</a></dd>
                    <dd><a href="#">公益基金会</a></dd>
                </div>
            </div>
            <div class="foot3">
                <h4>400-100-5678</h4>
                <p>8:00-18:00(仅收市话费)</p>
                <a href="#">人工客服</a>
            </div>
        </div>

    </div>
    <div class="site-info">
        <div class="sites">
            <ul>
                <li>
                    <a href="#" class="siets-1">小米商城 </a>
                    <a href="#" class="siets-2">MIUI  </a>
                    <a href="#" class="siets-2">米家 </a>
                    <a href="#" class="siets-2">米聊 </a>
                    <a href="#" class="siets-2">多看  </a>
                    <a href="#" class="siets-2">游戏 </a>
                    <a href="#" class="siets-2">政企服务 </a>
                    <a href="#" class="siets-2">小米天猫店 </a>
                    <a href="#" class="siets-2">小米集团隐私政策  </a>
                    <a href="#" class="siets-2">小米公司儿童信息保护规则 </a>
                    <a href="#" class="siets-2">小米商城隐私政策 </a>
                    <a href="#" class="siets-2">小米商城用户协议 </a>
                    <a href="#" class="siets-2">问题反馈 </a>
                    <a href="#" class="siets-2">Select Location </a>
                </li>
            </ul>
        </div>
        <div class="sites">
            <ul>
                <li>
                    <a href="#" class="siets-1">北京互联网法院法律服务工作站 </a>
                    <a href="#" class="siets-2">中国消费者协会 </a>
                    <a href="#" class="siets-2">北京市消费者协会 </a>
            </ul>
        </div>
        <div class="sites1">
            <ul>
                <li>
                    <a href="#">© mi.com 京ICP证110507号 </a>
                    <a href="#">京ICP备10046444号 </a>
                    <a href="#">京公网安备11010802020134号 </a>
                    <a href="#">京网文[2020]0276-042号</a>
            </ul>
        </div>
        <div class="sites1">
            <ul>
                <li>
                    <a href="#">(京)网械平台备字(2018)第00005号 </a>
                    <a href="#"> 互联网药品信息服务资格证 (京)-非经营性-2014-0090 </a>
                    <a href="#">营业执照 </a>
                    <a href="#">医疗器械质量公告</a>
            </ul>
        </div>
        <div class="sites1">
            <ul>
                <li>
                    <a href="#">增值电信业务许可证</a>
                    <a href="#"> 网络食品经营备案 </a>
                    <a href="#">京食药网食备202010048 </a>
                    <a href="#">食品经营许可证</a>
            </ul>
        </div>
        <div class="sites1">
            <ul>
                <li>
                    <a href="#">违法和不良信息举报电话:171-5104-4404</a>
                    <a href="#"> 知识产权侵权投诉  </a>
                    <a href="#">本网站所列数据, </a>
                    <a href="#">除特殊说明,</a>
                    <a href="#">所有数据均出自我司实验室测试</a>
            </ul>
        </div>
        <div class="info-links">
            <ul>
                <li>
                    <a href=""><img src="./images/icon3.png" alt="" width="100px" height="30px"></a>
                    <a href=""><img src="./images/v-logo-2.png" alt=""></a>
                    <a href=""><img src="./images/f1ee261b96ae71e845efba398efeca02.png" alt="" width="100px" height="30px"></a>
                    <a href=""><img src="./images/truste.png" alt="" width="100px" height="30px"></a>
                </li>
            </ul>
        </div>
        <p class="P1-1">让全球每个人都能享受科技带来的美好生活</p>
    </div>

</body>

</html>

 

  • 1
    点赞
  • 3
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值