bmy/ClassContent
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
852d94fbb93a47ae01be3d710d9cba7f6dc72304
ClassContent/历届学生/front-end-team-10/项目练习/学生项目/冯凯/练习/2.13天猫/index.html
编码猿 852d94fbb9 first commit
2024-09-27 02:06:13 +08:00

396 lines
15 KiB
HTML
Raw Blame History

<!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">
<title>天猫国际</title>
<link rel="stylesheet" href="./clear.css">
<link rel="stylesheet" href="./public.css">
<link rel="stylesheet" href="http://at.alicdn.com/t/c/font_3888619_bnszs9m7c3t.css">
<link rel="stylesheet" href="./index.css">
</head>
<body>
<div class="header">
<div class="header_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>
<a href="">我的淘宝</a>
<i class="iconfont icon-sanjiaoyou"></i>
<div class="drop_menu">
<a href="">已买到的宝贝</a>
<a href="">已卖出的宝贝</a>
</div>
</li>
<li>
<i class="iconfont icon-gouwuchekong"></i>
<a href="">购物车</a>
</li>
<li class="shoucang">
<a href="">收藏夹</a>
<i class="iconfont icon-sanjiaoyou"></i>
<div class="drop_menu1">
<a href="">收藏的宝贝</a>
<a href="">收藏的店铺</a>
</div>
</li>
<li>
<i class="iconfont icon-shouji"></i>
<a href="">手机版</a>
</li>
<li>
<a href="">淘宝网</a>
</li>
<li>
<a href="">网页无障碍</a>
</li>
</ul>
</div>
</div>
<div class="header_logo">
<div class="center hidden">
<div class="logo_left left">
<img class="img_l" src="https://img.alicdn.com/tfs/TB1ygW.nsfpK1RjSZFOXXa6nFXa-218-80.png" alt="">
<img class="img_r" src="https://img.alicdn.com/tfs/TB1CFE8OEY1gK0jSZFMXXaWcVXa-349-32.png" alt="">
</div>
<div class="logo_right right">
<input type="text">
<div class="button">搜索</div>
</div>
</div>
</div>
</div>
<div class="content">
<div class="center">
<div class="list">
<div class="list_left left">
<div class="title">
全部商品分类
</div>
<ul>
<li>
<a href="">
<div class="picture">
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
<span>美妆个护</span>
</div>
<div class="font">
<a href="">面膜 /</a>
<a href="">防晒 /</a>
<a href="">面部护理套装</a>
</div>
</a>
</li>
<li>
<div class="picture">
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
<span>美妆个护</span>
</div>
<div class="font">
<a href="">面膜 /</a>
<a href="">防晒 /</a>
<a href="">面部护理套装</a>
</div>
</li>
<li>
<div class="picture">
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
<span>美妆个护</span>
</div>
<div class="font">
<a href="">面膜 /</a>
<a href="">防晒 /</a>
<a href="">面部护理套装</a>
</div>
</li>
<li>
<div class="picture">
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
<span>美妆个护</span>
</div>
<div class="font">
<a href="">面膜 /</a>
<a href="">防晒 /</a>
<a href="">面部护理套装</a>
</div>
</li>
<li>
<div class="picture">
<img src="https://img.alicdn.com/tps/TB1Bk97JpXXXXcVXFXXXXXXXXXX-48-48.png" alt="">
<span>美妆个护</span>
</div>
<div class="font">
<a href="">面膜 /</a>
<a href="">防晒 /</a>
<a href="">面部护理套装</a>
</div>
</li>
</ul>
</div>
<div class="list_right left">
<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 class="left"
src="https://gw.alicdn.com/imgextra/i3/O1CN01d3hUsb1NFp8DEzwFF_!!6000000001541-0-tps-740-420.jpg_Q75.jpg"
alt="">
<div class="text left">
<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="double">
<i class="iconfont icon-cha"></i>
<ul class="form">
<li>
<div class="text">美妆护肤</div>
<hr>
<ul>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
</ul>
</li>
</ul>
<ul class="form">
<li>
<div class="text">美妆护肤</div>
<hr>
<ul>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
</ul>
</li>
</ul>
<ul class="form">
<li>
<div class="text">美妆护肤</div>
<hr>
<ul>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
</ul>
</li>
</ul>
<ul class="form">
<li>
<div class="text">美妆护肤</div>
<hr>
<ul>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
</ul>
</li>
</ul>
<ul class="form">
<li>
<div class="text">美妆护肤</div>
<hr>
<ul>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
</ul>
</li>
</ul>
<ul class="form">
<li>
<div class="text">美妆护肤</div>
<hr>
<ul>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
<li>
<a href="">保湿补水</a>
<a href="">洁面</a>
<a href="">乳液/面霜</a>
<a href="">化妆水</a>
</li>
</ul>
</li>
</ul>
</div>
</body>
</html>
Reference in New Issue View Git Blame Copy Permalink