bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

first commit

Browse Source
This commit is contained in:
编码猿
2024-09-27 02:06:13 +08:00
commit 852d94fbb9
36760 changed files with 3274413 additions and 0 deletions
Download Patch File Download Diff File Expand all files Collapse all files

185
历届学生/front-end-team-10/项目练习/学生项目/韩孟雪/2023-2-13/天猫.html Normal file
View File

@@ -0,0 +1,185 @@
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<link rel="stylesheet" href="http:////at.alicdn.com/t/c/font_3889063_w9zrujr1cf.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./天猫.css">
<title>天猫</title>
</head>
<body>
<div class="head">
<div class="head_menu">
<div class="center">
<ul class="header_left left">
<li>
<i class="iconfont icon-shouye"></i>
<a href="">天猫首页</a>
</li>
<li>
<a href="">喵，欢迎来天猫国际</a>
</li>
<li>
<a href="">请登录</a>
</li>
</ul>
<ul class="header_right right">
<li class="li_hover">
<a href="">我的淘宝</a>
<i class="iconfont icon-zuojiantou-copy ic"></i>
<ul class="drop_menu">
<li><a href="">已买到的宝贝</a></li>
<li><a href="">已卖出的宝贝</a></li>
</ul>
</li>
<li>
<i class="iconfont icon-gouwuche1"></i>
<a href="">购物车</a>
</li>
<li>
<a href="">收藏夹</a>
<i class="iconfont icon-zuojiantou-copy ic"></i>
</li>
<li>
<i class="iconfont icon-shouji1"></i>
<a href="">手机版</a>
</li>
<li>
<a href="">淘宝网</a>
</li>
<li>
<a href="">网页无障碍</a>
</li>
<li>
<a href="">商家支持</a>
<i class="iconfont icon-zuojiantou-copy ic"></i>
</li>
<li>
<i></i>
<a href="">商家中心</a>
</li>
<li>
<a href="">联系客服</a>
<i class="iconfont icon-zuojiantou-copy ic"></i>
</li>
</ul>
</div>
</div>
<div class="head_logo">
<div class="center hidden">
<div class="logo_left left">
<img src="https://img.alicdn.com/tfs/TB1ygW.nsfpK1RjSZFOXXa6nFXa-218-80.png" alt="">
<img src="https://img.alicdn.com/tfs/TB1CFE8OEY1gK0jSZFMXXaWcVXa-349-32.png" alt="">
</div>
<div class="input right">
<input type="text left">
<div class="button right">搜索</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="center">
<div class="type">
<div class="type_left left">
<div class="title">全部商品分类</div>
<ul class="title_list">
<li>
<div class="icon">
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
<span>美妆个护</span>
</div>
<div class="text">
<a href="">面膜</a>/
<a href="">防晒</a>/
<a href="">面部护理套装</a>
</div>
<div class="block">
<div>美妆护肤</div>
<ul>
<li> <a href="">保湿补水</a></li>
</ul>
</div>
</li>
<li>
<div class="icon">
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
<span>美妆个护</span>
</div>
<div class="text">
<a href="">面膜</a>/
<a href="">防晒</a>/
<a href="">面部护理套装</a>
</div>
</li>
<li>
<div class="icon">
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
<span>美妆个护</span>
</div>
<div class="text">
<a href="">面膜</a>/
<a href="">防晒</a>/
<a href="">面部护理套装</a>
</div>
</li>
<li>
<div class="icon">
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
<span>美妆个护</span>
</div>
<div class="text">
<a href="">面膜</a>/
<a href="">防晒</a>/
<a href="">面部护理套装</a>
</div>
</li>
<li>
<div class="icon">
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
<span>美妆个护</span>
</div>
<div class="text">
<a href="">面膜</a>/
<a href="">防晒</a>/
<a href="">面部护理套装</a>
</div>
</li>
</ul>
</div>
<div class="type_right right">
<ul class="title">
<li><a class="active" href="">首页</a></li>
<li><a href="">全球精选</a></li>
<li><a href="">进口超市</a></li>
<li><a href="">海外直购</a></li>
</ul>
<div class="banner">
<img src="https://gw.alicdn.com/imgextra/i1/O1CN01IR0SHG1pjPz2YGwbO_!!6000000005396-0-tps-740-420.jpg_Q75.jpg"
alt="">
<div class="text right">
<div class="tm_text">天猫国际</div>
<div class="tm_desc">TMALL GLOBAL</div>
<img class="tm_fg"
src="https://gw.alicdn.com/tps/TB1tQM6JXXXXXaeXXXXXXXXXXXX-38-11.jpg_Q75.jpg" alt="">
<img class="code"
src="https://gw.alicdn.com/imgextra/i1/O1CN01g3E02H1JOkHYfqBix_!!6000000001019-0-tps-200-200.jpg_Q75.jpg"
alt="">
<div class="tm_t">畅享全球好货</div>
<div class="tm_s">正品保障，破损无忧，晚到必赔！</div>
</div>
</div>
</div>
</div>
</div>
</div>
<div class="footer"></div>
</body>
</html>