154 lines
5.2 KiB
HTML
154 lines
5.2 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">
|
|
<title>淘宝布局</title>
|
|
</head>
|
|
|
|
<body>
|
|
<div class="head">
|
|
<div class="head-top">
|
|
<div class="head-top-logo">
|
|
<img src="" alt="">
|
|
</div>
|
|
<div class="head-top-input">
|
|
<input type="text" placeholder="高脚果盘">
|
|
<ul>
|
|
<li>新款连衣裙</li>
|
|
<li>四件套</li>
|
|
<li>潮流T恤</li>
|
|
<li>时尚女鞋</li>
|
|
<li>短裤</li>
|
|
<li>半身裙</li>
|
|
<li>男士外套</li>
|
|
<li>墙纸</li>
|
|
<li>行车记录仪</li>
|
|
<li>新款男鞋</li>
|
|
<li>耳机</li>
|
|
<li>时尚女包</li>
|
|
<li>沙发</li>
|
|
</ul>
|
|
</div>
|
|
<div class="head-top-二维码">
|
|
<img src="" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="head-bottom">
|
|
<h2 class="head-bottom-left">主体市场</h2>
|
|
<ul class="head-bottom-center">
|
|
<li>天猫</li>
|
|
<li>聚划算</li>
|
|
<li>天猫超市</li>
|
|
<li>司法拍卖</li>
|
|
<li>飞猪旅行</li>
|
|
<li>天天特卖</li>
|
|
<li>淘小铺</li>
|
|
<li>造点新货</li>
|
|
<li>苏宁易购</li>
|
|
<li>淘宝心选</li>
|
|
<li>智能生活</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
<div class="content">
|
|
<div class="content-left">
|
|
<ul>
|
|
<li>女装/内衣/家居</li>
|
|
<li>女鞋/男鞋/箱包</li>
|
|
<li>母婴/童装/玩具</li>
|
|
<li>男装/运动户外</li>
|
|
<li>美妆/彩妆/个护</li>
|
|
<li>手机/数码/企业</li>
|
|
<li>大家电/生活电器</li>
|
|
<li>零食/生鲜/茶酒</li>
|
|
<li>厨具/收纳/清洁</li>
|
|
<li>家纺/家饰/鲜花</li>
|
|
<li>图书音响/文具</li>
|
|
<li>医药保健/进口</li>
|
|
<li>汽车/二手车/用品</li>
|
|
<li>房产/装修家居/建材</li>
|
|
<li>手表/眼镜/珠宝饰品</li>
|
|
</ul>
|
|
</div>
|
|
<div class="content-center">
|
|
<div class="content-center-top">
|
|
<!-- 轮播 -->
|
|
<img src="" alt="">
|
|
<!-- 图 -->
|
|
<img src="" alt="">
|
|
</div>
|
|
<div class="content-center-bottom">
|
|
<div>
|
|
<!-- 天猫LOGO -->
|
|
<img src="" alt="">
|
|
<h4 class="content-center-bottom-left">理想生活上天猫</h4>
|
|
<div class="content-center-bottom-right">今日热卖</div>
|
|
</div>
|
|
<!-- 轮播 -->
|
|
<img src="" alt="">
|
|
<!-- 图 -->
|
|
<img src="" alt="">
|
|
</div>
|
|
</div>
|
|
<div class="content-right">
|
|
<div class="content-right-1">
|
|
<img src="" alt="">
|
|
<form action="" method="POST">
|
|
<input type="submit" value="登录">
|
|
</form>
|
|
<form action="" method="POST">
|
|
<input type="submit" value="注册">
|
|
</form>
|
|
<form action="" method="POST">
|
|
<input type="submit" value="开店">
|
|
</form>
|
|
<img src="" alt="">
|
|
</div>
|
|
<div class="content-right-2">
|
|
<ul>
|
|
<li>公告</li>
|
|
<li>规划</li>
|
|
<li>安全</li>
|
|
<li>公益</li>
|
|
<li>千牛</li>
|
|
</ul>
|
|
<p>关于。。。。。公告</p>
|
|
<p>关于。。。。。规划</p>
|
|
<p>关于。。。。。安全</p>
|
|
<p>关于。。。。。公益</p>
|
|
<p>关于。。。。。千牛</p>
|
|
</div>
|
|
<div class="content-right-3">
|
|
<ul>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
</div>
|
|
<div class="content-right-4">
|
|
<div class="content-right-4-top-left">
|
|
<h5>阿里APP</h5>
|
|
</div>
|
|
<div class="content-right-4-top-right">
|
|
<a>更多></a>
|
|
</div>
|
|
<ul>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
<li></li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |