Subversion-Projekte lars-tiefland.laravel_shop

Revision

Revision 1017 | Revision 1019 | Zur aktuellen Revision | Details | Vergleich mit vorheriger | Letzte Änderung | Log anzeigen | RSS feed

Revision Autor Zeilennr. Zeile
1015 lars 1
{extends file="admin/page.tpl"}
2
{block name="content"}
3
    <!--$Id$ BEGIN -->
1016 lars 4
    <div class="page-wrapper">
5
        <!-- HEADER MOBILE-->
6
        <header class="header-mobile d-block d-lg-none">
7
            <div class="header-mobile__bar">
8
                <div class="container-fluid">
9
                    <div class="header-mobile-inner">
1017 lars 10
                        <a class="logo" href="/admin/index">
11
                            <img src="/images/webelemente/logo.png" alt="" />
1016 lars 12
                        </a>
13
                        <button class="hamburger hamburger--slider" type="button">
14
                            <span class="hamburger-box">
15
                                <span class="hamburger-inner"></span>
16
                            </span>
17
                        </button>
18
                    </div>
19
                </div>
20
            </div>
21
            <nav class="navbar-mobile">
22
                <div class="container-fluid">
23
                </div>
24
            </nav>
25
        </header>
26
    </div>
1018 lars 27
    <!-- END HEADER MOBILE-->
28
 
29
    <!-- MENU SIDEBAR-->
30
    <aside class="menu-sidebar d-none d-lg-block">
31
        <div class="logo">
32
            <a href="#">
33
                <img src="images/icon/logo.png" alt="Cool Admin" />
34
            </a>
35
        </div>
36
        <div class="menu-sidebar__content js-scrollbar1">
37
            <nav class="navbar-sidebar">
38
            </nav>
39
        </div>
40
    </aside>
41
    <!-- END MENU SIDEBAR-->
42
 
43
    <!-- PAGE CONTAINER-->
44
    <div class="page-container">
45
        <!-- HEADER DESKTOP-->
46
        <header class="header-desktop">
47
            <div class="section__content section__content--p30">
48
                <div class="container-fluid">
49
                    <div class="header-wrap">
50
                        <form class="form-header" action="" method="POST">
51
                            <input class="au-input au-input--xl" type="text" name="search" placeholder="Search for datas &amp; reports..." />
52
                            <button class="au-btn--submit" type="submit">
53
                                <i class="zmdi zmdi-search"></i>
54
                            </button>
55
                        </form>
56
                        <div class="header-button">
57
                            <div class="noti-wrap">
58
                                <div class="noti__item js-item-menu">
59
                                    <i class="zmdi zmdi-comment-more"></i>
60
                                    <span class="quantity">1</span>
61
                                    <div class="mess-dropdown js-dropdown">
62
                                        <div class="mess__title">
63
                                            <p>You have 2 news message</p>
64
                                        </div>
65
                                        <div class="mess__item">
66
                                            <div class="image img-cir img-40">
67
                                                <img src="images/icon/avatar-06.jpg" alt="Michelle Moreno" />
68
                                            </div>
69
                                            <div class="content">
70
                                                <h6>Michelle Moreno</h6>
71
                                                <p>Have sent a photo</p>
72
                                                <span class="time">3 min ago</span>
73
                                            </div>
74
                                        </div>
75
                                        <div class="mess__item">
76
                                            <div class="image img-cir img-40">
77
                                                <img src="images/icon/avatar-04.jpg" alt="Diane Myers" />
78
                                            </div>
79
                                            <div class="content">
80
                                                <h6>Diane Myers</h6>
81
                                                <p>You are now connected on message</p>
82
                                                <span class="time">Yesterday</span>
83
                                            </div>
84
                                        </div>
85
                                        <div class="mess__footer">
86
                                            <a href="#">View all messages</a>
87
                                        </div>
88
                                    </div>
89
                                </div>
90
                                <div class="noti__item js-item-menu">
91
                                    <i class="zmdi zmdi-email"></i>
92
                                    <span class="quantity">1</span>
93
                                    <div class="email-dropdown js-dropdown">
94
                                        <div class="email__title">
95
                                            <p>You have 3 New Emails</p>
96
                                        </div>
97
                                        <div class="email__item">
98
                                            <div class="image img-cir img-40">
99
                                                <img src="images/icon/avatar-06.jpg" alt="Cynthia Harvey" />
100
                                            </div>
101
                                            <div class="content">
102
                                                <p>Meeting about new dashboard...</p>
103
                                                <span>Cynthia Harvey, 3 min ago</span>
104
                                            </div>
105
                                        </div>
106
                                        <div class="email__item">
107
                                            <div class="image img-cir img-40">
108
                                                <img src="images/icon/avatar-05.jpg" alt="Cynthia Harvey" />
109
                                            </div>
110
                                            <div class="content">
111
                                                <p>Meeting about new dashboard...</p>
112
                                                <span>Cynthia Harvey, Yesterday</span>
113
                                            </div>
114
                                        </div>
115
                                        <div class="email__item">
116
                                            <div class="image img-cir img-40">
117
                                                <img src="images/icon/avatar-04.jpg" alt="Cynthia Harvey" />
118
                                            </div>
119
                                            <div class="content">
120
                                                <p>Meeting about new dashboard...</p>
121
                                                <span>Cynthia Harvey, April 12,,2018</span>
122
                                            </div>
123
                                        </div>
124
                                        <div class="email__footer">
125
                                            <a href="#">See all emails</a>
126
                                        </div>
127
                                    </div>
128
                                </div>
129
                                <div class="noti__item js-item-menu">
130
                                    <i class="zmdi zmdi-notifications"></i>
131
                                    <span class="quantity">3</span>
132
                                    <div class="notifi-dropdown js-dropdown">
133
                                        <div class="notifi__title">
134
                                            <p>You have 3 Notifications</p>
135
                                        </div>
136
                                        <div class="notifi__item">
137
                                            <div class="bg-c1 img-cir img-40">
138
                                                <i class="zmdi zmdi-email-open"></i>
139
                                            </div>
140
                                            <div class="content">
141
                                                <p>You got a email notification</p>
142
                                                <span class="date">April 12, 2018 06:50</span>
143
                                            </div>
144
                                        </div>
145
                                        <div class="notifi__item">
146
                                            <div class="bg-c2 img-cir img-40">
147
                                                <i class="zmdi zmdi-account-box"></i>
148
                                            </div>
149
                                            <div class="content">
150
                                                <p>Your account has been blocked</p>
151
                                                <span class="date">April 12, 2018 06:50</span>
152
                                            </div>
153
                                        </div>
154
                                        <div class="notifi__item">
155
                                            <div class="bg-c3 img-cir img-40">
156
                                                <i class="zmdi zmdi-file-text"></i>
157
                                            </div>
158
                                            <div class="content">
159
                                                <p>You got a new file</p>
160
                                                <span class="date">April 12, 2018 06:50</span>
161
                                            </div>
162
                                        </div>
163
                                        <div class="notifi__footer">
164
                                            <a href="#">All notifications</a>
165
                                        </div>
166
                                    </div>
167
                                </div>
168
                            </div>
169
                            <div class="account-wrap">
170
                                <div class="account-item clearfix js-item-menu">
171
                                    <div class="image">
172
                                        <img src="images/icon/avatar-01.jpg" alt="John Doe" />
173
                                    </div>
174
                                    <div class="content">
175
                                        <a class="js-acc-btn" href="#">john doe</a>
176
                                    </div>
177
                                    <div class="account-dropdown js-dropdown">
178
                                        <div class="info clearfix">
179
                                            <div class="image">
180
                                                <a href="#">
181
                                                    <img src="images/icon/avatar-01.jpg" alt="John Doe" />
182
                                                </a>
183
                                            </div>
184
                                            <div class="content">
185
                                                <h5 class="name">
186
                                                    <a href="#">john doe</a>
187
                                                </h5>
188
                                                <span class="email">johndoe@example.com</span>
189
                                            </div>
190
                                        </div>
191
                                        <div class="account-dropdown__body">
192
                                            <div class="account-dropdown__item">
193
                                                <a href="#">
194
                                                    <i class="zmdi zmdi-account"></i>Account</a>
195
                                            </div>
196
                                            <div class="account-dropdown__item">
197
                                                <a href="#">
198
                                                    <i class="zmdi zmdi-settings"></i>Setting</a>
199
                                            </div>
200
                                            <div class="account-dropdown__item">
201
                                                <a href="#">
202
                                                    <i class="zmdi zmdi-money-box"></i>Billing</a>
203
                                            </div>
204
                                        </div>
205
                                        <div class="account-dropdown__footer">
206
                                            <a href="#">
207
                                                <i class="zmdi zmdi-power"></i>Logout</a>
208
                                        </div>
209
                                    </div>
210
                                </div>
211
                            </div>
212
                        </div>
213
                    </div>
214
                </div>
215
            </div>
216
        </header>
217
        <!-- HEADER DESKTOP-->
218
 
219
        <!-- MAIN CONTENT-->
220
        <div class="main-content">
221
            <div class="section__content section__content--p30">
222
                <div class="container-fluid">
223
                    <div class="row">
224
                        <div class="col-md-12">
225
                            <div class="overview-wrap">
226
                                <h2 class="title-1">overview</h2>
227
                                <button class="au-btn au-btn-icon au-btn--blue">
228
                                    <i class="zmdi zmdi-plus"></i>add item</button>
229
                            </div>
230
                        </div>
231
                    </div>
232
                    <div class="row m-t-25">
233
                        <div class="col-sm-6 col-lg-3">
234
                            <div class="overview-item overview-item--c1">
235
                                <div class="overview__inner">
236
                                    <div class="overview-box clearfix">
237
                                        <div class="icon">
238
                                            <i class="zmdi zmdi-account-o"></i>
239
                                        </div>
240
                                        <div class="text">
241
                                            <h2>10368</h2>
242
                                            <span>members online</span>
243
                                        </div>
244
                                    </div>
245
                                    <div class="overview-chart">
246
                                        <canvas id="widgetChart1"></canvas>
247
                                    </div>
248
                                </div>
249
                            </div>
250
                        </div>
251
                        <div class="col-sm-6 col-lg-3">
252
                            <div class="overview-item overview-item--c2">
253
                                <div class="overview__inner">
254
                                    <div class="overview-box clearfix">
255
                                        <div class="icon">
256
                                            <i class="zmdi zmdi-shopping-cart"></i>
257
                                        </div>
258
                                        <div class="text">
259
                                            <h2>388,688</h2>
260
                                            <span>items solid</span>
261
                                        </div>
262
                                    </div>
263
                                    <div class="overview-chart">
264
                                        <canvas id="widgetChart2"></canvas>
265
                                    </div>
266
                                </div>
267
                            </div>
268
                        </div>
269
                        <div class="col-sm-6 col-lg-3">
270
                            <div class="overview-item overview-item--c3">
271
                                <div class="overview__inner">
272
                                    <div class="overview-box clearfix">
273
                                        <div class="icon">
274
                                            <i class="zmdi zmdi-calendar-note"></i>
275
                                        </div>
276
                                        <div class="text">
277
                                            <h2>1,086</h2>
278
                                            <span>this week</span>
279
                                        </div>
280
                                    </div>
281
                                    <div class="overview-chart">
282
                                        <canvas id="widgetChart3"></canvas>
283
                                    </div>
284
                                </div>
285
                            </div>
286
                        </div>
287
                        <div class="col-sm-6 col-lg-3">
288
                            <div class="overview-item overview-item--c4">
289
                                <div class="overview__inner">
290
                                    <div class="overview-box clearfix">
291
                                        <div class="icon">
292
                                            <i class="zmdi zmdi-money"></i>
293
                                        </div>
294
                                        <div class="text">
295
                                            <h2>$1,060,386</h2>
296
                                            <span>total earnings</span>
297
                                        </div>
298
                                    </div>
299
                                    <div class="overview-chart">
300
                                        <canvas id="widgetChart4"></canvas>
301
                                    </div>
302
                                </div>
303
                            </div>
304
                        </div>
305
                    </div>
306
                    <div class="row">
307
                        <div class="col-lg-6">
308
                            <div class="au-card recent-report">
309
                                <div class="au-card-inner">
310
                                    <h3 class="title-2">recent reports</h3>
311
                                    <div class="chart-info">
312
                                        <div class="chart-info__left">
313
                                            <div class="chart-note">
314
                                                <span class="dot dot--blue"></span>
315
                                                <span>products</span>
316
                                            </div>
317
                                            <div class="chart-note mr-0">
318
                                                <span class="dot dot--green"></span>
319
                                                <span>services</span>
320
                                            </div>
321
                                        </div>
322
                                        <div class="chart-info__right">
323
                                            <div class="chart-statis">
324
                                                    <span class="index incre">
325
                                                        <i class="zmdi zmdi-long-arrow-up"></i>25%</span>
326
                                                <span class="label">products</span>
327
                                            </div>
328
                                            <div class="chart-statis mr-0">
329
                                                    <span class="index decre">
330
                                                        <i class="zmdi zmdi-long-arrow-down"></i>10%</span>
331
                                                <span class="label">services</span>
332
                                            </div>
333
                                        </div>
334
                                    </div>
335
                                    <div class="recent-report__chart">
336
                                        <canvas id="recent-rep-chart"></canvas>
337
                                    </div>
338
                                </div>
339
                            </div>
340
                        </div>
341
                        <div class="col-lg-6">
342
                            <div class="au-card chart-percent-card">
343
                                <div class="au-card-inner">
344
                                    <h3 class="title-2 tm-b-5">char by %</h3>
345
                                    <div class="row no-gutters">
346
                                        <div class="col-xl-6">
347
                                            <div class="chart-note-wrap">
348
                                                <div class="chart-note mr-0 d-block">
349
                                                    <span class="dot dot--blue"></span>
350
                                                    <span>products</span>
351
                                                </div>
352
                                                <div class="chart-note mr-0 d-block">
353
                                                    <span class="dot dot--red"></span>
354
                                                    <span>services</span>
355
                                                </div>
356
                                            </div>
357
                                        </div>
358
                                        <div class="col-xl-6">
359
                                            <div class="percent-chart">
360
                                                <canvas id="percent-chart"></canvas>
361
                                            </div>
362
                                        </div>
363
                                    </div>
364
                                </div>
365
                            </div>
366
                        </div>
367
                    </div>
368
                    <div class="row">
369
                        <div class="col-lg-9">
370
                            <h2 class="title-1 m-b-25">Earnings By Items</h2>
371
                            <div class="table-responsive table--no-card m-b-40">
372
                                <table class="table table-borderless table-striped table-earning">
373
                                    <thead>
374
                                    <tr>
375
                                        <th>date</th>
376
                                        <th>order ID</th>
377
                                        <th>name</th>
378
                                        <th class="text-right">price</th>
379
                                        <th class="text-right">quantity</th>
380
                                        <th class="text-right">total</th>
381
                                    </tr>
382
                                    </thead>
383
                                    <tbody>
384
                                    <tr>
385
                                        <td>2018-09-29 05:57</td>
386
                                        <td>100398</td>
387
                                        <td>iPhone X 64Gb Grey</td>
388
                                        <td class="text-right">$999.00</td>
389
                                        <td class="text-right">1</td>
390
                                        <td class="text-right">$999.00</td>
391
                                    </tr>
392
                                    <tr>
393
                                        <td>2018-09-28 01:22</td>
394
                                        <td>100397</td>
395
                                        <td>Samsung S8 Black</td>
396
                                        <td class="text-right">$756.00</td>
397
                                        <td class="text-right">1</td>
398
                                        <td class="text-right">$756.00</td>
399
                                    </tr>
400
                                    <tr>
401
                                        <td>2018-09-27 02:12</td>
402
                                        <td>100396</td>
403
                                        <td>Game Console Controller</td>
404
                                        <td class="text-right">$22.00</td>
405
                                        <td class="text-right">2</td>
406
                                        <td class="text-right">$44.00</td>
407
                                    </tr>
408
                                    <tr>
409
                                        <td>2018-09-26 23:06</td>
410
                                        <td>100395</td>
411
                                        <td>iPhone X 256Gb Black</td>
412
                                        <td class="text-right">$1199.00</td>
413
                                        <td class="text-right">1</td>
414
                                        <td class="text-right">$1199.00</td>
415
                                    </tr>
416
                                    <tr>
417
                                        <td>2018-09-25 19:03</td>
418
                                        <td>100393</td>
419
                                        <td>USB 3.0 Cable</td>
420
                                        <td class="text-right">$10.00</td>
421
                                        <td class="text-right">3</td>
422
                                        <td class="text-right">$30.00</td>
423
                                    </tr>
424
                                    <tr>
425
                                        <td>2018-09-29 05:57</td>
426
                                        <td>100392</td>
427
                                        <td>Smartwatch 4.0 LTE Wifi</td>
428
                                        <td class="text-right">$199.00</td>
429
                                        <td class="text-right">6</td>
430
                                        <td class="text-right">$1494.00</td>
431
                                    </tr>
432
                                    <tr>
433
                                        <td>2018-09-24 19:10</td>
434
                                        <td>100391</td>
435
                                        <td>Camera C430W 4k</td>
436
                                        <td class="text-right">$699.00</td>
437
                                        <td class="text-right">1</td>
438
                                        <td class="text-right">$699.00</td>
439
                                    </tr>
440
                                    <tr>
441
                                        <td>2018-09-22 00:43</td>
442
                                        <td>100393</td>
443
                                        <td>USB 3.0 Cable</td>
444
                                        <td class="text-right">$10.00</td>
445
                                        <td class="text-right">3</td>
446
                                        <td class="text-right">$30.00</td>
447
                                    </tr>
448
                                    </tbody>
449
                                </table>
450
                            </div>
451
                        </div>
452
                        <div class="col-lg-3">
453
                            <h2 class="title-1 m-b-25">Top countries</h2>
454
                            <div class="au-card au-card--bg-blue au-card-top-countries m-b-40">
455
                                <div class="au-card-inner">
456
                                    <div class="table-responsive">
457
                                        <table class="table table-top-countries">
458
                                            <tbody>
459
                                            <tr>
460
                                                <td>United States</td>
461
                                                <td class="text-right">$119,366.96</td>
462
                                            </tr>
463
                                            <tr>
464
                                                <td>Australia</td>
465
                                                <td class="text-right">$70,261.65</td>
466
                                            </tr>
467
                                            <tr>
468
                                                <td>United Kingdom</td>
469
                                                <td class="text-right">$46,399.22</td>
470
                                            </tr>
471
                                            <tr>
472
                                                <td>Turkey</td>
473
                                                <td class="text-right">$35,364.90</td>
474
                                            </tr>
475
                                            <tr>
476
                                                <td>Germany</td>
477
                                                <td class="text-right">$20,366.96</td>
478
                                            </tr>
479
                                            <tr>
480
                                                <td>France</td>
481
                                                <td class="text-right">$10,366.96</td>
482
                                            </tr>
483
                                            <tr>
484
                                                <td>Australia</td>
485
                                                <td class="text-right">$5,366.96</td>
486
                                            </tr>
487
                                            <tr>
488
                                                <td>Italy</td>
489
                                                <td class="text-right">$1639.32</td>
490
                                            </tr>
491
                                            </tbody>
492
                                        </table>
493
                                    </div>
494
                                </div>
495
                            </div>
496
                        </div>
497
                    </div>
498
                    <div class="row">
499
                        <div class="col-lg-6">
500
                            <div class="au-card au-card--no-shadow au-card--no-pad m-b-40">
501
                                <div class="au-card-title" style="background-image:url('images/bg-title-01.jpg');">
502
                                    <div class="bg-overlay bg-overlay--blue"></div>
503
                                    <h3>
504
                                        <i class="zmdi zmdi-account-calendar"></i>26 April, 2018</h3>
505
                                    <button class="au-btn-plus">
506
                                        <i class="zmdi zmdi-plus"></i>
507
                                    </button>
508
                                </div>
509
                                <div class="au-task js-list-load">
510
                                    <div class="au-task__title">
511
                                        <p>Tasks for John Doe</p>
512
                                    </div>
513
                                    <div class="au-task-list js-scrollbar3">
514
                                        <div class="au-task__item au-task__item--danger">
515
                                            <div class="au-task__item-inner">
516
                                                <h5 class="task">
517
                                                    <a href="#">Meeting about plan for Admin Template 2018</a>
518
                                                </h5>
519
                                                <span class="time">10:00 AM</span>
520
                                            </div>
521
                                        </div>
522
                                        <div class="au-task__item au-task__item--warning">
523
                                            <div class="au-task__item-inner">
524
                                                <h5 class="task">
525
                                                    <a href="#">Create new task for Dashboard</a>
526
                                                </h5>
527
                                                <span class="time">11:00 AM</span>
528
                                            </div>
529
                                        </div>
530
                                        <div class="au-task__item au-task__item--primary">
531
                                            <div class="au-task__item-inner">
532
                                                <h5 class="task">
533
                                                    <a href="#">Meeting about plan for Admin Template 2018</a>
534
                                                </h5>
535
                                                <span class="time">02:00 PM</span>
536
                                            </div>
537
                                        </div>
538
                                        <div class="au-task__item au-task__item--success">
539
                                            <div class="au-task__item-inner">
540
                                                <h5 class="task">
541
                                                    <a href="#">Create new task for Dashboard</a>
542
                                                </h5>
543
                                                <span class="time">03:30 PM</span>
544
                                            </div>
545
                                        </div>
546
                                        <div class="au-task__item au-task__item--danger js-load-item">
547
                                            <div class="au-task__item-inner">
548
                                                <h5 class="task">
549
                                                    <a href="#">Meeting about plan for Admin Template 2018</a>
550
                                                </h5>
551
                                                <span class="time">10:00 AM</span>
552
                                            </div>
553
                                        </div>
554
                                        <div class="au-task__item au-task__item--warning js-load-item">
555
                                            <div class="au-task__item-inner">
556
                                                <h5 class="task">
557
                                                    <a href="#">Create new task for Dashboard</a>
558
                                                </h5>
559
                                                <span class="time">11:00 AM</span>
560
                                            </div>
561
                                        </div>
562
                                    </div>
563
                                    <div class="au-task__footer">
564
                                        <button class="au-btn au-btn-load js-load-btn">load more</button>
565
                                    </div>
566
                                </div>
567
                            </div>
568
                        </div>
569
                        <div class="col-lg-6">
570
                            <div class="au-card au-card--no-shadow au-card--no-pad m-b-40">
571
                                <div class="au-card-title" style="background-image:url('images/bg-title-02.jpg');">
572
                                    <div class="bg-overlay bg-overlay--blue"></div>
573
                                    <h3>
574
                                        <i class="zmdi zmdi-comment-text"></i>New Messages</h3>
575
                                    <button class="au-btn-plus">
576
                                        <i class="zmdi zmdi-plus"></i>
577
                                    </button>
578
                                </div>
579
                                <div class="au-inbox-wrap js-inbox-wrap">
580
                                    <div class="au-message js-list-load">
581
                                        <div class="au-message__noti">
582
                                            <p>You Have
583
                                                <span>2</span>
584
 
585
                                                new messages
586
                                            </p>
587
                                        </div>
588
                                        <div class="au-message-list">
589
                                            <div class="au-message__item unread">
590
                                                <div class="au-message__item-inner">
591
                                                    <div class="au-message__item-text">
592
                                                        <div class="avatar-wrap">
593
                                                            <div class="avatar">
594
                                                                <img src="images/icon/avatar-02.jpg" alt="John Smith">
595
                                                            </div>
596
                                                        </div>
597
                                                        <div class="text">
598
                                                            <h5 class="name">John Smith</h5>
599
                                                            <p>Have sent a photo</p>
600
                                                        </div>
601
                                                    </div>
602
                                                    <div class="au-message__item-time">
603
                                                        <span>12 Min ago</span>
604
                                                    </div>
605
                                                </div>
606
                                            </div>
607
                                            <div class="au-message__item unread">
608
                                                <div class="au-message__item-inner">
609
                                                    <div class="au-message__item-text">
610
                                                        <div class="avatar-wrap online">
611
                                                            <div class="avatar">
612
                                                                <img src="images/icon/avatar-03.jpg" alt="Nicholas Martinez">
613
                                                            </div>
614
                                                        </div>
615
                                                        <div class="text">
616
                                                            <h5 class="name">Nicholas Martinez</h5>
617
                                                            <p>You are now connected on message</p>
618
                                                        </div>
619
                                                    </div>
620
                                                    <div class="au-message__item-time">
621
                                                        <span>11:00 PM</span>
622
                                                    </div>
623
                                                </div>
624
                                            </div>
625
                                            <div class="au-message__item">
626
                                                <div class="au-message__item-inner">
627
                                                    <div class="au-message__item-text">
628
                                                        <div class="avatar-wrap online">
629
                                                            <div class="avatar">
630
                                                                <img src="images/icon/avatar-04.jpg" alt="Michelle Sims">
631
                                                            </div>
632
                                                        </div>
633
                                                        <div class="text">
634
                                                            <h5 class="name">Michelle Sims</h5>
635
                                                            <p>Lorem ipsum dolor sit amet</p>
636
                                                        </div>
637
                                                    </div>
638
                                                    <div class="au-message__item-time">
639
                                                        <span>Yesterday</span>
640
                                                    </div>
641
                                                </div>
642
                                            </div>
643
                                            <div class="au-message__item">
644
                                                <div class="au-message__item-inner">
645
                                                    <div class="au-message__item-text">
646
                                                        <div class="avatar-wrap">
647
                                                            <div class="avatar">
648
                                                                <img src="images/icon/avatar-05.jpg" alt="Michelle Sims">
649
                                                            </div>
650
                                                        </div>
651
                                                        <div class="text">
652
                                                            <h5 class="name">Michelle Sims</h5>
653
                                                            <p>Purus feugiat finibus</p>
654
                                                        </div>
655
                                                    </div>
656
                                                    <div class="au-message__item-time">
657
                                                        <span>Sunday</span>
658
                                                    </div>
659
                                                </div>
660
                                            </div>
661
                                            <div class="au-message__item js-load-item">
662
                                                <div class="au-message__item-inner">
663
                                                    <div class="au-message__item-text">
664
                                                        <div class="avatar-wrap online">
665
                                                            <div class="avatar">
666
                                                                <img src="images/icon/avatar-04.jpg" alt="Michelle Sims">
667
                                                            </div>
668
                                                        </div>
669
                                                        <div class="text">
670
                                                            <h5 class="name">Michelle Sims</h5>
671
                                                            <p>Lorem ipsum dolor sit amet</p>
672
                                                        </div>
673
                                                    </div>
674
                                                    <div class="au-message__item-time">
675
                                                        <span>Yesterday</span>
676
                                                    </div>
677
                                                </div>
678
                                            </div>
679
                                            <div class="au-message__item js-load-item">
680
                                                <div class="au-message__item-inner">
681
                                                    <div class="au-message__item-text">
682
                                                        <div class="avatar-wrap">
683
                                                            <div class="avatar">
684
                                                                <img src="images/icon/avatar-05.jpg" alt="Michelle Sims">
685
                                                            </div>
686
                                                        </div>
687
                                                        <div class="text">
688
                                                            <h5 class="name">Michelle Sims</h5>
689
                                                            <p>Purus feugiat finibus</p>
690
                                                        </div>
691
                                                    </div>
692
                                                    <div class="au-message__item-time">
693
                                                        <span>Sunday</span>
694
                                                    </div>
695
                                                </div>
696
                                            </div>
697
                                        </div>
698
                                        <div class="au-message__footer">
699
                                            <button class="au-btn au-btn-load js-load-btn">load more</button>
700
                                        </div>
701
                                    </div>
702
                                    <div class="au-chat">
703
                                        <div class="au-chat__title">
704
                                            <div class="au-chat-info">
705
                                                <div class="avatar-wrap online">
706
                                                    <div class="avatar avatar--small">
707
                                                        <img src="images/icon/avatar-02.jpg" alt="John Smith">
708
                                                    </div>
709
                                                </div>
710
                                                <span class="nick">
711
                                                        <a href="#">John Smith</a>
712
                                                    </span>
713
                                            </div>
714
                                        </div>
715
                                        <div class="au-chat__content">
716
                                            <div class="recei-mess-wrap">
717
                                                <span class="mess-time">12 Min ago</span>
718
                                                <div class="recei-mess__inner">
719
                                                    <div class="avatar avatar--tiny">
720
                                                        <img src="images/icon/avatar-02.jpg" alt="John Smith">
721
                                                    </div>
722
                                                    <div class="recei-mess-list">
723
                                                        <div class="recei-mess">Lorem ipsum dolor sit amet, consectetur adipiscing elit non iaculis</div>
724
                                                        <div class="recei-mess">Donec tempor, sapien ac viverra</div>
725
                                                    </div>
726
                                                </div>
727
                                            </div>
728
                                            <div class="send-mess-wrap">
729
                                                <span class="mess-time">30 Sec ago</span>
730
                                                <div class="send-mess__inner">
731
                                                    <div class="send-mess-list">
732
                                                        <div class="send-mess">Lorem ipsum dolor sit amet, consectetur adipiscing elit non iaculis</div>
733
                                                    </div>
734
                                                </div>
735
                                            </div>
736
                                        </div>
737
                                        <div class="au-chat-textfield">
738
                                            <form class="au-form-icon">
739
                                                <input class="au-input au-input--full au-input--h65" type="text" placeholder="Type a message">
740
                                                <button class="au-input-icon">
741
                                                    <i class="zmdi zmdi-camera"></i>
742
                                                </button>
743
                                            </form>
744
                                        </div>
745
                                    </div>
746
                                </div>
747
                            </div>
748
                        </div>
749
                    </div>
750
                    <div class="row">
751
                        <div class="col-md-12">
752
                            <div class="copyright">
753
                                <p>Copyright © 2018 Colorlib. All rights reserved. Template by <a href="https://colorlib.com">Colorlib</a>.</p>
754
                            </div>
755
                        </div>
756
                    </div>
757
                </div>
758
            </div>
759
        </div>
760
        <!-- END MAIN CONTENT-->
761
        <!-- END PAGE CONTAINER-->
762
    </div>
1015 lars 763
    <!--$Id$ END -->
764
{/block}