<!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">
<script src="小米商城.js"></script>
<link rel="shortcut icon" href="logo-footer.png" type="image/x-icon">
<title>小米商城</title>
</head>
<body>
<div class="navbar">
<div class="left-nav">
<a href="#">小米商城</a>
<span class="sep">|</span>
<a href="#">MIUI</a>
<span class="sep">|</span>
<a href="#">ioT</a>
<span class="sep">|</span>
<a href="#">云服务</a>
<span class="sep">|</span>
<a href="#">金融</a>
<span class="sep">|</span>
<a href="#">有品</a>
<span class="sep">|</span>
<a href="#">小爱开放平台</a>
<span class="sep">|</span>
<a href="#">企业团购</a>
<span class="sep">|</span>
<a href="#">资质证照</a>
<span class="sep">|</span>
<a href="#">协议规则</a>
<span class="sep">|</span>
<a href="#">下载App</a>
<span class="sep">|</span>
<a href="#">Select Region</a>
</div>
<div class="right-nav">
<a href="#">登录</a>
<span class="sep">|</span>
<a href="#">注册</a>
<span class="sep">|</span>
<a href="#">消息通知</a>
<a href="#" class="shopping-cart">🛒购物车(0)</a>
</div>
</div>
<div class="main-container">
<div class="product-slider">
<a href="#" class="logo-a"><img src="logo-footer.png" alt="img1" class="logo" height="60"
width="60"></a>
<a href="#">Xiaomi手机</a>
<a href="#">Redmi手机</a>
<a href="#">电视</a>
<a href="#">笔记本</a>
<a href="#">平板</a>
<a href="#">家电</a>
<a href="#">路由器</a>
<a href="#">服务中心</a>
<a href="#">社区</a>
<input type="text" placeholder="搜索商品名称" class="search-box">
<input type="button" value="搜索" class="search-btn">
</div>
<div class="product-container" id="product-container">
<ul class="sidebar">
<li>
手机
</li>
<li>
电视
</li>
<li>
家电
</li>
<li>
笔记本 平板
</li>
<li>
出行 穿戴
</li>
<li>
耳机 音箱
</li>
<li>
健康 儿童
</li>
<li>
生活 箱包
</li>
<li>
智能 路由器
</li>
<li>
电源 配件
</li>
</ul>
<button id="prevButton"></button>
<button id="nextButton"></button>
</div>
</div>
</body>
</html>
小米商城.zip
需积分: 0 85 浏览量
2023-12-20
18:59:17
上传
评论
收藏 1.24MB ZIP 举报
2301_79850232
- 粉丝: 0
- 资源: 1