449 lines
21 KiB
HTML
449 lines
21 KiB
HTML
<!DOCTYPE html>
|
|
<html lang="en">
|
|
|
|
<head>
|
|
<meta charset="UTF-8">
|
|
<meta name="viewport" content="width=device-width, initial-scale=1.0">
|
|
<title>淘宝</title>
|
|
<link rel="stylesheet" href="../css/clear.css">
|
|
<link rel="stylesheet" href="../css/public.css">
|
|
<link rel="stylesheet" href="../css/index.css">
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_2124975_h7j9wjtvbcb.css">
|
|
</head>
|
|
|
|
<body>
|
|
|
|
|
|
<div class="header">
|
|
<div class="center">
|
|
<div class="header_menu">
|
|
<ul class="menu_left flex">
|
|
<li class="ddm">
|
|
<a href="">中国大陆</a>
|
|
<div class="dropdown_menu">
|
|
<div class="menu_item">中国香港</div>
|
|
<div class="menu_item">中国香港</div>
|
|
<div class="menu_item">中国香港</div>
|
|
<div class="menu_item">中国香港</div>
|
|
<div class="menu_item">中国香港</div>
|
|
<div class="menu_item">中国香港</div>
|
|
<div class="menu_item">中国香港</div>
|
|
<div class="menu_item">中国香港</div>
|
|
<div class="menu_item">中国香港</div>
|
|
<div class="menu_item">中国香港</div>
|
|
<div class="menu_item">中国香港</div>
|
|
<div class="menu_item">中国香港</div>
|
|
</div>
|
|
</li>
|
|
<li><a href="" class="theme_color">亲，请登录</a></li>
|
|
<li><a href="">免费注册</a></li>
|
|
</ul>
|
|
<ul class="menu_right flex">
|
|
<li>
|
|
<a href="">我的淘宝</a>
|
|
<i class="iconfont icon-gengduo"></i>
|
|
</li>
|
|
<li><a href="">购物车</a></li>
|
|
<li><a href="">收藏夹</a></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="adb">
|
|
<div class="center">
|
|
<img src="https://img.alicdn.com/tfs/TB1KfHdmRBh1e4jSZFhXXcC9VXa-1190-70.jpg" alt="">
|
|
</div>
|
|
</div>
|
|
|
|
<div class="search back_fff">
|
|
<div class="center flex">
|
|
<img class="logo" src="https://img.alicdn.com/tfs/TB1UDHOcwoQMeJjy0FoXXcShVXa-286-118.png" alt="">
|
|
<div class="search_input">
|
|
<div class="input">
|
|
<ul class="input_title flex">
|
|
<li class="select">宝贝</li>
|
|
<li>天猫</li>
|
|
<li>店铺</li>
|
|
</ul>
|
|
<div class="submit_input">
|
|
<div class="submit_input_l">
|
|
<img class="search" src="../img/search.png" alt="">
|
|
<input type="text" placeholder="请输入搜索文字">
|
|
<img class="photo" src="../img/photo.png" alt="">
|
|
</div>
|
|
<div class="submit_input_button">搜索</div>
|
|
</div>
|
|
</div>
|
|
<ul class="input_list flex">
|
|
<li>
|
|
<a href="" class="theme_color">新款连衣裙</a>
|
|
</li>
|
|
<li>
|
|
<a href="">新款连衣裙</a>
|
|
</li>
|
|
<li>
|
|
<a href="">新款连衣裙</a>
|
|
</li>
|
|
<li>
|
|
<a href="">新款连衣裙</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
<div class="qrcode">
|
|
<span>手机淘宝</span>
|
|
<img src="../img/qrcode.png" alt="">
|
|
<div class="closed">x</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
<div class="app"></div>
|
|
|
|
<div class="core">
|
|
<div class="center flex">
|
|
<div class="core_menu">
|
|
<div class="core_menu_top">主题市场</div>
|
|
<div class="core_menu_list back_fff">
|
|
<div class="menu_list_item">
|
|
<a class="a" href="">女装</a> <span>/</span>
|
|
<a class="a" href="">内衣</a> <span>/</span>
|
|
<a class="a" href="">家居</a>
|
|
<i>></i>
|
|
<div class="left_menu">
|
|
<ul class="left_menu_item1 left">
|
|
<li>
|
|
<h5>女鞋</h5>
|
|
<a href="">女士运动鞋</a>
|
|
<a href="">女士马丁靴</a>
|
|
<a href="">女切尔西靴</a>
|
|
<a href="">女士高跟鞋</a>
|
|
<a href="">女士单鞋</a>
|
|
<a href="">女士帆布鞋</a>
|
|
<a href="">女士雪地靴</a>
|
|
</li>
|
|
<li>
|
|
<h5>女鞋</h5>
|
|
<a href="">女士运动鞋</a>
|
|
<a href="">女士马丁靴</a>
|
|
<a href="">女切尔西靴</a>
|
|
<a href="">女士高跟鞋</a>
|
|
<a href="">女士单鞋</a>
|
|
<a href="">女士帆布鞋</a>
|
|
<a href="">女士雪地靴</a>
|
|
</li>
|
|
<li>
|
|
<h5>女鞋</h5>
|
|
<a href="">女士运动鞋</a>
|
|
<a href="">女士马丁靴</a>
|
|
<a href="">女切尔西靴</a>
|
|
<a href="">女士高跟鞋</a>
|
|
<a href="">女士单鞋</a>
|
|
<a href="">女士帆布鞋</a>
|
|
<a href="">女士雪地靴</a>
|
|
</li>
|
|
<li>
|
|
<h5>女鞋</h5>
|
|
<a href="">女士运动鞋</a>
|
|
<a href="">女士马丁靴</a>
|
|
<a href="">女切尔西靴</a>
|
|
<a href="">女士高跟鞋</a>
|
|
<a href="">女士单鞋</a>
|
|
<a href="">女士帆布鞋</a>
|
|
<a href="">女士雪地靴</a>
|
|
</li>
|
|
<li>
|
|
<h5>女鞋</h5>
|
|
<a href="">女士运动鞋</a>
|
|
<a href="">女士马丁靴</a>
|
|
<a href="">女切尔西靴</a>
|
|
<a href="">女士高跟鞋</a>
|
|
<a href="">女士单鞋</a>
|
|
<a href="">女士帆布鞋</a>
|
|
<a href="">女士雪地靴</a>
|
|
</li>
|
|
<li>
|
|
<h5>女鞋</h5>
|
|
<a href="">女士运动鞋</a>
|
|
<a href="">女士马丁靴</a>
|
|
<a href="">女切尔西靴</a>
|
|
<a href="">女士高跟鞋</a>
|
|
<a href="">女士单鞋</a>
|
|
<a href="">女士帆布鞋</a>
|
|
<a href="">女士雪地靴</a>
|
|
</li>
|
|
<li>
|
|
<h5>女鞋</h5>
|
|
<a href="">女士运动鞋</a>
|
|
<a href="">女士马丁靴</a>
|
|
<a href="">女切尔西靴</a>
|
|
<a href="">女士高跟鞋</a>
|
|
<a href="">女士单鞋</a>
|
|
<a href="">女士帆布鞋</a>
|
|
<a href="">女士雪地靴</a>
|
|
</li>
|
|
<li>
|
|
<h5>女鞋</h5>
|
|
<a href="">女士运动鞋</a>
|
|
<a href="">女士马丁靴</a>
|
|
<a href="">女切尔西靴</a>
|
|
<a href="">女士高跟鞋</a>
|
|
<a href="">女士单鞋</a>
|
|
<a href="">女士帆布鞋</a>
|
|
<a href="">女士雪地靴</a>
|
|
</li>
|
|
</ul>
|
|
<ul class="left_menu_item2 left">
|
|
<h2>猜你喜欢</h2>
|
|
<li>
|
|
<a href="">
|
|
<div class="zz">
|
|
<img src="https://img.alicdn.com/tfs/TB1sjubavWG3KVjSZPcXXbkbXXa-788-787.png_400x400q80.jpg" alt="">
|
|
</div>
|
|
<p>儿童装</p>
|
|
</a>
|
|
<a href="">
|
|
<div class="zz">
|
|
<img src="https://img.alicdn.com/tfs/TB1sjubavWG3KVjSZPcXXbkbXXa-788-787.png_400x400q80.jpg" alt="">
|
|
</div>
|
|
<p>儿童装</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<div class="zz">
|
|
<img src="https://img.alicdn.com/tfs/TB1sjubavWG3KVjSZPcXXbkbXXa-788-787.png_400x400q80.jpg" alt="">
|
|
</div>
|
|
<p>儿童装</p>
|
|
</a>
|
|
<a href="">
|
|
<div class="zz">
|
|
<img src="https://img.alicdn.com/tfs/TB1sjubavWG3KVjSZPcXXbkbXXa-788-787.png_400x400q80.jpg" alt="">
|
|
</div>
|
|
<p>儿童装</p>
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<div class="zz">
|
|
<img src="https://img.alicdn.com/tfs/TB1sjubavWG3KVjSZPcXXbkbXXa-788-787.png_400x400q80.jpg" alt="">
|
|
</div>
|
|
<p>儿童装</p>
|
|
</a>
|
|
<a href="">
|
|
<div class="zz">
|
|
<img src="https://img.alicdn.com/tfs/TB1sjubavWG3KVjSZPcXXbkbXXa-788-787.png_400x400q80.jpg" alt="">
|
|
</div>
|
|
<p>儿童装</p>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
<div class="menu_list_item">
|
|
<a href="">女装</a> <span>/</span>
|
|
<a href="">内衣</a> <span>/</span>
|
|
<a href="">家居</a>
|
|
<i>></i>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="core_other">
|
|
<div class="core_other_top flex">
|
|
<ul>
|
|
<li>天猫</li>
|
|
<li>天猫</li>
|
|
<li>天猫</li>
|
|
</ul>
|
|
<span>|</span>
|
|
<ul>
|
|
<li>天猫</li>
|
|
<li>天猫</li>
|
|
<li>天猫</li>
|
|
<li>天猫</li>
|
|
</ul>
|
|
<span>|</span>
|
|
<ul>
|
|
<li>天猫</li>
|
|
<li>天猫</li>
|
|
<li>天猫</li>
|
|
</ul>
|
|
</div>
|
|
<div class="core_other_list flex">
|
|
<div class="other_list_l">
|
|
<div class="other_list_l_t"></div>
|
|
<div class="other_list_l_b"></div>
|
|
</div>
|
|
<div class="other_list_r back_fff">
|
|
<div class="other_list_r_t">
|
|
<div class="r_t_info flex">
|
|
<img src="https://gw.alicdn.com/tps/i3/TB1yeWeIFXXXXX5XFXXuAZJYXXX-210-210.png_50x50.jpg" alt="">
|
|
<p>Hi! 你好</p>
|
|
<div class="info_texts flex">
|
|
<div class="texts_left flex">
|
|
<div class="ck jb"></div>
|
|
<span>领淘金币抵钱</span>
|
|
</div>
|
|
<div class="texts_left flex">
|
|
<div class="ck dq"></div>
|
|
<span>领淘金币抵钱</span>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<div class="r_t_infos">
|
|
<div style="width: 92px;" class="button">登录</div>
|
|
<div class="button">注册</div>
|
|
<div class="button">开店</div>
|
|
</div>
|
|
</div>
|
|
<a class="adb_1" href="">
|
|
<img src="https://img.alicdn.com/tfs/TB15R3vP7Y2gK0jSZFgXXc5OFXa-540-120.jpg" alt="">
|
|
</a>
|
|
<ul class="tabs">
|
|
<li>公告</li>
|
|
<li>公告</li>
|
|
<li>公告</li>
|
|
<li>公告</li>
|
|
<li>公告</li>
|
|
</ul>
|
|
<div class="tabs_content">
|
|
95公益周阿里、腾讯等六家公司同台联合做公益
|
|
</div>
|
|
<ul class="list_tabs">
|
|
<li>
|
|
<img src="../img/rrrrr.png" alt="">
|
|
<p>充话费</p>
|
|
</li>
|
|
<li>
|
|
<img src="../img/rrrrr.png" alt="">
|
|
<p>充话费</p>
|
|
</li>
|
|
<li>
|
|
<img src="../img/rrrrr.png" alt="">
|
|
<p>充话费</p>
|
|
</li>
|
|
<li>
|
|
<img src="../img/rrrrr.png" alt="">
|
|
<p>充话费</p>
|
|
</li>
|
|
<li>
|
|
<img src="../img/rrrrr.png" alt="">
|
|
<p>充话费</p>
|
|
</li>
|
|
<li>
|
|
<img src="../img/rrrrr.png" alt="">
|
|
<p>充话费</p>
|
|
</li>
|
|
<li>
|
|
<img src="../img/rrrrr.png" alt="">
|
|
<p>充话费</p>
|
|
</li>
|
|
<li>
|
|
<img src="../img/rrrrr.png" alt="">
|
|
<p>充话费</p>
|
|
</li>
|
|
</ul>
|
|
<div class="aliapp">
|
|
<div class="aliapp_title">
|
|
<h3>阿里APP</h3>
|
|
<div class="more">
|
|
<span>更多</span>
|
|
<span>></span>
|
|
</div>
|
|
</div>
|
|
<div class="aliapp_app">
|
|
<img src="../img/taobao.png" alt="">
|
|
<img src="../img/taobao.png" alt="">
|
|
<img src="../img/taobao.png" alt="">
|
|
<img src="../img/taobao.png" alt="">
|
|
<img src="../img/taobao.png" alt="">
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
|
|
|
|
</body>
|
|
|
|
</html> |