-
Notifications
You must be signed in to change notification settings - Fork 56
/
login.html
executable file
·76 lines (76 loc) · 2.68 KB
/
login.html
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
<!DOCTYPE>
<html>
<head>
<meta charset="utf-8" />
<title>电商网站</title>
<link rel="stylesheet" type="text/css" href="css/reset.css">
<link rel="stylesheet" type="text/css" href="css/main.css">
</head>
<body>
<div class="headerBar">
<div class="topBar">
<div class="comWidth">
<div class="leftArea">
<a href="#" class="collection">收藏慕课</a>
</div>
<div class="rightArea">
欢迎来到慕课网!<a href="">[登录]</a><a href="">[免费注册]</a>
</div>
</div>
</div><!-- topBar结束 -->
<div class="logoBar login_logo">
<div class="comWidth">
<div class="logo fl">
<a href="#"><img src="images/logo.png" alt="慕课网"></a>
</div>
<h3 class="welcome_tit">欢迎登录</h3>
</div>
</div><!-- logoBar结束 -->
</div><!-- headerBar结束 -->
<div class="login_box">
<div class="login_cont">
<ul class="log">
<li class="l_tit">邮箱/用户名/以验证手机</li>
<li class="mb_10"><input type="text" class="login_input user_input"></li>
<li class="l_tit">密码</li>
<li class="mb_10"><input type="text" class="login_input pwd_input"></li>
<li class="autologin"><input type="checkbox" class="checked" id="a1"><label for="a1" class="lab_rt">自动登录</label><input type="checkbox" class="checked" id="a1"><label for="a1" class="lab_rt">自动登录</label><input type="checkbox" class="checked" id="a1"><label for="a1" class="lab_rt">自动登录</label></li>
<li input="button" value="" class="lon_btn">登录</li>
</ul>
<div class="lon_partners l_tit">
<p>使用合作网站账号登录</p>
<ul class="lon_list clearfix">
<li><a href="#">QQ</a></li>
<li><span>|</span></li>
<li><a href="#">腾讯微博</a></li>
<li><span>|</span></li>
<li><a href="#">新浪微博</a></li>
<li><span>|</span></li>
<li><a href="#">网易</a></li>
</ul>
</div>
</div>
<a href="#" class="reg_btn">免费注册>></a>
</div>
<div class="hr_15"></div>
<div class="footer"><!-- -->
<p>
<a href="#">网站首页</a><i>|</i>
<a href="#">人才招聘</a><i>|</i>
<a href="#">联系我们</a><i>|</i>
<a href="#">慕课云</a><i>|</i>
<a href="#">关于我们</a><i>|</i>
<a href="#">讲师招募</a><i>|</i>
<a href="#">意见反馈</a><i>|</i>
<a href="#">友情链接</a>
</p>
<p>Copyright © 2015 imooc.com All Rights Reserved | 京ICP备 13046642号-2</p>
<p class="web">
<a herf="#"><img src="images/weblogo.gif" alt=""></a>
<a herf="#"><img src="images/weblogo.gif" alt=""></a>
<a herf="#"><img src="images/weblogo.gif" alt=""></a>
<a herf="#"><img src="images/weblogo.gif" alt=""></a>
</p>
</div>
</body>
</html>