156 lines
6.3 KiB
HTML
156 lines
6.3 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>Document</title>
|
|
<link rel="stylesheet" href="http://at.alicdn.com/t/font_3445167_o5pox8tpzh.css">
|
|
<link rel="stylesheet" href="../上课练习/css/clear.css">
|
|
<link rel="stylesheet" href="../上课练习/css/public.css">
|
|
<link rel="stylesheet" href="./css/douding.css">
|
|
</head>
|
|
|
|
<body>
|
|
<div class="main">
|
|
<!-- 左 -->
|
|
<div class="fenlei">
|
|
<!-- 上 -->
|
|
<div class="text hidden">
|
|
<div class="text-l left">文档分类</div>
|
|
<div class="text-r right">
|
|
更多
|
|
<i class="iconfont icon-gengduo"></i>
|
|
</div>
|
|
</div>
|
|
<!-- 下 -->
|
|
<ul class="menu ">
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
<li>
|
|
<i class="iconfont icon-jiahao"></i>
|
|
<a href="">幼儿/小学教育</a>
|
|
</li>
|
|
|
|
</ul>
|
|
</div>
|
|
<!-- 右 -->
|
|
<div class="register">
|
|
<!-- 上 -->
|
|
<div class="register-t">
|
|
<a class="register-t-l">登录</a>
|
|
<a class="register-t-r">注册</a>
|
|
</div>
|
|
<!-- 下 -->
|
|
<div class="register-b">
|
|
<div>
|
|
<!-- 两个框 -->
|
|
<div class="input">
|
|
<div class="name">
|
|
<input type="text" placeholder="用户名/邮箱/手机号">
|
|
</div>
|
|
<div class="password">
|
|
<input type="password" placeholder="登录密码">
|
|
</div>
|
|
</div>
|
|
<!-- 中 -->
|
|
<ul class="zhuce ">
|
|
<li>
|
|
<a href="" class="one">忘记密码？</a>
|
|
</li>
|
|
<li>
|
|
<a href="" class="two">登录注册</a>
|
|
</li>
|
|
</ul>
|
|
<!-- 两个登录按钮 -->
|
|
<div class="button">
|
|
<button class="denglu">登录</button>
|
|
<div class="weixin">
|
|
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fimg-blog.csdnimg.cn%2Fimg_convert%2F94edab33566b2eb5e51a99f7640e9aef.png&refer=http%3A%2F%2Fimg-blog.csdnimg.cn&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656953231&t=e733104be300554c8d06dac9b31c6586"
|
|
alt="">
|
|
<button class="wx ">微信登录</button>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
<!-- qq那一排 -->
|
|
<ul class="bottom">
|
|
<li>
|
|
<a href="">
|
|
<img src="https://ss0.baidu.com/94o3dSag_xI4khGko9WTAnF6hhy/zhidao/pic/item/e7cd7b899e510fb317cc8ae5df33c895d0430cee.jpg"
|
|
alt="">
|
|
QQ
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fku.90sjimg.com%2Felement_origin_min_pic%2F17%2F03%2F10%2F985f7a4e6f4f9987badcbe1cfeeb3de9.jpg&refer=http%3A%2F%2Fku.90sjimg.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656926268&t=cfddbd74c48efe3b153db674b92b37ea"
|
|
alt="">
|
|
微博
|
|
</a>
|
|
</li>
|
|
<li>
|
|
<a href="">
|
|
<img src="https://gimg2.baidu.com/image_search/src=http%3A%2F%2Fi.qqkou.com%2Fi%2F1a1329413251x225688515b26.jpg&refer=http%3A%2F%2Fi.qqkou.com&app=2002&size=f9999,10000&q=a80&n=0&g=0n&fmt=auto?sec=1656926362&t=6737110fc2c84eb50303649e59faa473"
|
|
alt="">
|
|
支付宝
|
|
</a>
|
|
</li>
|
|
<li class="more">
|
|
<a href="" class="more">更多
|
|
<i class="iconfont icon-z044"></i>
|
|
</a>
|
|
</li>
|
|
</ul>
|
|
</div>
|
|
</div>
|
|
</div>
|
|
</body>
|
|
|
|
</html> |