source: pro-violet-viettel/docs/Space-update-logo/Space/frontend-home.html @ 316

Last change on this file since 316 was 316, checked in by dungnv, 11 years ago
  • Property svn:mime-type set to text/plain
File size: 8.8 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                                        <div class="sidebar-shortcuts" id="sidebar-shortcuts">
96                                                <div class="sidebar-shortcuts-large" id="sidebar-shortcuts-large" style="line-height:normal">
97                                                        <div data-percent="66%" class="progress progress-striped active" style="margin-bottom:0">
98                                                                <div style="width:66%;" class="progress-bar"></div>
99                                                        </div>
100                                                        <span>66 GB / 100 GB</span>
101                                                </div>
102
103                                                <div class="sidebar-shortcuts-mini" id="sidebar-shortcuts-mini">
104                                                        <span class="btn btn-success"></span>
105
106                                                        <span class="btn btn-info"></span>
107
108                                                        <span class="btn btn-warning"></span>
109
110                                                        <span class="btn btn-danger"></span>
111                                                </div>
112                                        </div><!-- #sidebar-shortcuts -->
113
114                                        <nav class="navbar navbar-minimal animate open" role="navigation" style="background:transparent">
115                                                <ul class="navbar-menu animate">
116                                                        <li>
117                                                                <a href="#" class="animate">
118                                                                        <span class="desc animate"> Violet Online </span>
119                                                                        <img src="assets/img/logo_Violet.png" width="28" class="img-responsive pull-right">
120                                                                </a>
121                                                        </li>
122                                                        <li>
123                                                                <a href="http://space.violet.vn" class="animate">
124                                                                        <span class="desc animate"> Violet Space </span>
125                                                                        <img src="assets/img/logo_Violet_space_black_box.png" width="28" class="img-responsive pull-right">
126                                                                </a>
127                                                        </li>
128                                                        <li>
129                                                                <a href="#" class="animate">
130                                                                        <span class="desc animate"> Thanh  toán </span>
131                                                                        <img src="assets/img/payment.png" width="28" class="img-responsive pull-right">
132                                                                </a>
133                                                        </li>
134                                                        <li>
135                                                                <a href="frontend-user_profile.html" class="animate">
136                                                                        <span class="desc animate"> ThÃŽng tin cá nhân </span>
137                                                                        <img src="assets/img/profile.png" width="28" class="img-responsive pull-right">
138                                                                </a>
139                                                        </li>
140                                                </ul>
141                                        </nav>
142                                       
143                                        <ul class="logo-group list-inline">
144                                                <li><img src="assets/img/logo_Violet.png" width="64" class="img-responsive"></li>
145                                                <li><img src="assets/img/logo_viettel.png" width="64" class="img-responsive"></li>
146                                        </ul>
147
148                                </div>
149
150                                <div class="main-content">
151
152                                        <div class="page-content no-padding">
153
154                                                                <!-- PAGE CONTENT BEGINS -->
155                                                                <div class="embed-responsive embed-responsive-16by9">
156                                                                  <embed class="embed-responsive-item" src="assets/swf/LectureEditor.swf" wmode="transparent" />
157                                                                </div>
158                                                                <!-- PAGE CONTENT ENDS -->
159
160                                        </div><!-- /.page-content -->
161                                </div><!-- /.main-content -->
162                        </div><!-- /.main-container-inner -->
163
164                        <a href="#" id="btn-scroll-up" class="btn-scroll-up btn btn-sm btn-inverse">
165                                <i class="icon-double-angle-up icon-only bigger-110"></i>
166                        </a>
167                </div><!-- /.main-container -->
168
169                <div class="modal fade" id="alert-services" tabindex="-1" role="dialog"aria-hidden="true">
170                  <div class="modal-dialog">
171                    <div class="modal-content">
172                      <div class="modal-header">
173                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
174                        <h4 class="modal-title">ThÃŽng báo dịch vụ</h4>
175                      </div>
176                      <div class="modal-body">
177                        <div class="alert alert-block alert-success">                                           
178                                                        <p>
179                                                                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í.
180                                                        </p>
181                                                </div>
182                      </div>
183
184                      <div class="modal-footer">
185                        <button type="button" class="btn btn-info">Dùng thá»­</button>
186                        <button type="button" class="btn btn-success">Đăng kÃœ</button>
187                      </div>
188                    </div>
189                  </div>
190                </div>
191
192                <div class="modal fade" id="alert-update-info" tabindex="-1" role="dialog"aria-hidden="true">
193                  <div class="modal-dialog">
194                    <div class="modal-content">
195                      <div class="modal-header">
196                        <button type="button" class="close" data-dismiss="modal"><span aria-hidden="true">&times;</span><span class="sr-only">Close</span></button>
197                        <h4 class="modal-title">ThÃŽng báo dịch vụ</h4>
198                      </div>
199                      <div class="modal-body">
200                        <div class="alert alert-block alert-success">                                           
201                                                        <p>
202                                                                Quí vị hãy nhập thÃŽng tin cá nhân để có thể sá»­ dụng dịch vụ.
203                                                        </p>
204                                                </div>
205                      </div>
206
207                      <div class="modal-footer">
208                        <button type="button" class="btn btn-info">Tiếp tục</button>
209                      </div>
210                    </div>
211                  </div>
212                </div>
213
214                <!-- basic scripts -->
215
216                <!--[if !IE]> -->
217
218                <script type="text/javascript">
219                        window.jQuery || document.write("<script src='assets/js/jquery-2.0.3.min.js'>"+"<"+"/script>");
220                </script>
221
222                <!-- <![endif]-->
223
224                <!--[if IE]>
225<script type="text/javascript">
226 window.jQuery || document.write("<script src='assets/js/jquery-1.10.2.min.js'>"+"<"+"/script>");
227</script>
228<![endif]-->
229
230                <script type="text/javascript">
231                        if("ontouchend" in document) document.write("<script src='assets/js/jquery.mobile.custom.min.js'>"+"<"+"/script>");
232                </script>
233                <script src="assets/js/bootstrap.min.js"></script>
234                <script src="assets/js/typeahead-bs2.min.js"></script>
235
236                <!-- page specific plugin scripts -->
237
238                <!--[if lte IE 8]>
239                  <script src="assets/js/excanvas.min.js"></script>
240                <![endif]-->
241                <script src="assets/js/dropzone.min.js"></script>
242
243                <script src="assets/js/fuelux/data/fuelux.tree-sampledata.js"></script>
244                <script src="assets/js/fuelux/fuelux.tree.min.js"></script>
245
246                <script src="assets/js/jquery-ui-1.10.3.custom.min.js"></script>
247                <script src="assets/js/jquery.ui.touch-punch.min.js"></script>
248                <script src="assets/js/jquery.slimscroll.min.js"></script>
249
250                <!-- ace scripts -->
251
252                <script src="assets/js/ace-elements.min.js"></script>
253                <script src="assets/js/ace.min.js"></script>
254
255                <!-- inline scripts related to this page -->
256
257                <script type="text/javascript">
258                        $(document).ready(function(){
259                                $('#alert-services').modal('show')
260                        })
261                </script>
262        </body>
263</html>
Note: See TracBrowser for help on using the repository browser.