source: pro-violet-viettel/docs/Space/home.html @ 290

Last change on this file since 290 was 290, checked in by lamdt, 11 years ago
File size: 10.2 KB
RevLine 
[290]1<!DOCTYPE html>
2<html lang="en">
3        <head>
4                <meta charset="utf-8" />
5                <title>Đăng nhập |Violet Space</title>
6
7                <meta name="description" content="User login page" />
8                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
10                <!-- basic styles -->
11                <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
12                <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
13
14                <link rel="stylesheet" href="assets/css/ace-fonts.css" />
15
16                <!-- ace styles -->
17
18                <link rel="stylesheet" href="assets/css/ace.min.css" />
19                <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
20
21                <!--[if lte IE 8]>
22                  <link rel="stylesheet" href="assets/css/ace-ie.min.css" />
23                <![endif]-->
24
25                <!-- inline styles related to this page -->
26
27                <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
28
29                <!--[if lt IE 9]>
30                <script src="assets/js/html5shiv.js"></script>
31                <script src="assets/js/respond.min.js"></script>
32                <![endif]-->
33        </head>
34
35        <body class="login-layout">
36                <div class="main-container">
37                        <div class="main-content">
38                                <div class="row">
39                                        <div class="space-6"></div>
40                                        <div class="col-sm-8">
41                                                <div class="title-box">
42                                                        <h1>Violet <small>Space</small></h1>
43                                                </div>
44                                                <div class="title-box">
45                                                        <h3>Dịch vụ lÆ°u trữ trá»±c tuyến dữ liệu bài giảng của <a href="violet.vn">Violet.vn</a></h3>
46                                                </div>
47                                                <iframe src="https://www.facebook.com/plugins/likebox.php?href=https%3A%2F%2Fwww.facebook.com%2FthuvienViolet.vn&amp;width=800&amp;height=258&amp;colorscheme=light&amp;show_faces=true&amp;header=false&amp;stream=false&amp;show_border=false&amp;appId=742161799178550" scrolling="no" frameborder="0" style="border:none; overflow:hidden; width:800px; height:140px;" allowTransparency="true"></iframe>
48                                        </div>
49                                        <div class="col-sm-4">
50                                                <div class="login-container">
51                                                        <div class="position-relative">
52                                                                <div id="login-box" class="login-box visible widget-box no-border" style="background: transparent">
53                                                                        <div class="widget-body" style="background:transparent">
54                                                                                <div class="widget-main" style="background:transparent">
55                                                                                        <h4 class="header blue lighter bigger">
56                                                                                                <i class="icon-cloud-upload green"></i>
57                                                                                                VIOLET SPACE |<small>Đăng nhập</small>
58                                                                                        </h4>
59
60                                                                                        <form>
61                                                                                                <fieldset>
62                                                                                                        <label class="block clearfix">
63                                                                                                                <span class="block input-icon input-icon-right">
64                                                                                                                        <input type="text" class="form-control" placeholder="Tài khoản | Số điện thoại" />
65                                                                                                                        <i class="icon-user"></i>
66                                                                                                                </span>
67                                                                                                        </label>
68
69                                                                                                        <label class="block clearfix">
70                                                                                                                <span class="block input-icon input-icon-right">
71                                                                                                                        <input type="password" class="form-control" placeholder="Mật khẩu" />
72                                                                                                                        <i class="icon-lock"></i>
73                                                                                                                </span>
74                                                                                                        </label>
75
76                                                                                                        <div class="space"></div>
77
78                                                                                                        <div class="clearfix">
79                                                                                                                <label class="inline">
80                                                                                                                        <input type="checkbox" class="ace" />
81                                                                                                                        <span class="lbl"> Ghi nhớ</span>
82                                                                                                                </label>
83
84                                                                                                                <a href="index-user.html" title="">
85                                                                                                                        <button type="button" class="pull-right btn btn-sm btn-primary">
86                                                                                                                                <i class="icon-key"></i>
87                                                                                                                                Đăng nhập
88                                                                                                                        </button>
89                                                                                                                </a>
90                                                                                                        </div>
91
92                                                                                                        <div class="space-4"></div>
93                                                                                                </fieldset>
94                                                                                        </form>
95                                                                                </div><!-- /widget-main -->
96
97                                                                                <div class="toolbar clearfix">
98                                                                                        <div>
99                                                                                                <a href="#" onclick="show_box('forgot-box'); return false;" class="forgot-password-link">
100                                                                                                        <i class="icon-arrow-left"></i>
101                                                                                                        Quên mật khẩu
102                                                                                                </a>
103                                                                                        </div>
104
105                                                                                        <div>
106                                                                                                <a href="#" onclick="show_box('signup-box'); return false;" class="user-signup-link">
107                                                                                                        Đăng kÃœ tài khoản
108                                                                                                        <i class="icon-arrow-right"></i>
109                                                                                                </a>
110                                                                                        </div>
111                                                                                </div>
112                                                                        </div><!-- /widget-body -->
113                                                                </div><!-- /login-box -->
114
115                                                                <div id="forgot-box" class="forgot-box widget-box no-border" style="background: transparent">
116                                                                        <div class="widget-body" style="background:transparent">
117                                                                                <div class="widget-main" style="background:transparent">
118                                                                                        <h4 class="header red lighter bigger">
119                                                                                                <i class="icon-key"></i>
120                                                                                                Nhận lại mật khẩu
121                                                                                        </h4>
122
123                                                                                        <div class="space-6"></div>
124                                                                                        <p>
125                                                                                                Điền số điện thoại đăng kÃœ tài khoản của bạn
126                                                                                        </p>
127
128                                                                                        <form>
129                                                                                                <fieldset>
130                                                                                                        <label class="block clearfix">
131                                                                                                                <span class="block input-icon input-icon-right">
132                                                                                                                        <input type="email" class="form-control" placeholder="Số điện thoại" />
133                                                                                                                        <i class="icon-phone"></i>
134                                                                                                                </span>
135                                                                                                        </label>
136
137                                                                                                        <div class="clearfix">
138                                                                                                                <button type="button" class="pull-right btn btn-sm btn-danger">
139                                                                                                                        <i class="icon-lightbulb"></i>
140                                                                                                                        Gá»­i!
141                                                                                                                </button>
142                                                                                                        </div>
143                                                                                                </fieldset>
144                                                                                        </form>
145                                                                                </div><!-- /widget-main -->
146
147                                                                                <div class="toolbar center">
148                                                                                        <a href="#" onclick="show_box('login-box'); return false;" class="back-to-login-link">
149                                                                                                Đăng nhập
150                                                                                                <i class="icon-arrow-right"></i>
151                                                                                        </a>
152                                                                                </div>
153                                                                        </div><!-- /widget-body -->
154                                                                </div><!-- /forgot-box -->
155
156                                                                <div id="signup-box" class="signup-box widget-box no-border" style="background: transparent">
157                                                                        <div class="widget-body" style="background:transparent">
158                                                                                <div class="widget-main" style="background:transparent">
159                                                                                        <h4 class="header green lighter bigger">
160                                                                                                <i class="icon-group blue"></i>
161                                                                                                Đăng kÃœ thành viên
162                                                                                        </h4>
163
164                                                                                        <div class="space-6"></div>
165                                                                                        <p> Điền đầy đủ thÃŽng tin sau: </p>
166
167                                                                                        <form>
168                                                                                                <fieldset>
169
170                                                                                                        <label class="block clearfix">
171                                                                                                                <span class="block input-icon input-icon-right">
172                                                                                                                        <input type="text" class="form-control" placeholder="Số điện thoại" />
173                                                                                                                        <i class="icon-user"></i>
174                                                                                                                </span>
175                                                                                                        </label>
176                                                                                                       
177                                                                                                        <label class="block clearfix">
178                                                                                                                <span class="block input-icon input-icon-right">
179                                                                                                                        <input type="text" class="form-control" placeholder="Mã CTV" />
180                                                                                                                        <i class="icon-male"></i>
181                                                                                                                </span>
182                                                                                                        </label>
183
184                                                                                                        <label class="block">
185                                                                                                                <input type="checkbox" class="ace" />
186                                                                                                                <span class="lbl">
187                                                                                                                        TÃŽi đồng Ãœ với
188                                                                                                                        <a href="#">Điều khoản sá»­ dụng của Violet</a>
189                                                                                                                </span>
190                                                                                                        </label>
191
192                                                                                                        <div class="space-24"></div>
193
194                                                                                                        <div class="clearfix">
195                                                                                                                <button type="reset" class="width-30 pull-left btn btn-sm">
196                                                                                                                        <i class="icon-refresh"></i>
197                                                                                                                        Xóa hết
198                                                                                                                </button>
199
200                                                                                                                <button type="button" class="width-65 pull-right btn btn-sm btn-success">
201                                                                                                                        Hoàn tất
202                                                                                                                        <i class="icon-arrow-right icon-on-right"></i>
203                                                                                                                </button>
204                                                                                                        </div>
205                                                                                                </fieldset>
206                                                                                        </form>
207                                                                                </div>
208
209                                                                                <div class="toolbar center">
210                                                                                        <a href="#" onclick="show_box('login-box'); return false;" class="back-to-login-link">
211                                                                                                <i class="icon-arrow-left"></i>
212                                                                                                Đăng nhập
213                                                                                        </a>
214                                                                                </div>
215                                                                        </div><!-- /widget-body -->
216                                                                </div><!-- /signup-box -->
217                                                        </div><!-- /position-relative -->
218                                                </div>
219                                        </div><!-- /.col -->
220                                </div><!-- /.row -->
221
222                        </div>
223                </div><!-- /.main-container -->
224
225                <div class="modal fade" id="error-login" tabindex="-1" role="dialog"aria-hidden="true">
226                  <div class="modal-dialog">
227                    <div class="modal-content">
228                      <div class="modal-header">
229                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
230                        <h4 class="modal-title">Bạn chÆ°a đăng nhập</h4>
231                      </div>
232                      <div class="modal-body">
233                        <form>
234                                                        <fieldset>
235                                                                <label class="block clearfix">
236                                                                        <span class="block input-icon input-icon-right">
237                                                                                <input type="text" class="form-control" placeholder="Tài khoản | Số điện thoại" />
238                                                                                <i class="icon-user"></i>
239                                                                        </span>
240                                                                </label>
241
242                                                                <label class="block clearfix">
243                                                                        <span class="block input-icon input-icon-right">
244                                                                                <input type="password" class="form-control" placeholder="Mật khẩu" />
245                                                                                <i class="icon-lock"></i>
246                                                                        </span>
247                                                                </label>
248
249                                                                <div class="space"></div>
250
251                                                                <div class="clearfix">
252                                                                        <label class="inline">
253                                                                                <input type="checkbox" class="ace" />
254                                                                                <span class="lbl"> Ghi nhớ</span>
255                                                                        </label>
256
257                                                                        <a href="index-user.html" title="">
258                                                                                <button type="button" class="pull-right btn btn-sm btn-primary">
259                                                                                        <i class="icon-key"></i>
260                                                                                        Đăng nhập
261                                                                                </button>
262                                                                        </a>
263                                                                </div>
264
265                                                                <div class="space-4"></div>
266                                                        </fieldset>
267                                                </form>
268                      </div>
269                    </div>
270                  </div>
271                </div>
272                <!-- basic scripts -->
273
274                <!--[if !IE]> -->
275
276                <script type="text/javascript">
277                        window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
278                </script>
279                <script src="assets/js/bootstrap.min.js"></script>
280
281                <!-- <![endif]-->
282
283                <!--[if IE]>
284<script type="text/javascript">
285 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
286</script>
287<![endif]-->
288
289                <script type="text/javascript">
290                        if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
291                </script>
292
293                <!-- inline scripts related to this page -->
294
295                <script type="text/javascript">
296                        function show_box(id) {
297                         jQuery('.widget-box.visible').removeClass('visible');
298                         jQuery('#'+id).addClass('visible');
299                        }
300                </script>
301        </body>
302</html>
Note: See TracBrowser for help on using the repository browser.