HomeWork2/HomePage.html

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>HomePage</title>
    <link rel="stylesheet" href="./css/style.css">
    <link rel="stylesheet" href="./css/HomaPage.css">
</head>
<body>
    <nav>
        <div class="logo">
            <a href="https://www.vmall.com/index.html"><img src="./img/Logo.png" alt="" title="华为商城"></a>
        </div>
        <ul class="MyNav">
            <li><a href="https://www.huawei.com/cn/" target="_blank">华为</a></li>
            <li><a href="https://www.vmall.com/portal/activity/index.html?pageId=401109410" target="_blank">问界汽车</a></li>
            <li><a href="https://www.vmall.com/portal/activity/index.html?pn=zhixuanpc" target="_blank">华为智选</a></li>
            <li><a href="https://www.vmall.com/portal/activity/index.html?pn=harmonyosconnectpc" target="_blank">生态周边</a></li>
        </ul>
    </nav>
    <div class="left_content">
        <ul class="left_nav">
            <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>
            <li><a href="#">电源 配件<span>></span></a></li>
        </ul>
    </div>
    <div class="right_content">
        <div class="content">
            <div class="item_A"><a href="#"><img src="./img/imgA.png" alt="" title="问界 新M7"></a></div>
            <ul class="items">
                <li><a href="#"><img src="./img/img1.png" alt="" title="MatePad 2023款"></a></li>
                <li><a href="#"><img src="./img/img2.png" alt="" title="HUAWEI P60 Pro"></a></li>
                <li><a href="#"><img src="./img/img3.png" alt="" title="HUAWEI MateBook 14s"></a></li>
                <li><a href="#"><img src="./img/img4.png" alt="" title="HUAWEI WATCH 4 Pro"></a></li>
                <li><a href="#"><img src="./img/img5.png" alt="" title="Mate 60 RS 非凡大师"></a></li>
                <li><a href="#"><img src="./img/img6.png" alt="" title="HUAWEI Mate 60 Pro+"></a></li>
                <li><a href="#"><img src="./img/img7.png" alt="" title="Mate 60 Pro"></a></li>
                <li><a href="#"><img src="./img/img8.png" alt="" title="Mate 60"></a></li>
            </ul>
        </div>
    </div>
</body>
</html>