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

449
历届学生/18课程/class18/项目/上课项目/淘宝首页/page/index.html Normal file
View File

@@ -0,0 +1,449 @@
<!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>