-
Notifications
You must be signed in to change notification settings - Fork 2
/
login.html
71 lines (69 loc) · 2.82 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
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>shopCar-website2</title>
<link rel="stylesheet" type="text/css" href="styles/reset.css">
<link rel="stylesheet" type="text/css" href="styles/main.css">
<!-- 让IE6支持透明 -->
<!--[if IE 6]>
<script type="text/javascript" src="js/DD_belatedPNG_0.0.8a-min.js"></script>
<script type="text/javascript" src="js/ie6Fixpng.js"></script>
<![endif]-->
</head>
<body>
<div class="headerBar">
<div class="logo login-logo">
<div class="commonWidth">
<div class="logo-pic fl">
<a href="#"><img src="images/logo.png" alt="慕课网"></a>
</div><!-- logoPic结束 -->
<div class="welcome">欢迎登录</div>
</div><!-- commonWidth结束 -->
</div><!-- logo结束 -->
</div><!-- headerBar结束 -->
<div class="login-box">
<div class="login-cont">
<ul class="login-list">
<li class="login-input-title">邮箱/用户名/手机号</li>
<li><input type="email" name="" value="" placeholder="1230932@qq.com" class="login-input bg-email"></li>
<li class="login-input-title">密码</li>
<li><input type="password" name="" value="" placeholder="请输入密码" class="login-input bg-password"></li>
<li><input type="checkbox" name="" value="" id="a1" class="auto-login"><label for="a1">自动登录</label><a href="#" class="f-password">忘记密码？</a></li>
<li><input type="button" name="" value="登 录" class="login-btn"></li>
</ul>
<div class="login-partners clearfix">
<p class="login-input-title">使用合作方账号登录网站</p>
<ul class="login_list">
<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>
<li><span>|</span></li>
</ul>
</div>
</div><!-- login-cont结束 -->
<a href="#" class="login-free-btn">免费注册>></a>
</div><!-- login-box结束 -->
<div style="height:25px"></div>
<!-- 这个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>客服热线：400-675-1234
</P>
<p>Copyright © 2006 - 2014 慕课版权所有 京ICP备09037834号 京ICP证B1034-8373 某市某公安局备案编号：12390932</p>
<p class="footer-logo">
<a href="#"><img src="images/footer-logo.png" alt="logo" /></a>
<a href="#"><img src="images/footer-logo.png" alt="logo" /></a>
<a href="#"><img src="images/footer-logo.png" alt="logo" /></a>
<a href="#"><img src="images/footer-logo.png" alt="logo" /></a>
</p>
</div><!-- footer结束 -->
</body>
</html>