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

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