185 lines
8.0 KiB
HTML
185 lines
8.0 KiB
HTML
<!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> |