Statistics
| Branch: | Revision:

root / templates / index.html @ 04733cdb

History | View | Annotate | Download (32.4 kB)

1
<!DOCTYPE html>
2
<html lang="en">
3
  
4
<!-- Mirrored from portnine.com/Themes/AwesomeAdmin/index.html by HTTrack Website Copier/3.x [XR&CO'2010], Mon, 21 Oct 2013 15:50:16 GMT -->
5
<head>
6
    <meta charset="utf-8">
7
    <title>Bootstrap Admin</title>
8
    <meta content="IE=edge,chrome=1" http-equiv="X-UA-Compatible">
9
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
10
    <meta name="description" content="">
11
    <meta name="author" content="">
12

    
13

    
14

    
15

    
16

    
17
    <!-- For sample logo only-->
18
    <!--Remove if you no longer need this font-->
19
    <link rel="stylesheet" type="text/css" href="http://fonts.googleapis.com/css?family=Aguafina+Script">
20
    <!--For sample logo only-->
21

    
22

    
23

    
24

    
25

    
26

    
27
    <link rel="stylesheet" type="text/css" href="lib/bootstrap3/dist/css/bootstrap.css">
28
    <link rel="stylesheet" href="lib/FontAwesome/css/font-awesome.css">
29
    <script src="lib/jquery-1.7.2.min.js" type="text/javascript"></script>
30
    <script src="javascripts/site.js" type="text/javascript"></script>
31
    
32
    <link rel="stylesheet" type="text/css" href="stylesheets/theme.css">
33

    
34

    
35
    <!-- Le HTML5 shim, for IE6-8 support of HTML5 elements -->
36
    <!--[if lt IE 9]>
37
      <script src="http://html5shim.googlecode.com/svn/trunk/html5.js"></script>
38
    <![endif]-->
39

    
40
    <!-- Le fav and touch icons -->
41
    <link rel="shortcut icon" href="http://portnine.com/Themes/assets/ico/favicon.ico">
42
    <link rel="apple-touch-icon-precomposed" sizes="144x144" href="http://portnine.com/Themes/assets/ico/apple-touch-icon-144-precomposed.png">
43
    <link rel="apple-touch-icon-precomposed" sizes="114x114" href="http://portnine.com/Themes/assets/ico/apple-touch-icon-114-precomposed.png">
44
    <link rel="apple-touch-icon-precomposed" sizes="72x72" href="http://portnine.com/Themes/assets/ico/apple-touch-icon-72-precomposed.png">
45
    <link rel="apple-touch-icon-precomposed" href="http://portnine.com/Themes/assets/ico/apple-touch-icon-57-precomposed.png">
46
  </head>
47

    
48
  <!--[if lt IE 7 ]> <body class="ie ie6"> <![endif]-->
49
  <!--[if IE 7 ]> <body class="ie ie7 "> <![endif]-->
50
  <!--[if IE 8 ]> <body class="ie ie8 "> <![endif]-->
51
  <!--[if IE 9 ]> <body class="ie ie9 "> <![endif]-->
52
  <!--[if (gt IE 9)|!(IE)]><!--> 
53
  <body class=""> 
54
  <!--<![endif]-->
55
    
56
<div class="navbar navbar-inverse navbar-fixed-top">
57
        <div class="navbar-header">
58
          <button type="button" class="navbar-toggle" data-toggle="collapse" data-target=".navbar-collapse">
59
            <span class="icon-reorder"></span>
60
          </button>
61
          <a class="navbar-brand" href="index.html">Awesome.</a>
62
        </div>
63
        
64
        <div class="hidden-xs">
65
                <ul class="nav navbar-nav pull-right">
66
                    
67
                    <li class="hidden-phone"><a href="#" role="button">Settings</a></li>
68
                    <li id="fat-menu" class="dropdown">
69
                        <a href="#" role="button" class="dropdown-toggle" data-toggle="dropdown">
70
                            <i class="icon-user"></i> Jack Smith
71
                            <i class="icon-caret-down"></i>
72
                        </a>
73

    
74
                        <ul class="dropdown-menu">
75
                            <li><a tabindex="-1" href="#">My Account</a></li>
76
                            <li class="divider"></li>
77
                            <li><a tabindex="-1" class="visible-phone" href="#">Settings</a></li>
78
                            <li class="divider visible-phone"></li>
79
                            <li><a tabindex="-1" href="sign-in.html">Logout</a></li>
80
                        </ul>
81
                    </li>
82
                    
83
                </ul>
84
        </div><!--/.navbar-collapse -->
85
    </div>
86
    </div>
87

    
88

    
89
    <div class="navbar-collapse collapse">
90
        <div id="main-menu">
91
            
92

    
93
            <div id="phone-navigation" class="visible-xs">
94
                <ul id="dashboard-menu" class="nav nav-list">
95
                    
96
                    <li class="active "><a rel="tooltip" data-placement="right" data-original-title="Dashboard" href="index.html"><i class="icon-home"></i> <span class="caption">Dashboard</span></a></li>
97
                    
98
                    
99
                    <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Reports" href="reports.html"><i class="icon-bar-chart"></i> <span class="caption">Reports</span></a></li>
100
                    
101
                    
102
                    <li class=" "><a rel="tooltip" data-placement="right" data-original-title="UI Features" href="components.html"><i class="icon-briefcase"></i> <span class="caption">UI Features</span></a></li>
103
                    
104
                    
105
                    <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Pricing" href="pricing.html"><i class="icon-magic"></i> <span class="caption">Pricing</span></a></li>
106
                    
107
                    
108
                    <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Media" href="media.html"><i class="icon-film"></i> <span class="caption">Media</span></a></li>
109
                    
110
                    
111
                    <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Blog" href="blog.html"><i class="icon-beaker"></i> <span class="caption">Blog</span></a></li>
112
                    
113
                    
114
                    <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Blog Entry" href="blog-item.html"><i class="icon-coffee"></i> <span class="caption">Blog Entry</span></a></li>
115
                    
116
                    
117
                    <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Help" href="help.html"><i class="icon-question-sign"></i> <span class="caption">Help</span></a></li>
118
                    
119
                    
120
                    <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Faq" href="faq.html"><i class="icon-book"></i> <span class="caption">Faq</span></a></li>
121
                    
122
                    
123
                    <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Calendar" href="calendar.html"><i class="icon-calendar"></i> <span class="caption">Calendar</span></a></li>
124
                    
125
                    
126
                    <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Forms" href="forms.html"><i class="icon-tasks"></i> <span class="caption">Forms</span></a></li>
127
                    
128
                    
129
                    <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Tables" href="tables.html"><i class="icon-table"></i> <span class="caption">Tables</span></a></li>
130
                    
131
                    
132
                    
133
                    <li class=" theme-mobile-hack hidden-xs"><a rel="tooltip" data-placement="right" data-original-title="Mobile" href="mobile.html"><i class="icon-comment-alt"></i> <span class="caption">Mobile</span></a></li>
134
                    
135
                    <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Icons" href="icons.html"><i class="icon-heart"></i> <span class="caption">Icons</span></a></li>
136
                    
137
                    
138
                </ul>
139
            </div>
140

    
141
            <ul class="nav nav-tabs hidden-xs">
142
                <li class="active"><a href="index.html"><i class="icon-dashboard"></i> <span>Dashboard</span></a></li>
143
                <li ><a href="reports.html" ><i class="icon-bar-chart"></i> <span>Reports</span></a></li>
144
                <li ><a href="components.html" ><i class="icon-cogs"></i> <span>Components</span></a></li>
145
                <li ><a href="pricing.html"><i class="icon-magic"></i> <span>Pricing</span></a></li>
146
                <li class="dropdown">
147
                    <a href="#" class="dropdown-toggle" data-toggle="dropdown"><i class="icon-cog"></i> Settings <b class="caret"></b></a>
148
                    <ul class="dropdown-menu">
149
                        <li><a href="sign-in.html"><span>Sign-in Page</span></a></li>
150
                        <li><a href="sign-up.html"><span>Sign-up Page</span></a></li>
151
                        <li><a href="reset-password.html"><span>Forgot Password Page</span></a></li>
152
                    </ul>
153
                </li>
154
            </ul>
155
        </div>
156
    </div>
157
    
158
    
159
    <div id="sidebar-nav" class="hidden-xs">
160
        
161
        <ul id="dashboard-menu" class="nav nav-list">
162
            
163
            <li class="active "><a rel="tooltip" data-placement="right" data-original-title="Dashboard" href="index.html"><i class="icon-home"></i> <span class="caption">Dashboard</span></a></li>
164
            
165
            
166
            <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Reports" href="reports.html"><i class="icon-bar-chart"></i> <span class="caption">Reports</span></a></li>
167
            
168
            
169
            <li class=" "><a rel="tooltip" data-placement="right" data-original-title="UI Features" href="components.html"><i class="icon-briefcase"></i> <span class="caption">UI Features</span></a></li>
170
            
171
            
172
            <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Pricing" href="pricing.html"><i class="icon-magic"></i> <span class="caption">Pricing</span></a></li>
173
            
174
            
175
            <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Media" href="media.html"><i class="icon-film"></i> <span class="caption">Media</span></a></li>
176
            
177
            
178
            <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Blog" href="blog.html"><i class="icon-beaker"></i> <span class="caption">Blog</span></a></li>
179
            
180
            
181
            <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Blog Entry" href="blog-item.html"><i class="icon-coffee"></i> <span class="caption">Blog Entry</span></a></li>
182
            
183
            
184
            <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Help" href="help.html"><i class="icon-question-sign"></i> <span class="caption">Help</span></a></li>
185
            
186
            
187
            <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Faq" href="faq.html"><i class="icon-book"></i> <span class="caption">Faq</span></a></li>
188
            
189
            
190
            <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Calendar" href="calendar.html"><i class="icon-calendar"></i> <span class="caption">Calendar</span></a></li>
191
            
192
            
193
            <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Forms" href="forms.html"><i class="icon-tasks"></i> <span class="caption">Forms</span></a></li>
194
            
195
            
196
            <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Tables" href="tables.html"><i class="icon-table"></i> <span class="caption">Tables</span></a></li>
197
            
198
            
199
            
200
            <li class=" theme-mobile-hack"><a rel="tooltip" data-placement="right" data-original-title="Mobile" href="mobile.html"><i class="icon-comment-alt"></i> <span class="caption">Mobile</span></a></li>
201
            
202
            <li class=" "><a rel="tooltip" data-placement="right" data-original-title="Icons" href="icons.html"><i class="icon-heart"></i> <span class="caption">Icons</span></a></li>
203
            
204
            
205
        </ul>
206
    </div>
207
    
208
    <div class="content">
209
        
210
<div class="row">
211
    <div class="col-sm-8 main-content">
212

    
213
            <h2>Pending Deals
214
                <span class="info">You have 15 deals that will be closing soon.</span>
215
            </h2>
216
            <ul class="item-summary">
217
            
218

    
219
            
220
                <li>
221
                    <div class="overview">
222
                        <p class="main-detail">April 14th</p>
223
                        <p class="sub-detail">5:28 PM</p>
224
                        <span class="label label-success">Active</span> <span class="label label-info">New</span>
225
                    </div>
226
                    <div class="info">
227
                        <p>Trust fund photo letterpress, keytar raw skydiving denim grape keffiyeh etsy art base apple party ball before they.</p>
228
                        <a class="btn btn-default btn-sm" href="#">Show Details</a>
229
                    </div>
230
                    <div class="clearfix"></div>
231
                </li>
232
            
233
                <li>
234
                    <div class="overview">
235
                        <p class="main-detail">Jan 24th</p>
236
                        <p class="sub-detail">2:57 PM</p>
237
                        <span class="label label-success">Active</span>
238
                    </div>
239
                    <div class="info">
240
                        <p>Trust fund photo letterpress, keytar raw skydiving denim grape keffiyeh etsy art base apple party ball before they.</p>
241
                        <a class="btn btn-default btn-sm" href="#">Show Details</a>
242
                    </div>
243
                    <div class="clearfix"></div>
244
                </li>
245
            
246
                <li>
247
                    <div class="overview">
248
                        <p class="main-detail">May 9th</p>
249
                        <p class="sub-detail">11:9 PM</p>
250
                        <span class="label label-success">Active</span>
251
                    </div>
252
                    <div class="info">
253
                        <p>Trust fund photo letterpress, keytar raw skydiving denim grape keffiyeh etsy art base apple party ball before they.</p>
254
                        <a class="btn btn-default btn-sm" href="#">Show Details</a>
255
                    </div>
256
                    <div class="clearfix"></div>
257
                </li>
258
            
259
                <li>
260
                    <div class="overview">
261
                        <p class="main-detail">June 3rd</p>
262
                        <p class="sub-detail">1:30 PM</p>
263
                        <span class="label label-success">Active</span>
264
                    </div>
265
                    <div class="info">
266
                        <p>Trust fund photo letterpress, keytar raw skydiving denim grape keffiyeh etsy art base apple party ball before they.</p>
267
                        <a class="btn btn-default btn-sm" href="#">Show Details</a>
268
                    </div>
269
                    <div class="clearfix"></div>
270
                </li>
271
            
272
            </ul>
273

    
274
            <div id="three-summaries" class="row">
275
                <div class="col-md-5">
276
                    <h2>Mailboxes</h2>
277
                    <ul class="list-group">
278
                        <li class="list-group-item"><i class="icon-envelope"></i> New<span class="badge badge-important">23</span></li>
279
                        <li class="list-group-item"><i class="icon-share"></i> Follow Up<span class="badge badge-important">13</span></li>
280
                        <li class="list-group-item"><i class="icon-star-empty"></i> Starred<span class="badge badge-important">73</span></li>
281
                        <li class="list-group-item"><i class="icon-hdd"></i> All Messages<span class="badge badge-important">89</span></li>
282
                        <li class="list-group-item"><i class="icon-bookmark-empty"></i> Archived<span class="badge badge-important">24</span></li>
283
                        <li class="list-group-item"><i class="icon-thumbs-up"></i> Important<span class="badge badge-important">10</span></li>
284
                        <li class="list-group-item"><i class="icon-envelope"></i> Personal<span class="badge badge-important">39</span></li>
285
                    </ul>
286
                </div>
287
                <div class="col-md-7">
288
                    <h2>Upcoming Events</h2>
289
                    <ul class="cards list-group widget" style="border-bottom:0px;">
290
                        
291
                        
292
                        
293
                        <li class="list-group-item">
294
                            <button class="btn btn-default pull-right btn-sm" style="margin-top: .8em;">Open</button>
295
                            <i class="pull-left muted icon-bar-chart" style="margin-top:.3em;"></i>
296
                            <div>
297
                                <p class="title"> Campaign Ends</p>
298
                                <p class="info">Saturday, July 22nd 12:45PM</p>
299
                            </div>
300
                        </li>
301
                        
302
                        <li class="list-group-item">
303
                            <button class="btn btn-default pull-right btn-sm" style="margin-top: .8em;">Open</button>
304
                            <i class="pull-left muted icon-group" style="margin-top:.3em;"></i>
305
                            <div>
306
                                <p class="title"> User Training</p>
307
                                <p class="info">Saturday, July 22nd 12:45PM</p>
308
                            </div>
309
                        </li>
310
                        
311
                        <li class="list-group-item">
312
                            <button class="btn btn-default pull-right btn-sm" style="margin-top: .8em;">Open</button>
313
                            <i class="pull-left muted icon-time" style="margin-top:.3em;"></i>
314
                            <div>
315
                                <p class="title"> Free Trial Ends</p>
316
                                <p class="info">Saturday, July 22nd 12:45PM</p>
317
                            </div>
318
                        </li>
319
                        
320
                        <li class="list-group-item">
321
                            <button class="btn btn-default pull-right btn-sm" style="margin-top: .8em;">Open</button>
322
                            <i class="pull-left muted icon-gift" style="margin-top:.3em;"></i>
323
                            <div>
324
                                <p class="title"> User Appreciation Day</p>
325
                                <p class="info">Saturday, July 22nd 12:45PM</p>
326
                            </div>
327
                        </li>
328
                        
329
                        <li class="list-group-item">
330
                            <button class="btn btn-default pull-right btn-sm" style="margin-top: .8em;">Open</button>
331
                            <i class="pull-left muted icon-plane" style="margin-top:.3em;"></i>
332
                            <div>
333
                                <p class="title"> Flight Training</p>
334
                                <p class="info">Saturday, July 22nd 12:45PM</p>
335
                            </div>
336
                        </li>
337
                        
338
                    </ul>
339
                </div>
340
            </div>
341

    
342
                    <h2>Inbox</h2>
343

    
344
                    <table class="table table-first-column-check table-hover">
345
                        <thead>
346
                            <tr>
347
                              <th class="col-md-1"><i class="icon-star-empty"></i></th>
348
                              <th class="col-md-2">From</th>
349
                              <th class="col-md-8">Subject</th>
350
                              <th class="col-md-3">Date</th>
351
                            </tr>
352
                        </thead>
353
                        <tbody>
354
                            <tr>
355
                              <td><a href="#"><i class="icon-star-empty"></i></a></td>
356
                              <td><strong>John Doe</strong></td>
357
                              <td><strong>Message body goes in here</strong> <span class="label label-success pull-right" style="margin-left: .5em;">Follow Up </span> <span class="label label-info pull-right">Work</span></td>
358
                              <td><strong>11:23 PM</strong></td>
359
                            </tr>
360
                            <tr>
361
                              <td><a href="#"><i class="icon-star-empty"></i></a></td>
362
                              <td>John Doe</td>
363
                              <td>Message body goes in here <span class="label label-success pull-right">Follow Up</span></td>
364
                              <td>Sept4</td>
365
                            </tr>
366
                            <tr>
367
                              <td><a href="#"><i class="icon-star"></i></a></td>
368
                              <td><strong>John Doe</strong></td>
369
                              <td><strong>Message body goes in here</strong> <span class="label label-important pull-right">Spam</span></td>
370
                              <td><strong>Sept3</strong></td>
371
                            </tr>
372
                            <tr>
373
                              <td><a href="#"><i class="icon-star"></i></a></td>
374
                              <td><strong>John Doe</strong></td>
375
                              <td> <strong>Message body goes in here</strong> <span class="label pull-right">Personal</span></td>
376
                              <td><strong>Sept3</strong></td>
377
                            </tr>
378
                        </tbody>
379
                    </table>
380

    
381
                    <h2>Top Users</h2>
382
                    <div class="well widget" style="display: none;">
383
                        <form class="form-inline" style="margin-bottom: 0px;">
384
                            <input class="input-xlarge" placeholder="Search All Users..." type="text">
385
                            <button class="btn btn-default" type="button"><i class="icon-search"></i> Go</button>
386
                        </form>
387
                    </div>
388
                    <table class="table table-first-column-check">
389
                      <thead>
390
                        <tr>
391
                          <th><input type="checkbox"></th>
392
                          <th>First</th>
393
                          <th>Last</th>
394
                          <th>Username</th>
395
                        </tr>
396
                      </thead>
397
                      <tbody>
398
                        <tr>
399
                          <td><input type="checkbox"></td>
400
                          <td>Mark</td>
401
                          <td>Tompson</td>
402
                          <td>the_mark7</td>
403
                        </tr>
404
                        <tr>
405
                          <td><input type="checkbox"></td>
406
                          <td>Ashley</td>
407
                          <td>Jacobs</td>
408
                          <td>ash11927</td>
409
                        </tr>
410
                        <tr>
411
                          <td><input type="checkbox"></td>
412
                          <td>Audrey</td>
413
                          <td>Ann</td>
414
                          <td>audann84</td>
415
                        </tr>
416
                        <tr>
417
                          <td><input type="checkbox"></td>
418
                          <td>John</td>
419
                          <td>Robinson</td>
420
                          <td>jr5527</td>
421
                        </tr>
422
                        <tr>
423
                          <td><input type="checkbox"></td>
424
                          <td>Aaron</td>
425
                          <td>Butler</td>
426
                          <td>aaron_butler</td>
427
                        </tr>
428
                        <tr>
429
                          <td><input type="checkbox"></td>
430
                          <td>Chris</td>
431
                          <td>Albert</td>
432
                          <td>cab79</td>
433
                        </tr>
434
                      </tbody>
435
                    </table>
436
        </div>
437

    
438
    <div class="col-sm-4 sidebar">
439
        <div class="widget">
440
            <h2>Latest Comments</h2>
441
            <ul class="cards list-group">
442
                <li class="list-group-item">
443
                    <p class="title">Ashley Jacobs</p>
444
                    <div class="img">
445
                        <img src="images/faces/1b.png">
446
                        <div class="label label-info">Pro</div>
447
                    </div>
448
                    <p class="info-text">Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid.</p>
449
                    <div class="stats">
450
                        <p class="time">5 minutes ago</p>
451
                        <span>15 <i class="icon-pushpin"></i></span>
452
                        <span>27 <i class="icon-comment"></i></span>
453
                        <span>158 <i class="icon-eye-open"></i></span>
454
                    </div>
455
                </li>
456
                <li class="list-group-item">
457
                    <p class="title">Sarah Whitman</p>
458
                    <div class="img">
459
                        <img src="images/faces/2b.png">
460
                        <div class="label label-warning">Free</div>
461
                    </div>
462
                    <p class="info-text">Trust fund seitan letterpress, keytar raw denim keffiyeh etsy art party before they sold out master.</p>
463
                    <div class="stats">
464
                        <p class="time">29 minutes ago</p>
465
                        <span>10 <i class="icon-pushpin"></i></span>
466
                        <span>19 <i class="icon-comment"></i></span>
467
                        <span>58 <i class="icon-eye-open"></i></span>
468
                    </div>
469
                </li>
470
                <li class="list-group-item">
471
                    <p class="title">Connor Adams</p>
472
                    <div class="img">
473
                        <img src="images/faces/1a.png">
474
                        <div class="label label-info">Pro</div>
475
                    </div>
476
                    <p class="info-text">Anderson tofu before they sold out mcsweeney's organic lomo retro fanny pack.</p>
477
                    <div class="stats">
478
                        <p class="time">Yesterday</p>
479
                        <span>25 <i class="icon-pushpin"></i></span>
480
                        <span>39 <i class="icon-comment"></i></span>
481
                        <span>252 <i class="icon-eye-open"></i></span>
482
                    </div>
483
                </li>
484
                <li class="more">
485
                    <a href="#">Show All</a>
486
                </li>
487
            </ul>
488
        </div>
489
        <div class="widget">
490
            <ul id="myTab" class="nav nav-tabs three-tabs fancy">
491
              <li class="active"><a href="#home" data-toggle="tab">Orders</a></li>
492
              <li><a href="#promotions" data-toggle="tab">Promotions</a></li>
493
              <li class="dropdown">
494
                <a href="#deals" data-toggle="tab">Deals</a>
495
              </li>
496
            </ul>
497
            <div class="tab-content">
498
              <div class="tab-pane fade in active" id="home">
499
              <ul class="list-group cards">
500
                <li class="list-group-item">
501
                    <p class="pull-right text-error">$20,500</p>
502
                    <a href="#"><p class="title">Care Hospital</p></a>
503
                    <p class="info">Sales Rating: 86%</p>
504
                </li>
505
                <li class="list-group-item">
506
                    <p class="pull-right text-info">$9,400</p>
507
                    <a href="#"><p class="title">New Automotive</p></a>
508
                    <p class="info">Sales Rating: 72%</p>
509
                </li>
510
                <li class="list-group-item">
511
                    <p class="pull-right text-success">$60,200</p>
512
                    <a href="#"><p class="title">Money Financial</p></a>
513
                    <p class="info">Sales Rating: 92%</p>
514
                </li>
515
                <li class="list-group-item">
516
                    <p class="pull-right text-important">$8,640</p>
517
                    <a href="#"><p class="title">Custom Insurance</p></a>
518
                    <p class="info">Sales Rating: 84%</p>
519
                </li>
520
                <li class="list-group-item" style="border-bottom: 0px;">
521
                    <p class="pull-right text-warning">$36,700</p>
522
                    <a href="#"><p class="title">New Technology</p></a>
523
                    <p class="info">Sales Rating: 66%</p>
524
                </li>
525
            </ul>
526
              </div>
527
              <div class="tab-pane fade" id="promotions">
528
                
529
                <ul class="cards">
530
                    <li style="padding: 0em 1em;"><h3>This is something interesting.</h3></li>
531
                    <li>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation labore velit, blog sartorial PBR leggings next level wes anderson artisan.</li>
532
                    <li>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation labore velit, blog sartorial PBR leggings next level wes anderson artisan.</li>
533
                    <li>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation labore velit, blog sartorial PBR leggings next level wes anderson artisan.</li>
534
                </ul>
535
              </div>
536
              <div class="tab-pane fade" id="deals">
537
                <ul class="cards">
538
                    <li><p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid oranges apples banana.</p><a class="btn btn-default btn-sm" href="#">Show me</a></li>
539
                    <li><p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid oranges apples banana.</p><a class="btn btn-default btn-sm" href="#">Show me</a></li>
540
                    <li><p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid oranges apples banana.</p><a class="btn btn-default btn-sm" href="#">Show me</a></li>
541
                    <li><p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid oranges apples banana.</p><a class="btn btn-default btn-sm" href="#">Show me</a></li>
542
                </ul>
543
              </div>
544
            </div>
545
        </div>
546

    
547
        <div class="widget">
548
            <ul class="nav nav-tabs two-tabs fancy">
549
              <li class="active"><a href="#upgrade" data-toggle="tab">Upgrade Account</a></li>
550
              <li><a href="#why-upgrade" data-toggle="tab">Why Upgrade?</a></li>
551
            </ul>
552
            <div class="tab-content">
553
              <div class="tab-pane fade in active" id="upgrade">
554
                
555
                <ul class="cards list-group not-bottom no-sides">
556
                
557
                
558
                
559
                    <li class="list-group-item">
560
                    <i class="icon-leaf pull-left text-info"></i>
561
                        <p class="title"><strong>More Features</strong></p>
562
                        <p class="info small">This is the kind of thing you really need.</p>
563
                    </li>
564
                    
565
                    <li class="list-group-item">
566
                    <i class="icon-group pull-left text-info"></i>
567
                        <p class="title"><strong>Unlimited Users</strong></p>
568
                        <p class="info small">This is the kind of thing you really need.</p>
569
                    </li>
570
                    
571
                    <li class="list-group-item">
572
                    <i class="icon-trophy pull-left text-info"></i>
573
                        <p class="title"><strong>Custom Database</strong></p>
574
                        <p class="info small">This is the kind of thing you really need.</p>
575
                    </li>
576
                    
577
                    <li class="list-group-item">
578
                    <i class="icon-book pull-left text-info"></i>
579
                        <p class="title"><strong>Enhanced Reporting</strong></p>
580
                        <p class="info small">This is the kind of thing you really need.</p>
581
                    </li>
582
                    
583
                </ul>
584
                <button class="btn btn-primary pull-right" style="margin:1em 0em;">Upgrade Now</button>
585
              </div>
586
              <div class="tab-pane fade" id="why-upgrade">
587
                <h3>This is something interesting.</h3>
588
                <p>Food truck fixie locavore, accusamus mcsweeney's marfa nulla single-origin coffee squid. Exercitation labore velit, blog sartorial PBR leggings next level wes anderson artisan.</p>
589
                <button class="btn btn-primary pull-right" style="margin-bottom: 1em;">Upgrade Now</button>
590
              </div>
591
            </div>
592
        </div>
593
    </div>
594
</div>
595

    
596
        
597
        <footer>
598
            <hr>
599
            <p class="pull-right">Design by <a href="http://www.portnine.com/" target="_blank">Portnine</a></p>
600
            <p>&copy; 2013 <a href="#">Your Company</a></p>
601
        </footer>
602
        
603
    </div>
604
    
605
    <script src="lib/bootstrap3/dist/js/bootstrap.js"></script>
606
    <script type="text/javascript">
607
        $("[rel=tooltip]").tooltip({animation:false});
608
        $(function() {
609
            $('.demo-cancel-click').click(function(){return false;});
610
        });
611
    </script>
612
    
613
  </body>
614

    
615
<!-- Mirrored from portnine.com/Themes/AwesomeAdmin/index.html by HTTrack Website Copier/3.x [XR&CO'2010], Mon, 21 Oct 2013 15:50:26 GMT -->
616
</html>
617

    
618