Subversion-Projekte lars-tiefland.laravel_shop

Revision

Revision 1017 | Revision 1019 | Zur aktuellen Revision | Ganze Datei anzeigen | Leerzeichen ignorieren | Details | Blame | Letzte Änderung | Log anzeigen | RSS feed

Revision 1017 Revision 1018
Zeile 22... Zeile 22...
22 
                <div class="container-fluid">
 22 
                <div class="container-fluid">
23 
                </div>
 23 
                </div>
24 
            </nav>
 24 
            </nav>
25 
        </header>
 25 
        </header>
26 
    </div>
 26 
    </div>
- 
 
 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>
27 
    <!--$Id$ END -->
 763 
    <!--$Id$ END -->
28 
{/block}
 764 
{/block}
29 

            765