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

Last change on this file since 483 was 400, checked in by dungnv, 11 years ago
  • Property svn:mime-type set to text/plain
File size: 7.9 KB
Line 
1<!DOCTYPE html>
2<html lang="en">
3        <head>
4                <meta charset="utf-8" />
5                <title>SBG Online</title>
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>
20                <style type="text/css" media="screen">
21                        .sidebar:before, .sidebar {background-color: transparent;}
22                </style>
23                <!-- HTML5 shim and Respond.js IE8 support of HTML5 elements and media queries -->
24
25                <!--[if lt IE 9]>
26                <script src="assets/js/html5shiv.js"></script>
27                <script src="assets/js/respond.min.js"></script>
28                <![endif]-->
29        </head>
30
31        <body>
32                <div class="navbar navbar-default navbar-fixed-top" id="navbar">
33                        <script type="text/javascript">
34                                try{ace.settings.check('navbar' , 'fixed')}catch(e){}
35                        </script>
36
37                        <div class="navbar-container" id="navbar-container">
38                                <div class="navbar-header pull-left">
39                                        <a href="#" class="navbar-brand">
40                                                <img src="assets/img/logo_soanbai_online_white.png" width="350" class="img-responsive">
41                                        </a><!-- /.brand -->
42                                </div><!-- /.navbar-header -->
43
44                                <div class="navbar-header pull-right" role="navigation">
45                                        <ul class="nav ace-nav">
46                                                <li>
47                                                        <a data-toggle="dropdown" href="#" class="dropdown-toggle">
48                                                                <img class="nav-user-photo" src="assets/avatars/user.jpg" alt="Admin's Photo" />
49                                                                <span class="user-info">
50                                                                        <small>Xin chào,</small>
51                                                                        Admin
52                                                                </span>
53
54                                                                <i class="icon-caret-down"></i>
55                                                        </a>
56
57                                                        <ul class="user-menu pull-right dropdown-menu dropdown-yellow dropdown-caret dropdown-close">
58                                                                <li>
59                                                                        <a href="frontend-user_profile.html">
60                                                                                <i class="icon-user"></i>
61                                                                                ThÃŽng tin cá nhân
62                                                                        </a>
63                                                                </li>
64
65                                                                <li class="divider"></li>
66
67                                                                <li>
68                                                                        <a href="frontend-index.html">
69                                                                                <i class="icon-off"></i>
70                                                                                Thoát
71                                                                        </a>
72                                                                </li>
73                                                        </ul>
74                                                </li>
75                                        </ul><!-- /.ace-nav -->
76                                </div><!-- /.navbar-header -->
77                        </div><!-- /.container -->
78                </div>
79
80                <div class="main-container" id="main-container">
81                        <script type="text/javascript">
82                                try{ace.settings.check('main-container' , 'fixed')}catch(e){}
83                        </script>
84
85                        <div class="main-container-inner">
86                                <a class="menu-toggler" id="menu-toggler" href="#">
87                                        <span class="menu-text"></span>
88                                </a>
89
90                                <div class="sidebar sidebar-fixed" id="sidebar">
91                                        <script type="text/javascript">
92                                                try{ace.settings.check('sidebar' , 'fixed')}catch(e){}
93                                        </script>
94
95                                        <nav class="navbar navbar-minimal animate open" role="navigation" style="background:transparent">
96                                                <ul class="navbar-menu animate">
97                                                        <li>
98                                                                <a href="#" class="animate">
99                                                                        <span class="desc animate"> Violet Online </span>
100                                                                        <img src="assets/img/logo_Violet.png" width="28" class="img-responsive pull-right">
101                                                                </a>
102                                                        </li>
103<!--                                                    <li>
104                                                                <a href="http://space.violet.vn" class="animate">
105                                                                        <span class="desc animate"> Violet Space </span>
106                                                                        <img src="assets/img/logo_Violet_space_black_box.png" width="28" class="img-responsive pull-right">
107                                                                </a>
108                                                        </li> -->
109                                                        <li>
110                                                                <a href="frontend-user_profile.html" class="animate">
111                                                                        <span class="desc animate"> ThÃŽng tin cá nhân </span>
112                                                                        <img src="assets/img/profile.png" width="28" class="img-responsive pull-right">
113                                                                </a>
114                                                        </li>
115                                                </ul>
116                                        </nav>
117                                       
118                                        <ul class="logo-group list-inline">
119                                                <li><img src="assets/img/logo_Violet.png" width="64" class="img-responsive"></li>
120                                                <li><img src="assets/img/logo_viettel.png" width="64" class="img-responsive"></li>
121                                        </ul>
122
123                                </div>
124
125                                <div class="main-content">
126
127                                        <div class="page-content no-padding">
128
129                                                                <!-- PAGE CONTENT BEGINS -->
130                                                                <div class="embed-responsive embed-responsive-16by9">
131                                                                  <embed class="embed-responsive-item" src="assets/LectureEditor.swf" wmode="transparent" />
132                                                                </div>
133                                                                <!-- PAGE CONTENT ENDS -->
134
135                                        </div><!-- /.page-content -->
136                                </div><!-- /.main-content -->
137                        </div><!-- /.main-container-inner -->
138
139                        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
140                                <i class="icon-double-angle-up icon-only bigger-110"></i>
141                        </a>
142                </div><!-- /.main-container -->
143
144                <div class="modal fade" id="alert-services" tabindex="-1" role="dialog"aria-hidden="true">
145                  <div class="modal-dialog">
146                    <div class="modal-content">
147                      <div class="modal-header">
148                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
149                        <h4 class="modal-title">ThÃŽng báo dịch vụ</h4>
150                      </div>
151                      <div class="modal-body">
152                        <div class="alert alert-block alert-success">                                           
153                                                        <p>
154                                                                Quí vị chÆ°a đăng kí sá»­ dụng dịch vụ Soạn Bài giảng trá»±c tuyến. Quí vị có thể dùng thá»­ dịch vụ Soạn Bài giảng trá»±c tuyến trước khi đăng kí.
155                                                        </p>
156                                                </div>
157                      </div>
158
159                      <div class="modal-footer">
160                        <button type="button" class="btn btn-info">Dùng thá»­</button>
161                        <button type="button" class="btn btn-success">Đăng kÃœ</button>
162                      </div>
163                    </div>
164                  </div>
165                </div>
166
167                <div class="modal fade" id="alert-update-info" tabindex="-1" role="dialog"aria-hidden="true">
168                  <div class="modal-dialog">
169                    <div class="modal-content">
170                      <div class="modal-header">
171                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
172                        <h4 class="modal-title">ThÃŽng báo dịch vụ</h4>
173                      </div>
174                      <div class="modal-body">
175                        <div class="alert alert-block alert-success">                                           
176                                                        <p>
177                                                                Quí vị hãy nhập thÃŽng tin cá nhân để có thể sá»­ dụng dịch vụ.
178                                                        </p>
179                                                </div>
180                      </div>
181
182                      <div class="modal-footer">
183                        <button type="button" class="btn btn-info">Tiếp tục</button>
184                      </div>
185                    </div>
186                  </div>
187                </div>
188
189                <!-- basic scripts -->
190
191                <!--[if !IE]> -->
192
193                <script type="text/javascript">
194                        window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
195                </script>
196
197                <!-- <![endif]-->
198
199                <!--[if IE]>
200<script type="text/javascript">
201 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
202</script>
203<![endif]-->
204
205                <script type="text/javascript">
206                        if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
207                </script>
208                <script src="assets/js/bootstrap.min.js"></script>
209                <script src="assets/js/typeahead-bs2.min.js"></script>
210
211                <!-- page specific plugin scripts -->
212
213                <!--[if lte IE 8]>
214                  <script src="assets/js/excanvas.min.js"></script>
215                <![endif]-->
216                <script src="assets/js/dropzone.min.js"></script>
217
218                <script src="assets/js/fuelux/data/fuelux.tree-sampledata.js"></script>
219                <script src="assets/js/fuelux/fuelux.tree.min.js"></script>
220
221                <script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
222                <script src="assets/js/jquery.ui.touch-punch.min.js"></script>
223                <script src="assets/js/jquery.slimscroll.min.js"></script>
224
225                <!-- ace scripts -->
226
227                <script src="assets/js/ace-elements.min.js"></script>
228                <script src="assets/js/ace.min.js"></script>
229
230                <!-- inline scripts related to this page -->
231
232                <script type="text/javascript">
233                        $(document).ready(function(){
234                                $('#alert-services').modal('show')
235                        })
236                </script>
237        </body>
238</html>
Note: See TracBrowser for help on using the repository browser.