Subversion Repositories Integrator Subversion

Rev

Details | Last modification | View Log | RSS feed

Rev Author Line No. Line
1 espaco 1
<!-- BEGIN HEADER INNER -->
2
<div class="page-header-inner">
3
        <!-- BEGIN LOGO -->
4
        <div class="page-logo">
5
                <a href="index.html">
6
                <img src="../../../assets/admin/layout4/img/logo-light.png" alt="logo" class="logo-default"/>
7
                </a>
8
                <div class="menu-toggler sidebar-toggler">
9
                        <!-- DOC: Remove the above "hide" to enable the sidebar toggler button on header -->
10
                </div>
11
        </div>
12
        <!-- END LOGO -->
13
        <!-- BEGIN RESPONSIVE MENU TOGGLER -->
14
        <a href="javascript:;" class="menu-toggler responsive-toggler" data-toggle="collapse" data-target=".navbar-collapse">
15
        </a>
16
        <!-- END RESPONSIVE MENU TOGGLER -->
17
        <!-- BEGIN PAGE ACTIONS -->
18
        <!-- DOC: Remove "hide" class to enable the page header actions -->
19
        <div class="page-actions">
20
                <div class="btn-group">
21
                        <button type="button" class="btn btn-transparent btn-default btn-sm dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
22
                        <span class="hidden-sm hidden-xs">Actions&nbsp;</span><i class="fa fa-angle-down"></i>
23
                        </button>
24
                        <ul class="dropdown-menu" role="menu">
25
                                <li>
26
                                        <a href="#">
27
                                        <i class="icon-docs"></i> New Post </a>
28
                                </li>
29
                                <li>
30
                                        <a href="#">
31
                                        <i class="icon-tag"></i> New Comment </a>
32
                                </li>
33
                                <li>
34
                                        <a href="#">
35
                                        <i class="icon-share"></i> Share </a>
36
                                </li>
37
                                <li class="divider">
38
                                </li>
39
                                <li>
40
                                        <a href="#">
41
                                        <i class="icon-flag"></i> Comments <span class="badge badge-success">4</span>
42
                                        </a>
43
                                </li>
44
                                <li>
45
                                        <a href="#">
46
                                        <i class="icon-users"></i> Feedbacks <span class="badge badge-danger">2</span>
47
                                        </a>
48
                                </li>
49
                        </ul>
50
                </div>
51
        </div>
52
        <!-- END PAGE ACTIONS -->
53
        <!-- BEGIN PAGE TOP -->
54
        <div class="page-top">
55
                <!-- BEGIN HEADER SEARCH BOX -->
56
                <!-- DOC: Apply "search-form-expanded" right after the "search-form" class to have half expanded search box -->
57
                <form class="search-form" action="extra_search.html" method="GET">
58
                        <div class="input-group">
59
                                <input type="text" class="form-control input-sm" placeholder="Search..." name="query">
60
                                <span class="input-group-btn">
61
                                <a href="javascript:;" class="btn submit"><i class="icon-magnifier"></i></a>
62
                                </span>
63
                        </div>
64
                </form>
65
                <!-- END HEADER SEARCH BOX -->
66
                <!-- BEGIN TOP NAVIGATION MENU -->
67
                <div class="top-menu">
68
                        <ul class="nav navbar-nav pull-right">
69
                                <li class="separator hide"></li>
70
                                <!-- BEGIN NOTIFICATION DROPDOWN -->
71
                                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
72
                                <li class="dropdown dropdown-extended dropdown-notification dropdown-dark" id="header_notification_bar">
73
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
74
                                        <i class="icon-bell"></i>
75
                                        <span class="badge badge-success">
76
                                        7 </span>
77
                                        </a>
78
                                        <ul class="dropdown-menu">
79
                                                <li class="external">
80
                                                        <h3><span class="bold">12 pending</span> notifications</h3>
81
                                                        <a href="#/profile/dashboard">view all</a>
82
                                                </li>
83
                                                <li>
84
                                                        <ul class="dropdown-menu-list scroller" style="height: 250px;" data-handle-color="#637283">
85
                                                                <li>
86
                                                                        <a href="javascript:;">
87
                                                                        <span class="time">just now</span>
88
                                                                        <span class="details">
89
                                                                        <span class="label label-sm label-icon label-success">
90
                                                                        <i class="fa fa-plus"></i>
91
                                                                        </span>
92
                                                                        New user registered. </span>
93
                                                                        </a>
94
                                                                </li>
95
                                                                <li>
96
                                                                        <a href="javascript:;">
97
                                                                        <span class="time">3 mins</span>
98
                                                                        <span class="details">
99
                                                                        <span class="label label-sm label-icon label-danger">
100
                                                                        <i class="fa fa-bolt"></i>
101
                                                                        </span>
102
                                                                        Server #12 overloaded. </span>
103
                                                                        </a>
104
                                                                </li>
105
                                                                <li>
106
                                                                        <a href="javascript:;">
107
                                                                        <span class="time">10 mins</span>
108
                                                                        <span class="details">
109
                                                                        <span class="label label-sm label-icon label-warning">
110
                                                                        <i class="fa fa-bell-o"></i>
111
                                                                        </span>
112
                                                                        Server #2 not responding. </span>
113
                                                                        </a>
114
                                                                </li>
115
                                                                <li>
116
                                                                        <a href="javascript:;">
117
                                                                        <span class="time">14 hrs</span>
118
                                                                        <span class="details">
119
                                                                        <span class="label label-sm label-icon label-info">
120
                                                                        <i class="fa fa-bullhorn"></i>
121
                                                                        </span>
122
                                                                        Application error. </span>
123
                                                                        </a>
124
                                                                </li>
125
                                                                <li>
126
                                                                        <a href="javascript:;">
127
                                                                        <span class="time">2 days</span>
128
                                                                        <span class="details">
129
                                                                        <span class="label label-sm label-icon label-danger">
130
                                                                        <i class="fa fa-bolt"></i>
131
                                                                        </span>
132
                                                                        Database overloaded 68%. </span>
133
                                                                        </a>
134
                                                                </li>
135
                                                                <li>
136
                                                                        <a href="javascript:;">
137
                                                                        <span class="time">3 days</span>
138
                                                                        <span class="details">
139
                                                                        <span class="label label-sm label-icon label-danger">
140
                                                                        <i class="fa fa-bolt"></i>
141
                                                                        </span>
142
                                                                        A user IP blocked. </span>
143
                                                                        </a>
144
                                                                </li>
145
                                                                <li>
146
                                                                        <a href="javascript:;">
147
                                                                        <span class="time">4 days</span>
148
                                                                        <span class="details">
149
                                                                        <span class="label label-sm label-icon label-warning">
150
                                                                        <i class="fa fa-bell-o"></i>
151
                                                                        </span>
152
                                                                        Storage Server #4 not responding dfdfdfd. </span>
153
                                                                        </a>
154
                                                                </li>
155
                                                                <li>
156
                                                                        <a href="javascript:;">
157
                                                                        <span class="time">5 days</span>
158
                                                                        <span class="details">
159
                                                                        <span class="label label-sm label-icon label-info">
160
                                                                        <i class="fa fa-bullhorn"></i>
161
                                                                        </span>
162
                                                                        System Error. </span>
163
                                                                        </a>
164
                                                                </li>
165
                                                                <li>
166
                                                                        <a href="javascript:;">
167
                                                                        <span class="time">9 days</span>
168
                                                                        <span class="details">
169
                                                                        <span class="label label-sm label-icon label-danger">
170
                                                                        <i class="fa fa-bolt"></i>
171
                                                                        </span>
172
                                                                        Storage server failed. </span>
173
                                                                        </a>
174
                                                                </li>
175
                                                        </ul>
176
                                                </li>
177
                                        </ul>
178
                                </li>
179
                                <!-- END NOTIFICATION DROPDOWN -->
180
                                <li class="separator hide"></li>
181
                                <!-- BEGIN INBOX DROPDOWN -->
182
                                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
183
                                <li class="dropdown dropdown-extended dropdown-inbox dropdown-dark" id="header_inbox_bar">
184
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
185
                                        <i class="icon-envelope-open"></i>
186
                                        <span class="badge badge-danger">
187
                                        4 </span>
188
                                        </a>
189
                                        <ul class="dropdown-menu">
190
                                                <li class="external">
191
                                                        <h3>You have <span class="bold">7 New</span> Messages</h3>
192
                                                        <a href="#/profile/dashboard">view all</a>
193
                                                </li>
194
                                                <li>
195
                                                        <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
196
                                                                <li>
197
                                                                        <a href="#">
198
                                                                        <span class="photo">
199
                                                                        <img src="../../../assets/admin/layout4/img/avatar2.jpg" class="img-circle" alt="">
200
                                                                        </span>
201
                                                                        <span class="subject">
202
                                                                        <span class="from">
203
                                                                        Lisa Wong </span>
204
                                                                        <span class="time">Just Now </span>
205
                                                                        </span>
206
                                                                        <span class="message">
207
                                                                        Vivamus sed auctor nibh congue nibh. auctor nibh auctor nibh... </span>
208
                                                                        </a>
209
                                                                </li>
210
                                                                <li>
211
                                                                        <a href="#">
212
                                                                        <span class="photo">
213
                                                                        <img src="../../../assets/admin/layout4/img/avatar3.jpg" class="img-circle" alt="">
214
                                                                        </span>
215
                                                                        <span class="subject">
216
                                                                        <span class="from">
217
                                                                        Richard Doe </span>
218
                                                                        <span class="time">16 mins </span>
219
                                                                        </span>
220
                                                                        <span class="message">
221
                                                                        Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
222
                                                                        </a>
223
                                                                </li>
224
                                                                <li>
225
                                                                        <a href="#">
226
                                                                        <span class="photo">
227
                                                                        <img src="../../../assets/admin/layout4/img/avatar1.jpg" class="img-circle" alt="">
228
                                                                        </span>
229
                                                                        <span class="subject">
230
                                                                        <span class="from">
231
                                                                        Bob Nilson </span>
232
                                                                        <span class="time">2 hrs </span>
233
                                                                        </span>
234
                                                                        <span class="message">
235
                                                                        Vivamus sed nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
236
                                                                        </a>
237
                                                                </li>
238
                                                                <li>
239
                                                                        <a href="#">
240
                                                                        <span class="photo">
241
                                                                        <img src="../../../assets/admin/layout4/img/avatar2.jpg" class="img-circle" alt="">
242
                                                                        </span>
243
                                                                        <span class="subject">
244
                                                                        <span class="from">
245
                                                                        Lisa Wong </span>
246
                                                                        <span class="time">40 mins </span>
247
                                                                        </span>
248
                                                                        <span class="message">
249
                                                                        Vivamus sed auctor 40% nibh congue nibh... </span>
250
                                                                        </a>
251
                                                                </li>
252
                                                                <li>
253
                                                                        <a href="#">
254
                                                                        <span class="photo">
255
                                                                        <img src="../../../assets/admin/layout4/img/avatar3.jpg" class="img-circle" alt="">
256
                                                                        </span>
257
                                                                        <span class="subject">
258
                                                                        <span class="from">
259
                                                                        Richard Doe </span>
260
                                                                        <span class="time">46 mins </span>
261
                                                                        </span>
262
                                                                        <span class="message">
263
                                                                        Vivamus sed congue nibh auctor nibh congue nibh. auctor nibh auctor nibh... </span>
264
                                                                        </a>
265
                                                                </li>
266
                                                        </ul>
267
                                                </li>
268
                                        </ul>
269
                                </li>
270
                                <!-- END INBOX DROPDOWN -->
271
                                <li class="separator hide"></li>
272
                                <!-- BEGIN TODO DROPDOWN -->
273
                                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
274
                                <li class="dropdown dropdown-extended dropdown-tasks dropdown-dark" id="header_task_bar">
275
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
276
                                        <i class="icon-calendar"></i>
277
                                        <span class="badge badge-primary">
278
                                        3 </span>
279
                                        </a>
280
                                        <ul class="dropdown-menu extended tasks">
281
                                                <li class="external">
282
                                                        <h3>You have <span class="bold">12 pending</span> tasks</h3>
283
                                                        <a href="#/profile/dashboard">view all</a>
284
                                                </li>
285
                                                <li>
286
                                                        <ul class="dropdown-menu-list scroller" style="height: 275px;" data-handle-color="#637283">
287
                                                                <li>
288
                                                                        <a href="javascript:;">
289
                                                                        <span class="task">
290
                                                                        <span class="desc">New release v1.2 </span>
291
                                                                        <span class="percent">30%</span>
292
                                                                        </span>
293
                                                                        <span class="progress">
294
                                                                        <span style="width: 40%;" class="progress-bar progress-bar-success" aria-valuenow="40" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">40% Complete</span></span>
295
                                                                        </span>
296
                                                                        </a>
297
                                                                </li>
298
                                                                <li>
299
                                                                        <a href="javascript:;">
300
                                                                        <span class="task">
301
                                                                        <span class="desc">Application deployment</span>
302
                                                                        <span class="percent">65%</span>
303
                                                                        </span>
304
                                                                        <span class="progress">
305
                                                                        <span style="width: 65%;" class="progress-bar progress-bar-danger" aria-valuenow="65" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">65% Complete</span></span>
306
                                                                        </span>
307
                                                                        </a>
308
                                                                </li>
309
                                                                <li>
310
                                                                        <a href="javascript:;">
311
                                                                        <span class="task">
312
                                                                        <span class="desc">Mobile app release</span>
313
                                                                        <span class="percent">98%</span>
314
                                                                        </span>
315
                                                                        <span class="progress">
316
                                                                        <span style="width: 98%;" class="progress-bar progress-bar-success" aria-valuenow="98" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">98% Complete</span></span>
317
                                                                        </span>
318
                                                                        </a>
319
                                                                </li>
320
                                                                <li>
321
                                                                        <a href="javascript:;">
322
                                                                        <span class="task">
323
                                                                        <span class="desc">Database migration</span>
324
                                                                        <span class="percent">10%</span>
325
                                                                        </span>
326
                                                                        <span class="progress">
327
                                                                        <span style="width: 10%;" class="progress-bar progress-bar-warning" aria-valuenow="10" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">10% Complete</span></span>
328
                                                                        </span>
329
                                                                        </a>
330
                                                                </li>
331
                                                                <li>
332
                                                                        <a href="javascript:;">
333
                                                                        <span class="task">
334
                                                                        <span class="desc">Web server upgrade</span>
335
                                                                        <span class="percent">58%</span>
336
                                                                        </span>
337
                                                                        <span class="progress">
338
                                                                        <span style="width: 58%;" class="progress-bar progress-bar-info" aria-valuenow="58" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">58% Complete</span></span>
339
                                                                        </span>
340
                                                                        </a>
341
                                                                </li>
342
                                                                <li>
343
                                                                        <a href="javascript:;">
344
                                                                        <span class="task">
345
                                                                        <span class="desc">Mobile development</span>
346
                                                                        <span class="percent">85%</span>
347
                                                                        </span>
348
                                                                        <span class="progress">
349
                                                                        <span style="width: 85%;" class="progress-bar progress-bar-success" aria-valuenow="85" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">85% Complete</span></span>
350
                                                                        </span>
351
                                                                        </a>
352
                                                                </li>
353
                                                                <li>
354
                                                                        <a href="javascript:;">
355
                                                                        <span class="task">
356
                                                                        <span class="desc">New UI release</span>
357
                                                                        <span class="percent">38%</span>
358
                                                                        </span>
359
                                                                        <span class="progress progress-striped">
360
                                                                        <span style="width: 38%;" class="progress-bar progress-bar-important" aria-valuenow="18" aria-valuemin="0" aria-valuemax="100"><span class="sr-only">38% Complete</span></span>
361
                                                                        </span>
362
                                                                        </a>
363
                                                                </li>
364
                                                        </ul>
365
                                                </li>
366
                                        </ul>
367
                                </li>
368
                                <!-- END TODO DROPDOWN -->
369
                                <!-- BEGIN USER LOGIN DROPDOWN -->
370
                                <!-- DOC: Apply "dropdown-dark" class after below "dropdown-extended" to change the dropdown styte -->
371
                                <li class="dropdown dropdown-user dropdown-dark">
372
                                        <a href="#" class="dropdown-toggle" data-toggle="dropdown" data-hover="dropdown" data-close-others="true">
373
                                                <span class="username username-hide-on-mobile">
374
                                                Nick
375
                                                </span>
376
                                                <!-- DOC: Do not remove below empty space(&nbsp;) as its purposely used -->
377
                                                <img alt="" class="img-circle" src="../../../assets/admin/layout4/img/avatar9.jpg"/>
378
                                        </a>
379
                                        <ul class="dropdown-menu dropdown-menu-default">
380
                                                <li>
381
                                                        <a href="#/profile/dashboard">
382
                                                        <i class="icon-user"></i> My Profile </a>
383
                                                </li>
384
                                                <li>
385
                                                        <a href="#">
386
                                                        <i class="icon-calendar"></i> My Calendar </a>
387
                                                </li>
388
                                                <li>
389
                                                        <a href="#">
390
                                                        <i class="icon-envelope-open"></i> My Inbox <span class="badge badge-danger">
391
                                                        3 </span>
392
                                                        </a>
393
                                                </li>
394
                                                <li>
395
                                                        <a href="#/todo">
396
                                                        <i class="icon-rocket"></i> My Tasks <span class="badge badge-success">
397
                                                        7 </span>
398
                                                        </a>
399
                                                </li>
400
                                                <li class="divider">
401
                                                </li>
402
                                                <li>
403
                                                        <a href="#">
404
                                                        <i class="icon-lock"></i> Lock Screen </a>
405
                                                </li>
406
                                                <li>
407
                                                        <a href="#">
408
                                                        <i class="icon-key"></i> Log Out </a>
409
                                                </li>
410
                                        </ul>
411
                                </li>
412
                                <!-- END USER LOGIN DROPDOWN -->
413
                        </ul>
414
                </div>
415
                <!-- END TOP NAVIGATION MENU -->
416
        </div>
417
        <!-- END PAGE TOP -->
418
</div>
419
<!-- END HEADER INNER -->