source: pro-violet-viettel/docs/Space/frontend-index.html @ 304

Last change on this file since 304 was 304, checked in by dungnv, 11 years ago
  • Property svn:mime-type set to text/plain
File size: 6.5 KB
Line 
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 col-sm-3">
42                                                        <img src="assets/img/logo_Violet_space_black.png" class="img-responsive">
43                                                </div>
44                                                <div class="title-box col-sm-12">
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><a href="#" data-toggle="modal" data-target="#modal-signup">Đăng kÜ</a></small>
58                                                                                        </h4>
59
60                                                                                        <form action="frontend-home.html" id="validation-form" method="get">
61                                                                                                <fieldset>
62                                                                                                        <label class="block clearfix has-error">
63                                                                                                                <span class="block input-icon input-icon-right">
64                                                                                                                        <input type="text" class="form-control" name="account" placeholder="Tài khoản | Số điện thoại" />
65                                                                                                                        <i class="icon-user"></i>
66                                                                                                                </span>
67                                                                                                                <div class="help-block"></div>
68                                                                                                        </label>
69
70                                                                                                        <label class="block clearfix">
71                                                                                                                <span class="block input-icon input-icon-right">
72                                                                                                                        <input type="password" class="form-control" name="password" placeholder="Mật khẩu" />
73                                                                                                                        <i class="icon-lock"></i>
74                                                                                                                </span>
75                                                                                                                <div class="help-block"> </div>
76                                                                                                        </label>
77
78                                                                                                        <div class="space"></div>
79
80                                                                                                        <div class="clearfix">
81                                                                                                                <label class="inline">
82                                                                                                                        <input type="checkbox" class="ace" />
83                                                                                                                        <span class="lbl"> Ghi nhớ</span>
84                                                                                                                </label>
85
86                                                                                                                <a href="index-user.html" title="">
87                                                                                                                        <button type="submit" id="login-button" class="pull-right btn btn-sm btn-primary">
88                                                                                                                                <i class="icon-key"></i>
89                                                                                                                                Đăng nhập
90                                                                                                                        </button>
91                                                                                                                </a>
92                                                                                                        </div>
93
94                                                                                                        <div class="space-4"></div>
95                                                                                                </fieldset>
96                                                                                        </form>
97                                                                                </div><!-- /widget-main -->
98                                                                        </div><!-- /widget-body -->
99                                                                </div><!-- /login-box -->
100
101                                                        </div><!-- /position-relative -->
102                                                </div>
103                                        </div><!-- /.col -->
104                                </div><!-- /.row -->
105
106                        </div>
107                </div><!-- /.main-container -->
108
109                <div class="modal fade" id="modal-signup" tabindex="-1" role="dialog"aria-hidden="true">
110                  <div class="modal-dialog">
111                    <div class="modal-content">
112                      <div class="modal-header">
113                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
114                        <h4 class="modal-title">Đăng kÜ tài khoản</h4>
115                      </div>
116                      <div class="modal-body">
117                        <div class="alert alert-block alert-success">                                           
118                                                        <p>
119                                                                Để đăng kÜ tài khoản tài khoản Violet Space
120                                                        </p>
121                                                        <strong>
122                                                                <i class="icon-commnet"></i>
123                                                                Soạn tin: SBG DK gá»­i 8162
124                                                        </strong>
125                                                </div>
126                      </div>
127                    </div>
128                  </div>
129                </div>
130                <!-- basic scripts -->
131
132                <!--[if !IE]> -->
133
134                <script type="text/javascript">
135                        window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
136                </script>
137                <script src="assets/js/bootstrap.min.js"></script>
138                <script src="assets/js/jquery.validate.min.js"></script>
139
140                <script src="assets/js/ace-elements.min.js"></script>
141                <script src="assets/js/ace.min.js"></script>
142                <!-- <![endif]-->
143
144                <!--[if IE]>
145<script type="text/javascript">
146 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
147</script>
148<![endif]-->
149
150                <script type="text/javascript">
151                        if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
152                </script>
153
154                <!-- inline scripts related to this page -->
155
156                <script type="text/javascript">
157                        function show_box(id) {
158                         jQuery('.widget-box.visible').removeClass('visible');
159                         jQuery('#'+id).addClass('visible');
160                        }
161
162                        $('#register-button').click(function(){
163                                        $('#modal-login').modal('show')
164                        })
165
166                        $('#validation-form').validate({
167                                errorElement: 'label',
168                                errorClass: 'help-block',
169                                focusInvalid: true,
170                                rules: {
171                                        password: {
172                                                required: true,
173                                        },
174                                        account: {
175                                                required: true
176                                        }
177                                },
178               
179                                messages: {
180                                        account: {
181                                                required: "Vui lòng nhập tài khoản hoặc số điện thoại",
182                                        },
183                                        password: {
184                                                required: "Vui lòng nhập mật khẩu.",
185                                        }
186                                },
187
188                                highlight: function (e) {
189                                        $(e).closest('label').removeClass('has-info').addClass('has-error');
190                                },
191               
192                                success: function (e) {
193                                        $(e).closest('label').removeClass('has-error').addClass('has-info');
194                                        $(e).remove();
195                                },
196                        });
197                </script>
198        </body>
199</html>
Note: See TracBrowser for help on using the repository browser.