155 lines
6.9 KiB
HTML
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> |