Bootstrap-UI/sign_up.html at master · wanmen/Bootstrap-UI · GitHub

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
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
<!DOCTYPE html>
<html lang="zh-cn">

  <head>
    <meta charset="utf-8"/>
    <meta name="viewport" content="width=device-width, initial-scale=1.0"/>
    <meta name="keywords" content="网络大学，高等教育"/>
    <meta name="description" content="万门大学不仅是一所网络大学，它也是一种信仰，这种信仰来自于我们相信每个人内在的价值，相信大学之道的存在；它更是一次中国高等教育改革的践行——在符合时代特征和发展规律的基础上，对大学精神以及大学教育进行深入的思考和尝试。"/>
    <title>注册 | 万门大学</title>
    <link rel="stylesheet" href="css/bootstrap.css" media="screen"/>
    <link rel="stylesheet" href="css/wm-default.css" media="screen"/>
    <link rel="shortcut icon" href="img/favicon.png"/>
    <!--[if lt IE 9]>
      <script src="js/html5shiv.js"></script>
      <script src="js/respond.js"></script>
    <![endif]-->
    <!--[if lt IE 8]>
      <link rel="stylesheet" href="css/bootstrap-ie7.css"/>
    <![endif]-->
  </head>

  <body>

    <header class="navbar navbar-default navbar-fixed-top" role="banner">
      <div class="container">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="index.html">万门大学</a>
        </div>
        <nav class="collapse navbar-collapse" role="navigation">
          <ul class="nav navbar-nav">
            <li class="active">
              <a class="dropdown-toggle" data-toggle="dropdown" href="books.html">知识库<b class="caret"></b></a>
              <ul class="dropdown-menu">
                <li>
                  <a href="books.html"><span class="glyphicon glyphicon-book"></span> 图书</a>
                </li>
                <li>
                  <a href="videos.html"><span class="glyphicon glyphicon-facetime-video"></span> 视频</a>
                </li>
                <li>
                  <a href="articles.html"><span class="glyphicon glyphicon-edit"></span> 经验贴</a>
                </li>
                <li class="divider"></li>
                <li class="dropdown-header">其它分类</li>
                <li>
                  <a href="tags.html"><span class="glyphicon glyphicon-tags"></span> 标签</a>
                </li>
              </ul>
            </li>
          </ul>
          <a class="navbar-right navbar-btn btn btn-primary" href="sign_in.html">登录</a>
          <form class="navbar-right navbar-form" action="search.html" role="search">
            <div class="input-group">
              <input class="form-control" type="search" placeholder="图书，视频，经验贴" title="请输入关键词进行搜索"/>
              <span class="input-group-btn">
                <button class="btn btn-default" type="submit">
                  <span class="glyphicon glyphicon-search"></span>
                </button>
              </span>
            </div>
          </form>
        </nav>
      </div>
    </header>

    <main class="container wm-sign" role="main">
      <div class="col-sm-5 col-md-4 col-sm-offset-1">
        <h4 class="wm-lg-bottom">欢迎加入万门大学</h4>
        <form class="form-horizontal" role="form">
          <div class="form-group">
            <label class="sr-only control-label" for="user_email">邮箱</label>
            <div class="col-sm-10">
              <input class="form-control" type="email" id="user_email" placeholder="邮箱" title="请输入你的账号邮箱" required autofocus>
            </div>
          </div>
          <div class="form-group">
            <label class="sr-only control-label" for="user_name">昵称</label>
            <div class="col-sm-10">
              <input class="form-control" type="text" id="user_name" placeholder="昵称" title="请输入你的账号昵称" required>
            </div>
          </div>
          <div class="form-group">
            <label class="sr-only control-label" for="user_password">密码</label>
            <div class="col-sm-10">
              <input class="form-control" type="password" id="user_password" placeholder="密码" title="请输入你的账号密码(至少6个字符)" required>
            </div>
          </div>
          <div class="form-group">
            <label class="sr-only control-label" for="user_password_confirmation">密码确认</label>
            <div class="col-sm-10">
              <input class="form-control" type="password" id="user_password_confirmation" placeholder="密码确认" title="请再次输入你的账号密码" required>
            </div>
          </div>
          <div class="form-group">
            <div class="col-sm-10 text-center">
              <button class="btn btn-primary" type="submit">完成注册</button>
            </div>
          </div>
        </form>
      </div>
      <div class="col-sm-5 col-sm-offset-1">
        <h4 class="wm-lg-bottom">你还可以用第三方账号登录</h4>
        <a class="btn btn-primary wm-sign-button" href="">使用人人账号登录</a>
        <a class="btn btn-success wm-sign-button" href="">使用豆瓣账号登录</a>
        <a class="btn btn-danger wm-sign-button" href="">使用新浪微博登录</a>
        <p>
          已有账号？<a href="sign_in.html">马上登录</a>
        </p>
      </div>
    </main>

    <footer class="navbar-default" role="contentinfo">
      <div class="container">
        <address>
          &copy; 2013 万门公益 &ensp; 京ICP备13038614号-1
          <div class="pull-right">
            <a href="about.html">关于万门</a> &bull;
            <a href="join_us.html">加入我们</a> &bull;
            <a href="help.html">帮助中心</a> &bull;
            <a href="terms.html">免责声明</a>
          </div>
        </address>
      </div>
    </footer>

    <script src="js/jquery.js"></script>
    <script src="js/bootstrap.js"></script>
    <script src="js/wm-dom.js"></script>
  </body>

</html>