source: pro-violet-viettel/docs/template/frontend-home.html @ 635

Last change on this file since 635 was 484, checked in by dungnv, 11 years ago
  • Property svn:mime-type set to text/plain
File size: 12.1 KB
RevLine 
[400]1<!DOCTYPE html>
2<html lang="en">
3        <head>
4                <meta charset="utf-8" />
[484]5                <title>SOẠN BÀI GIẢNG ONLINE</title>
[400]6
7                <meta name="description" content="overview &amp; stats" />
8                <meta name="viewport" content="width=device-width, initial-scale=1.0" />
9
10                <link href="assets/css/bootstrap.min.css" rel="stylesheet" />
11                <link rel="stylesheet" href="assets/css/font-awesome.min.css" />
12                <link rel="stylesheet" href="assets/css/dropzone.css" />
13                <link rel="stylesheet" href="assets/css/ace-fonts.css" />
14
15                <link rel="stylesheet" href="assets/css/ace.min.css" />
16                <link rel="stylesheet" href="assets/css/ace-rtl.min.css" />
17                <link rel="stylesheet" href="assets/css/ace-skins.min.css" />
18
19                <script src="assets/js/ace-extra.min.js"></script>
[484]20
21                <link href="assets/css/custom.css" rel="stylesheet" />
22
[400]23                <style type="text/css" media="screen">
24                        .sidebar:before, .sidebar {background-color: transparent;}
25                </style>
26                <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
27
28                <!--[if lt IE 9]>
29                <script src="assets/js/html5shiv.js"></script>
30                <script src="assets/js/respond.min.js"></script>
31                <![endif]-->
32        </head>
33
34        <body>
35                <div class="navbar navbar-default navbar-fixed-top" id="navbar">
36                        <script type="text/javascript">
37                                try{ace.settings.check('navbar' , 'fixed')}catch(e){}
38                        </script>
39
40                        <div class="navbar-container" id="navbar-container">
41                                <div class="navbar-header pull-left">
42                                        <a href="#" class="navbar-brand">
43                                                <img src="assets/img/logo_soanbai_online_white.png" width="350" class="img-responsive">
44                                        </a><!-- /.brand -->
45                                </div><!-- /.navbar-header -->
46
47                                <div class="navbar-header pull-right" role="navigation">
48                                        <ul class="nav ace-nav">
49                                                <li>
50                                                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
51                                                                <img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Admin's Photo" />
52                                                                <span class="user-info">
53                                                                        <small>Xin chào,</small>
54                                                                        Admin
55                                                                </span>
56
57                                                                <i class="icon-caret-down"></i>
58                                                        </a>
59
60                                                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
61                                                                <li>
62                                                                        <a href="frontend-user_profile.html">
63                                                                                <i class="icon-user"></i>
64                                                                                ThÃŽng tin cá nhân
65                                                                        </a>
66                                                                </li>
67
68                                                                <li class="divider"></li>
69
70                                                                <li>
71                                                                        <a href="frontend-index.html">
72                                                                                <i class="icon-off"></i>
73                                                                                Thoát
74                                                                        </a>
75                                                                </li>
76                                                        </ul>
77                                                </li>
78                                        </ul><!-- /.ace-nav -->
79                                </div><!-- /.navbar-header -->
80                        </div><!-- /.container -->
81                </div>
82
83                <div class="main-container" id="main-container">
84                        <script type="text/javascript">
85                                try{ace.settings.check('main-container' , 'fixed')}catch(e){}
86                        </script>
87
88                        <div class="main-container-inner">
89                                <a class="menu-toggler" id="menu-toggler" href="#">
90                                        <span class="menu-text"></span>
91                                </a>
92
93                                <div class="sidebar sidebar-fixed" id="sidebar">
94                                        <script type="text/javascript">
95                                                try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
96                                        </script>
97
98                                        <nav class="navbar navbar-minimal animate open" role="navigation" style="background:transparent">
99                                                <ul class="navbar-menu animate">
100                                                        <li>
101                                                                <a href="#" class="animate">
102                                                                        <span class="desc animate"> Violet Online </span>
103                                                                        <img src="assets/img/logo_Violet.png" width="28" class="img-responsive pull-right">
104                                                                </a>
105                                                        </li>
106<!--                                                    <li>
107                                                                <a href="http://space.violet.vn" class="animate">
108                                                                        <span class="desc animate"> Violet Space </span>
109                                                                        <img src="assets/img/logo_Violet_space_black_box.png" width="28" class="img-responsive pull-right">
110                                                                </a>
111                                                        </li> -->
112                                                        <li>
113                                                                <a href="frontend-user_profile.html" class="animate">
114                                                                        <span class="desc animate"> ThÃŽng tin cá nhân </span>
115                                                                        <img src="assets/img/profile.png" width="28" class="img-responsive pull-right">
116                                                                </a>
117                                                        </li>
118                                                </ul>
119                                        </nav>
120                                       
121                                        <ul class="logo-group list-inline">
122                                                <li><img src="assets/img/logo_Violet.png" width="64" class="img-responsive"></li>
123                                                <li><img src="assets/img/logo_viettel.png" width="64" class="img-responsive"></li>
124                                        </ul>
125
126                                </div>
127
128                                <div class="main-content">
129
130                                        <div class="page-content no-padding">
131
132                                                                <!-- PAGE CONTENT BEGINS -->
133                                                                <div class="embed-responsive embed-responsive-16by9">
134                                                                  <embed class="embed-responsive-item" src="assets/LectureEditor.swf" wmode="transparent" />
135                                                                </div>
136                                                                <!-- PAGE CONTENT ENDS -->
137
138                                        </div><!-- /.page-content -->
139                                </div><!-- /.main-content -->
140                        </div><!-- /.main-container-inner -->
141
142                        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
143                                <i class="icon-double-angle-up icon-only bigger-110"></i>
144                        </a>
145                </div><!-- /.main-container -->
146
147                <div class="modal fade" id="alert-services" tabindex="-1" role="dialog"aria-hidden="true">
148                  <div class="modal-dialog">
149                    <div class="modal-content">
150                      <div class="modal-header">
151                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
152                        <h4 class="modal-title">ThÃŽng báo dịch vụ</h4>
153                      </div>
154                      <div class="modal-body">
155                        <div class="alert alert-block alert-success">                                           
156                                                        <p>
[484]157                                                                Quí vị chÆ°a đăng kí sá»­ dụng dịch vụ Soạn Bài giảng online. Quí vị có thể dùng thá»­ dịch vụ Soạn Bài giảng online trước khi đăng kí.
[400]158                                                        </p>
159                                                </div>
160                      </div>
161
162                      <div class="modal-footer">
163                        <button type="button" class="btn btn-info">Dùng thá»­</button>
[484]164                        <button type="button" class="btn btn-success" id="services-reg">Đăng kÃœ</button>
[400]165                      </div>
166                    </div>
167                  </div>
168                </div>
169
[484]170                <div class="modal fade" id="alert-services-reg" tabindex="-1" role="dialog"aria-hidden="true">
171                  <div class="modal-dialog">
172                    <div class="modal-content">
173                      <div class="modal-header">
174                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
175                        <h4 class="modal-title">ThÃŽng báo dịch vụ</h4>
176                      </div>
177                      <div class="modal-body">
178                        <h3>
179                                                        Tài khoản của quí vị hiện tại là 1,000 đồng.
180                                                </h3>
181                                                <h4 class="header blue bolder smaller">Đăng kÃœ dịch vụ</h4>
182                                                <h5>Cách 1</h5>
183                        <div class="alert alert-block alert-success">                                           
184                                                        <table class="table">
185                                                                <caption>Mời quí vị chọn các gói dịch vụ sau:</caption>
186                                                                <tbody>
187                                                                        <tr>
188                                                                                <td>1 tháng</td>
189                                                                                <td>15.000 VNĐ</td>
190                                                                                <td class="center">
191                                                                                        <label>
192                                                                                                <input type="checkbox" class="ace" />
193                                                                                                <span class="lbl"></span>
194                                                                                        </label>
195                                                                                </td>
196                                                                        </tr>
197                                                                        <tr>
198                                                                                <td>3 tháng</td>
199                                                                                <td>40.000 VNĐ</td>
200                                                                                <td class="center">
201                                                                                        <label>
202                                                                                                <input type="checkbox" class="ace" />
203                                                                                                <span class="lbl"></span>
204                                                                                        </label>
205                                                                                </td>
206                                                                        </tr>
207                                                                        <tr>
208                                                                                <td>6 tháng</td>
209                                                                                <td>70.000 VNĐ</td>
210                                                                                <td class="center">
211                                                                                        <label>
212                                                                                                <input type="checkbox" class="ace" />
213                                                                                                <span class="lbl"></span>
214                                                                                        </label>
215                                                                                </td>
216                                                                        </tr>
217                                                                        <tr>
218                                                                                <td>12 tháng</td>
219                                                                                <td>130.000 VNĐ</td>
220                                                                                <td class="center">
221                                                                                        <label>
222                                                                                                <input type="checkbox" class="ace" />
223                                                                                                <span class="lbl"></span>
224                                                                                        </label>
225                                                                                </td>
226                                                                        </tr>
227                                                                </tbody>
228                                                        </table>
229                                                </div>
230                                                <h5>Cách 2</h5>
231                                                <h4>Soạn tin: SBG DK 1 (hay 3, 6, 12) gá»­i tới 8062</h4>
232                      </div>
233
234                      <div class="modal-footer">
235                        <button type="button" class="btn btn-info">Dùng thá»­</button>
236                        <button type="button" class="btn btn-success" id="services-sign">Tiếp tục</button>
237                      </div>
238                    </div>
239                  </div>
240                </div>
241
242                <div class="modal fade" id="alert-services-reg-2" tabindex="-1" role="dialog"aria-hidden="true">
243                  <div class="modal-dialog">
244                    <div class="modal-content">
245                      <div class="modal-header">
246                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
247                        <h4 class="modal-title">ThÃŽng báo dịch vụ</h4>
248                      </div>
249                      <div class="modal-body">
250                        <div class="alert alert-block alert-success">                                           
251                                                        <p>
252                                                                Quí vị cần điền đầy đủ Họ và tên chính xác bằng tiếng Việt có dấu, các tên đơn vị sẜ khÃŽng được chấp nhận.
253                                                        </p>
254                                                </div>
255                                                <form class="form-horizontal">
256                                                        <div class="form-group">
257                                                                <label for="form-field-first" class="col-sm-4 control-label no-padding-right">
258                                                                Họ và tên</label>
259                                                                <div class="col-sm-8">
260                                                                        <input type="text" value="" placeholder="Họ" id="form-field-first" class="input-small">
261                                                                        <input type="text" value="" placeholder="Tên" id="form-field-last" class="input-small">
262                                                                </div>
263                                                        </div>
264
265                                                        <div class="space-4"></div>
266
267                                                        <div class="form-group">
268                                                                <label for="form-field-username" class="col-sm-4 control-label no-padding-right">
269                                                                Đơn vị</label>
270                                                                <div class="col-sm-8">
271                                                                        <input type="text" placeholder="Đơn vị" id="form-field-username" class="col-xs-12 col-sm-10">
272                                                                </div>
273                                                        </div>
274                                                </form>
275                      <div class="modal-footer">
276                        <a href="frontend-user_profile.html#account-info" class="btn btn-success">Đăng kÃœ</a>
277                      </div>
278                    </div>
279                  </div>
280                </div>
281
[400]282                <div class="modal fade" id="alert-update-info" tabindex="-1" role="dialog"aria-hidden="true">
283                  <div class="modal-dialog">
284                    <div class="modal-content">
285                      <div class="modal-header">
286                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
287                        <h4 class="modal-title">ThÃŽng báo dịch vụ</h4>
288                      </div>
289                      <div class="modal-body">
290                        <div class="alert alert-block alert-success">                                           
291                                                        <p>
292                                                                Quí vị hãy nhập thÃŽng tin cá nhân để có thể sá»­ dụng dịch vụ.
293                                                        </p>
294                                                </div>
295                      </div>
296
297                      <div class="modal-footer">
[484]298                        <button type="button" class="btn btn-info" id="services-sign">Tiếp tục</button>
[400]299                      </div>
300                    </div>
301                  </div>
302                </div>
303
304                <!-- basic scripts -->
305
306                <!--[if !IE]> -->
307
308                <script type="text/javascript">
309                        window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
310                </script>
311
312                <!-- <![endif]-->
313
314                <!--[if IE]>
315<script type="text/javascript">
316 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
317</script>
318<![endif]-->
319
320                <script type="text/javascript">
321                        if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
322                </script>
323                <script src="assets/js/bootstrap.min.js"></script>
324                <script src="assets/js/typeahead-bs2.min.js"></script>
325
326                <!-- page specific plugin scripts -->
327
328                <!--[if lte IE 8]>
329                  <script src="assets/js/excanvas.min.js"></script>
330                <![endif]-->
331
332                <script src="assets/js/fuelux/data/fuelux.tree-sampledata.js"></script>
333                <script src="assets/js/fuelux/fuelux.tree.min.js"></script>
334
335                <script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
336                <script src="assets/js/jquery.ui.touch-punch.min.js"></script>
337                <script src="assets/js/jquery.slimscroll.min.js"></script>
338
339                <!-- ace scripts -->
340
341                <script src="assets/js/ace-elements.min.js"></script>
342                <script src="assets/js/ace.min.js"></script>
343
344                <!-- inline scripts related to this page -->
345
346                <script type="text/javascript">
347                        $(document).ready(function(){
[484]348                                $('#alert-services').modal('show');
349
350                                $('#services-reg').click(function() {
351                                        $('#alert-services').modal('hide');
352                                        $('#alert-services-reg').modal('show');
353                                });
354                                $('#services-sign').click(function() {
355                                        $('#alert-services-reg').modal('hide');
356                                        $('#alert-services-reg-2').modal('show');
357                                })
[400]358                        })
359                </script>
360        </body>
361</html>
Note: See TracBrowser for help on using the repository browser.