Files
ClassContent/历届学生/陈一航/项目/3-28_3-29/HUAWEI/html/classification.html
2024-09-27 02:06:13 +08:00

155 lines
6.9 KiB
HTML

<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="../CSS/clear.css">
<link rel="stylesheet" href="../CSS/public.css">
<link rel="stylesheet" href="../CSS/classification.css">
<link rel="stylesheet" href="https://at.alicdn.com/t/font_1727743_xl704qtmd5h.css">
<title>华为商城分类</title>
</head>
<body>
<!-- 头部菜单 -->
<div class="header">
<div class="header_top">
<img class="leftimg" src="../img/logo_vmall.png" alt="">
<input type="text" placeholder="老用户福利">
<img class="rightimg" src="../img/icon_message_black.png" alt="">
<span>登录</span>
</div>
</div>
<!-- 内容 -->
<div class="content">
<div class="content_left">
<ul class="contentleft_core">
<li>新品</li>
<li>华为手机</li>
<li>荣耀手机</li>
<li>笔记本&平板</li>
<li>智能穿戴&VR</li>
<li>智慧屏</li>
<li>智能家居</li>
<li>耳机音箱</li>
<li>专属配件</li>
<li>通用配件</li>
<li>生态产品</li>
<li>增值服务</li>
<li>智能计算</li>
</ul>
</div>
<div class="content_right">
<img class="img1" src="../img/699xFAijRAmtVrpOZQfY.jpg" alt="">
<img class="img1" src="../img/ug4zaI5tB2qaC7q6oN0w.jpg" alt="">
<div class="details">
<p class="titlep">手机</p>
<ul>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
</ul>
</div>
<div class="details">
<p class="titlep">手机</p>
<ul>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
<li>
<img src="../img/428_428_3D49606EC05C3B4ED89368F84D0B672CF5B647187113B9A2mp.png" alt="">
<p>HUAWEI P 40 5G</p>
</li>
</ul>
</div>
</div>
</div>
<!-- 底部菜单 -->
<ul class="foot">
<li>
<a href="../index.html"><img class="ftimg" src="../img/sy.png" alt=""></a>
<span><a href="../index.html">首页</a></span>
<li>
<img class="ftimg" src="../img/category.png" alt="">
<span><a href="">分类</a></span>
</li>
<li>
<a href="../html/find.html"><img class="ftimg" src="../img/find.png" alt=""></a>
<span><a href="../html/find.html">发现</a></span>
</li>
<li>
<a href="../html/ShoppingCart.html"><img class="ftimg" src="../img/cart.png" alt=""></a>
<span><a href="../html/ShoppingCart.html">购物车</a></span>
</li>
<li>
<a href="../html/home.html"><img class="ftimg" src="../img/personal.png" alt=""></a>
<span><a href="../html/home.html">我的</a></span>
</li>
</ul>
</body>
</html>