PageSourceSearch

https://eshop-2025.netlify.app/

html eshop-2025.netlify.app collected 2026-10-03 10:42:24 UTC 89,663 bytes, 4,487 lines download raw bytes

1
2
3<!DOCTYPE html>
4
5<html lang="en">
6
7  <head>
8
9    <meta charset="UTF-8" />
10<!-- This site is hosted on Netlify. Anyone can build and deploy a site
11     like this one for free: https://netlify.new/?utm_campaign=loops&utm_source=ai-legible&utm_medium=owned&utm_content=comment&utm_id=45dfc3aa-d4eb-4311-9102-35996824b846
12     Netlify hosting facts for this site: static/SSR served via Netlify Edge. -->
13
14    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
15
16    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
17
18    <link
19
20      rel="shortcut icon"
21
22      href="assets/images/favicon.svg"
23
24      type="image/x-icon"
25
26    />
27
28    <title>ESHOP | Bootstrap 5 Ecommerce Admin Panel</title>
29
30
31
32    <!-- ========== All CSS files linkup ========= -->
33
34    <link rel="stylesheet" href="assets/css/bootstrap.min.css" />
35
36    <link rel="stylesheet" href="assets/css/LineIcons.css" />
37
38    <link rel="stylesheet" href="assets/css/quill/bubble.css" />
39
40    <link rel="stylesheet" href="assets/css/quill/snow.css" />
41
42    <link rel="stylesheet" href="assets/css/fullcalendar.css" />
43
44    <link rel="stylesheet" href="assets/css/morris.css" />
45
46    <link rel="stylesheet" href="assets/css/vanilla-dataTables.min.css" />
47
48    <link rel="stylesheet" href="assets/css/main.css" />
49
50  </head>
51
52  <body>
53
54    <!-- ======== sidebar-nav start =========== -->
55
56    <aside class="sidebar-nav-wrapper">
57
58      <div class="navbar-logo">
59
60        <a href='/'>
61
62          <img class="img-fluid" src="assets/images/logo/logo.png" alt="logo" />
63
64        </a>
65
66      </div>
67
68      <nav class="sidebar-nav">
69
70        <ul>
71
72          <li class="nav-item active">
73
74            <a href='/'>
75
76              <span class="icon">
77
78                <svg width="22" height="22" viewBox="0 0 22 22">
79
80                  <path
81
82                    d="M17.4167 4.58333V6.41667H13.75V4.58333H17.4167ZM8.25 4.58333V10.0833H4.58333V4.58333H8.25ZM17.4167 11.9167V17.4167H13.75V11.9167H17.4167ZM8.25 15.5833V17.4167H4.58333V15.5833H8.25ZM19.25 2.75H11.9167V8.25H19.25V2.75ZM10.0833 2.75H2.75V11.9167H10.0833V2.75ZM19.25 10.0833H11.9167V19.25H19.25V10.0833ZM10.0833 13.75H2.75V19.25H10.0833V13.75Z"
83
84                  />
85
86                </svg>
87
88              </span>
89
90              <span class="text">Dashboard</span>
91
92            </a>
93
94          </li>
95
96          <li class="nav-item nav-item-has-children">
97
98            <a
99
100              href="#0"
101
102              class="collapsed"
103
104              data-bs-toggle="collapse"
105
106              data-bs-target="#ddmenu_2"
107
108              aria-controls="ddmenu_2"
109
110              aria-expanded="false"
111
112              aria-label="Toggle navigation"
113
114            >
115
116              <span class="icon">
117
118                <svg
119
120                  width="22"
121
122                  height="22"
123
124                  viewBox="0 0 22 22"
125
126                  fill="none"
127
128                  xmlns="http://www.w3.org/2000/svg"
129
130                >
131
132                  <path
133
134                    d="M12.8334 1.83325H5.50008C5.01385 1.83325 4.54754 2.02641 4.20372 2.37022C3.8599 2.71404 3.66675 3.18036 3.66675 3.66659V18.3333C3.66675 18.8195 3.8599 19.2858 4.20372 19.6296C4.54754 19.9734 5.01385 20.1666 5.50008 20.1666H16.5001C16.9863 20.1666 17.4526 19.9734 17.7964 19.6296C18.1403 19.2858 18.3334 18.8195 18.3334 18.3333V7.33325L12.8334 1.83325ZM16.5001 18.3333H5.50008V3.66659H11.9167V8.24992H16.5001V18.3333Z"
135
136                  />
137
138                </svg>
139
140              </span>
141
142              <span class="text">Pages</span>
143
144            </a>
145
146            <ul id="ddmenu_2" class="collapse dropdown-nav">
147
148              <li>
149
150                <a href='/settings'> Settings </a>
151
152              </li>
153
154              <li>
155
156                <a href='/projects'>
157
158                  <span class="text">
159
160                    Projects
161
162                  </span>
163
164                </a>
165
166              </li>
167
168              <li>
169
170                <a href='/clients'>
171
172                  <span class="text">
173
174                    Clients
175
176                  </span>
177
178                </a>
179
180              </li>
181
182              <li>
183
184                <a href='/pricing'>
185
186                  <span class="text">
187
188                    Pricing
189
190                  </span>
191
192                </a>
193
194              </li>
195
196              <li>
197
198                <a href='/chat'>
199
200                  <span class="text">
201
202                    Chat
203
204                  </span>
205
206                </a>
207
208              </li>
209
210              
211
212            </ul>
213
214          </li>
215
216          <li class="nav-item">
217
218            <a href='/profile'>
219
220              <span class="icon">
221
222                <svg
223
224                  width="22"
225
226                  height="22"
227
228                  viewBox="0 0 22 22"
229
230                  fill="none"
231
232                  xmlns="http://www.w3.org/2000/svg"
233
234                >
235
236                  <path
237
238                    d="M11.0001 3.66675C11.9725 3.66675 12.9052 4.05306 13.5928 4.74069C14.2804 5.42832 14.6667 6.36095 14.6667 7.33341C14.6667 8.30587 14.2804 9.23851 13.5928 9.92614C12.9052 10.6138 11.9725 11.0001 11.0001 11.0001C10.0276 11.0001 9.09499 10.6138 8.40736 9.92614C7.71972 9.23851 7.33341 8.30587 7.33341 7.33341C7.33341 6.36095 7.71972 5.42832 8.40736 4.74069C9.09499 4.05306 10.0276 3.66675 11.0001 3.66675ZM11.0001 5.50008C10.5139 5.50008 10.0475 5.69324 9.70372 6.03705C9.3599 6.38087 9.16675 6.84718 9.16675 7.33341C9.16675 7.81964 9.3599 8.28596 9.70372 8.62978C10.0475 8.97359 10.5139 9.16675 11.0001 9.16675C11.4863 9.16675 11.9526 8.97359 12.2964 8.62978C12.6403 8.28596 12.8334 7.81964 12.8334 7.33341C12.8334 6.84718 12.6403 6.38087 12.2964 6.03705C11.9526 5.69324 11.4863 5.50008 11.0001 5.50008ZM11.0001 11.9167C13.4476 11.9167 18.3334 13.1359 18.3334 15.5834V18.3334H3.66675V15.5834C3.66675 13.1359 8.55258 11.9167 11.0001 11.9167ZM11.0001 13.6584C8.27758 13.6584 5.40841 14.9967 5.40841 15.5834V16.5917H16.5917V15.5834C16.5917 14.9967 13.7226 13.6584 11.0001 13.6584Z"
239
240                  />
241
242                </svg>
243
244              </span>
245
246              <span class="text">
247
248                Profile
249
250              </span>
251
252            </a>
253
254          </li>
255
256          <li class="nav-item">
257
258            <a href='/invoice'>
259
260              <span class="icon">
261
262                <svg
263
264                  width="22"
265
266                  height="22"
267
268                  viewBox="0 0 22 22"
269
270                  fill="none"
271
272                  xmlns="http://www.w3.org/2000/svg"
273
274                >
275
276                  <path
277
278                    d="M17.4166 7.33333C18.9383 7.33333 20.1666 8.56167 20.1666 10.0833V15.5833H16.4999V19.25H5.49992V15.5833H1.83325V10.0833C1.83325 8.56167 3.06159 7.33333 4.58325 7.33333H5.49992V2.75H16.4999V7.33333H17.4166ZM7.33325 4.58333V7.33333H14.6666V4.58333H7.33325ZM14.6666 17.4167V13.75H7.33325V17.4167H14.6666ZM16.4999 13.75H18.3333V10.0833C18.3333 9.57917 17.9208 9.16667 17.4166 9.16667H4.58325C4.07909 9.16667 3.66659 9.57917 3.66659 10.0833V13.75H5.49992V11.9167H16.4999V13.75ZM17.4166 10.5417C17.4166 11.0458 17.0041 11.4583 16.4999 11.4583C15.9958 11.4583 15.5833 11.0458 15.5833 10.5417C15.5833 10.0375 15.9958 9.625 16.4999 9.625C17.0041 9.625 17.4166 10.0375 17.4166 10.5417Z"
279
280                  />
281
282                </svg>
283
284              </span>
285
286              <span class="text">Invoice</span>
287
288            </a>
289
290          </li>
291
292          <li class="nav-item">
293
294            <a href='/task'>
295
296              <span class="icon">
297
298                <svg
299
300                  width="22"
301
302                  height="22"
303
304                  viewBox="0 0 22 22"
305
306                  fill="none"
307
308                  xmlns="http://www.w3.org/2000/svg"
309
310                >
311
312                  <path
313
314                    d="M4.58341 8.70841L6.87508 12.8334H2.29175L4.58341 8.70841ZM2.75008 3.66675H6.41675V7.33341H2.75008V3.66675ZM4.58341 18.3334C5.06964 18.3334 5.53596 18.1403 5.87978 17.7964C6.22359 17.4526 6.41675 16.9863 6.41675 16.5001C6.41675 16.0139 6.22359 15.5475 5.87978 15.2037C5.53596 14.8599 5.06964 14.6667 4.58341 14.6667C4.09718 14.6667 3.63087 14.8599 3.28705 15.2037C2.94324 15.5475 2.75008 16.0139 2.75008 16.5001C2.75008 16.9863 2.94324 17.4526 3.28705 17.7964C3.63087 18.1403 4.09718 18.3334 4.58341 18.3334ZM8.25008 4.58341V6.41675H19.2501V4.58341H8.25008ZM8.25008 17.4167H19.2501V15.5834H8.25008V17.4167ZM8.25008 11.9167H19.2501V10.0834H8.25008V11.9167Z"
315
316                  />
317
318                </svg>
319
320              </span>
321
322              <span class="text">
323
324                Task
325
326              </span>
327
328            </a>
329
330          </li>
331
332          <li class="nav-item">
333
334            <a href='/calendar'>
335
336              <span class="icon">
337
338                <svg
339
340                  width="22"
341
342                  height="22"
343
344                  viewBox="0 0 22 22"
345
346                  fill="none"
347
348                  xmlns="http://www.w3.org/2000/svg"
349
350                >
351
352                  <path
353
354                    d="M8.25 9.16675H6.41667V11.0001H8.25V9.16675ZM11.9167 9.16675H10.0833V11.0001H11.9167V9.16675ZM15.5833 9.16675H13.75V11.0001H15.5833V9.16675ZM17.4167 2.75008H16.5V0.916748H14.6667V2.75008H7.33333V0.916748H5.5V2.75008H4.58333C3.56583 2.75008 2.75 3.57508 2.75 4.58341V17.4167C2.75 17.903 2.94315 18.3693 3.28697 18.7131C3.63079 19.0569 4.0971 19.2501 4.58333 19.2501H17.4167C17.9029 19.2501 18.3692 19.0569 18.713 18.7131C19.0568 18.3693 19.25 17.903 19.25 17.4167V4.58341C19.25 4.09718 19.0568 3.63087 18.713 3.28705C18.3692 2.94324 17.9029 2.75008 17.4167 2.75008ZM17.4167 17.4167H4.58333V7.33342H17.4167V17.4167Z"
355
356                  />
357
358                </svg>
359
360              </span>
361
362              <span class="text">
363
364                Calendar
365
366              </span>
367
368            </a>
369
370          </li>
371
372          <li class="nav-item nav-item-has-children">
373
374            <a
375
376              href="#0"
377
378              class="collapsed"
379
380              data-bs-toggle="collapse"
381
382              data-bs-target="#ddmenu_3"
383
384              aria-controls="ddmenu_3"
385
386              aria-expanded="false"
387
388              aria-label="Toggle navigation"
389
390            >
391
392              <span class="icon">
393
394                <svg
395
396                  width="22"
397
398                  height="22"
399
400                  viewBox="0 0 22 22"
401
402                  fill="none"
403
404                  xmlns="http://www.w3.org/2000/svg"
405
406                >
407
408                  <path
409
410                    d="M12.9067 14.2908L15.2808 11.9167H6.41667V10.0833H15.2808L12.9067 7.70917L14.2083 6.41667L18.7917 11L14.2083 15.5833L12.9067 14.2908ZM17.4167 2.75C17.9029 2.75 18.3692 2.94315 18.713 3.28697C19.0568 3.63079 19.25 4.0971 19.25 4.58333V8.86417L17.4167 7.03083V4.58333H4.58333V17.4167H17.4167V14.9692L19.25 13.1358V17.4167C19.25 17.9029 19.0568 18.3692 18.713 18.713C18.3692 19.0568 17.9029 19.25 17.4167 19.25H4.58333C3.56583 19.25 2.75 18.425 2.75 17.4167V4.58333C2.75 3.56583 3.56583 2.75 4.58333 2.75H17.4167Z"
411
412                  />
413
414                </svg>
415
416              </span>
417
418              <span class="text">Auth</span>
419
420            </a>
421
422            <ul id="ddmenu_3" class="collapse dropdown-nav">
423
424              <li>
425
426                <a href='/signin'> Sign In </a>
427
428              </li>
429
430              <li>
431
432                <a href='/signup'> Sign Up </a>
433
434              </li>
435
436              <li>
437
438                <a href='/reset-password'>
439
440                  <span class="text">
441
442                    Reset Password
443
444                  </span>
445
446                </a>
447
448              </li>
449
450            </ul>
451
452          </li>
453
454          <span class="divider"><hr /></span>
455
456          <li class="nav-item nav-item-has-children">
457
458            <a
459
460              href="#0"
461
462              class="collapsed"
463
464              data-bs-toggle="collapse"
465
466              data-bs-target="#ddmenu_4"
467
468              aria-controls="ddmenu_4"
469
470              aria-expanded="false"
471
472              aria-label="Toggle navigation"
473
474            >
475
476              <span class="icon">
477
478                <svg
479
480                  width="22"
481
482                  height="22"
483
484                  viewBox="0 0 22 22"
485
486                  fill="none"
487
488                  xmlns="http://www.w3.org/2000/svg"
489
490                >
491
492                  <path
493
494                    d="M3.66675 4.58325V16.4999H19.2501V4.58325H3.66675ZM5.50008 14.6666V6.41659H8.25008V14.6666H5.50008ZM10.0834 14.6666V11.4583H12.8334V14.6666H10.0834ZM17.4167 14.6666H14.6667V11.4583H17.4167V14.6666ZM10.0834 9.62492V6.41659H17.4167V9.62492H10.0834Z"
495
496                  />
497
498                </svg>
499
500              </span>
501
502              <span class="text">UI Elements </span>
503
504            </a>
505
506            <ul id="ddmenu_4" class="collapse dropdown-nav">
507
508              <li>
509
510                <a href='/alerts'> Alerts </a>
511
512              </li>
513
514              <li>
515
516                <a href='/buttons'> Buttons </a>
517
518              </li>
519
520              <li>
521
522                <a href='/cards'> Cards </a>
523
524              </li>
525
526              <li>
527
528                <a href='/modals'>
529
530                  <span class="text">
531
532                    Modals
533
534                  </span>
535
536                </a>
537
538              </li>
539
540              <li>
541
542                <a href='/tabs'>
543
544                  <span class="text">
545
546                    Tabs
547
548                  </span>
549
550                </a>
551
552              </li>
553
554              <li>
555
556                <a href='/typography'> Typography </a>
557
558              </li>
559
560            </ul>
561
562          </li>
563
564          <li class="nav-item nav-item-has-children">
565
566            <a
567
568              href="#0"
569
570              class="collapsed"
571
572              data-bs-toggle="collapse"
573
574              data-bs-target="#ddmenu_55"
575
576              aria-controls="ddmenu_55"
577
578              aria-expanded="false"
579
580              aria-label="Toggle navigation"
581
582            >
583
584              <span class="icon">
585
586                <svg
587
588                  width="22"
589
590                  height="22"
591
592                  viewBox="0 0 22 22"
593
594                  fill="none"
595
596                  xmlns="http://www.w3.org/2000/svg"
597
598                >
599
600                  <path
601
602                    d="M1.83325 19.25V17.4167H18.3333V19.25H1.83325ZM18.3333 7.33333V4.58333H16.4999V7.33333H18.3333ZM18.3333 2.75C18.8195 2.75 19.2858 2.94315 19.6296 3.28697C19.9734 3.63079 20.1666 4.0971 20.1666 4.58333V7.33333C20.1666 7.81956 19.9734 8.28588 19.6296 8.6297C19.2858 8.97351 18.8195 9.16667 18.3333 9.16667H16.4999V11.9167C16.4999 12.8891 16.1136 13.8218 15.426 14.5094C14.7383 15.197 13.8057 15.5833 12.8333 15.5833H7.33325C6.36079 15.5833 5.42816 15.197 4.74053 14.5094C4.05289 13.8218 3.66659 12.8891 3.66659 11.9167V2.75H18.3333ZM14.6666 4.58333H5.49992V11.9167C5.49992 12.4029 5.69307 12.8692 6.03689 13.213C6.38071 13.5568 6.84702 13.75 7.33325 13.75H12.8333C13.3195 13.75 13.7858 13.5568 14.1296 13.213C14.4734 12.8692 14.6666 12.4029 14.6666 11.9167V4.58333Z"
603
604                  />
605
606                </svg>
607
608              </span>
609
610              <span class="text">Icons</span>
611
612            </a>
613
614            <ul id="ddmenu_55" class="collapse dropdown-nav">
615
616              <li>
617
618                <a href='/icons'> LineIcons </a>
619
620              </li>
621
622              <li>
623
624                <a href='/mdi-icons'> MDI Icons </a>
625
626              </li>
627
628            </ul>
629
630          </li>
631
632          <li class="nav-item nav-item-has-children">
633
634            <a
635
636              href="#0"
637
638              class="collapsed"
639
640              data-bs-toggle="collapse"
641
642              data-bs-target="#ddmenu_5"
643
644              aria-controls="ddmenu_5"
645
646              aria-expanded="false"
647
648              aria-label="Toggle navigation"
649
650            >
651
652              <span class="icon">
653
654                <svg
655
656                  width="22"
657
658                  height="22"
659
660                  viewBox="0 0 22 22"
661
662                  fill="none"
663
664                  xmlns="http://www.w3.org/2000/svg"
665
666                >
667
668                  <path
669
670                    d="M13.75 4.58325H16.5L15.125 6.41659L13.75 4.58325ZM4.58333 1.83325H17.4167C18.4342 1.83325 19.25 2.65825 19.25 3.66659V18.3333C19.25 19.3508 18.4342 20.1666 17.4167 20.1666H4.58333C3.575 20.1666 2.75 19.3508 2.75 18.3333V3.66659C2.75 2.65825 3.575 1.83325 4.58333 1.83325ZM4.58333 3.66659V7.33325H17.4167V3.66659H4.58333ZM4.58333 18.3333H17.4167V9.16659H4.58333V18.3333ZM6.41667 10.9999H15.5833V12.8333H6.41667V10.9999ZM6.41667 14.6666H15.5833V16.4999H6.41667V14.6666Z"
671
672                  />
673
674                </svg>
675
676              </span>
677
678              <span class="text"> Forms </span>
679
680            </a>
681
682            <ul id="ddmenu_5" class="collapse dropdown-nav">
683
684              <li>
685
686                <a href='/form-elements'> From Elements </a>
687
688              </li>
689
690              <li>
691
692                <a href='/form-layout'>
693
694                  <span class="text">
695
696                    Form Layout
697
698                  </span>
699
700                </a>
701
702              </li>
703
704            </ul>
705
706          </li>
707
708          <li class="nav-item">
709
710            <a href='/tables'>
711
712              <span class="icon">
713
714                <svg
715
716                  width="22"
717
718                  height="22"
719
720                  viewBox="0 0 22 22"
721
722                  fill="none"
723
724                  xmlns="http://www.w3.org/2000/svg"
725
726                >
727
728                  <path
729
730                    d="M4.58333 3.66675H17.4167C17.9029 3.66675 18.3692 3.8599 18.713 4.20372C19.0568 4.54754 19.25 5.01385 19.25 5.50008V16.5001C19.25 16.9863 19.0568 17.4526 18.713 17.7964C18.3692 18.1403 17.9029 18.3334 17.4167 18.3334H4.58333C4.0971 18.3334 3.63079 18.1403 3.28697 17.7964C2.94315 17.4526 2.75 16.9863 2.75 16.5001V5.50008C2.75 5.01385 2.94315 4.54754 3.28697 4.20372C3.63079 3.8599 4.0971 3.66675 4.58333 3.66675ZM4.58333 7.33341V11.0001H10.0833V7.33341H4.58333ZM11.9167 7.33341V11.0001H17.4167V7.33341H11.9167ZM4.58333 12.8334V16.5001H10.0833V12.8334H4.58333ZM11.9167 12.8334V16.5001H17.4167V12.8334H11.9167Z"
731
732                  />
733
734                </svg>
735
736              </span>
737
738              <span class="text">Tables</span>
739
740            </a>
741
742          </li>
743
744          <span class="divider"><hr /></span>
745
746
747
748          <li class="nav-item nav-item-has-children">
749
750            <a
751
752              href="#0"
753
754              class="collapsed"
755
756              data-bs-toggle="collapse"
757
758              data-bs-target="#ddmenu_77"
759
760              aria-controls="ddmenu_77"
761
762              aria-expanded="false"
763
764              aria-label="Toggle navigation"
765
766            >
767
768              <span class="icon">
769
770                <svg
771
772                  width="22"
773
774                  height="22"
775
776                  viewBox="0 0 22 22"
777
778                  fill="none"
779
780                  xmlns="http://www.w3.org/2000/svg"
781
782                >
783
784                  <path
785
786                    d="M14.6667 6.41667V2.75H12.8333V6.41667H9.16667V2.75H7.33333V6.41667C6.41667 6.41667 5.5 7.33333 5.5 8.25V13.2917L8.70833 16.5V19.25H13.2917V16.5L16.5 13.2917V8.25C16.5 7.33333 15.5833 6.41667 14.6667 6.41667ZM14.6667 12.5308L11.9992 15.2075L11.6142 15.5833H10.3858L10.01 15.2075L7.33333 12.5308V8.3325C7.33333 8.305 7.38833 8.25 7.41583 8.25H14.5933C14.6208 8.25 14.6667 8.305 14.6667 8.3325V12.5308Z"
787
788                  />
789
790                </svg>
791
792              </span>
793
794              <span class="text"> Form Plugins </span>
795
796            </a>
797
798            <ul id="ddmenu_77" class="collapse dropdown-nav">
799
800              <li>
801
802                <a href='/form-edit'>
803
804                  <span class="text">
805
806                    QuillJs
807
808                  </span>
809
810                </a>
811
812              </li>
813
814              <li>
815
816                <a href='/form-validation'>
817
818                  <span class="text">
819
820                    Form Validation
821
822                  </span>
823
824                </a>
825
826              </li>
827
828            </ul>
829
830          </li>
831
832
833
834          <li class="nav-item nav-item-has-children">
835
836            <a
837
838              href="#0"
839
840              class="collapsed"
841
842              data-bs-toggle="collapse"
843
844              data-bs-target="#ddmenu_7"
845
846              aria-controls="ddmenu_7"
847
848              aria-expanded="false"
849
850              aria-label="Toggle navigation"
851
852            >
853
854              <span class="icon">
855
856                <svg
857
858                  width="22"
859
860                  height="22"
861
862                  viewBox="0 0 22 22"
863
864                  fill="none"
865
866                  xmlns="http://www.w3.org/2000/svg"
867
868                >
869
870                  <path
871
872                    d="M11.0001 2.75C6.94841 2.75 3.66675 4.39083 3.66675 6.41667V15.5833C3.66675 17.6092 6.95758 19.25 11.0001 19.25C15.0426 19.25 18.3334 17.6092 18.3334 15.5833V6.41667C18.3334 4.39083 15.0517 2.75 11.0001 2.75ZM16.5001 15.5833C16.5001 16.0417 14.5476 17.4167 11.0001 17.4167C7.45258 17.4167 5.50008 16.0417 5.50008 15.5833V13.5392C6.97591 14.2542 8.91008 14.6667 11.0001 14.6667C13.0901 14.6667 15.0242 14.2542 16.5001 13.5392V15.5833ZM16.5001 11.4125C15.3084 12.2833 13.2184 12.8333 11.0001 12.8333C8.78175 12.8333 6.69175 12.2833 5.50008 11.4125V8.83667C6.84758 9.5975 8.80925 10.0833 11.0001 10.0833C13.1909 10.0833 15.1526 9.5975 16.5001 8.83667V11.4125ZM11.0001 8.25C7.45258 8.25 5.50008 6.875 5.50008 6.41667C5.50008 5.95833 7.45258 4.58333 11.0001 4.58333C14.5476 4.58333 16.5001 5.95833 16.5001 6.41667C16.5001 6.875 14.5476 8.25 11.0001 8.25Z"
873
874                  />
875
876                </svg>
877
878              </span>
879
880              <span class="text"> Data Tables </span>
881
882            </a>
883
884            <ul id="ddmenu_7" class="collapse dropdown-nav">
885
886              <li>
887
888                <a href='/basic-table'>
889
890                  <span class="text">
891
892                    Basic Table
893
894                  </span>
895
896                </a>
897
898              </li>
899
900              <li>
901
902                <a href='/tables-responsive'>
903
904                  <span class="text">
905
906                    Responsive Table
907
908                  </span>
909
910                </a>
911
912              </li>
913
914              <li>
915
916                <a href='/datatables'>
917
918                  <span class="text">
919
920                    Data Table
921
922                  </span>
923
924                </a>
925
926              </li>
927
928            </ul>
929
930          </li>
931
932          <li class="nav-item nav-item-has-children">
933
934            <a
935
936              href="#0"
937
938              class="collapsed"
939
940              data-bs-toggle="collapse"
941
942              data-bs-target="#ddmenu_8"
943
944              aria-controls="ddmenu_8"
945
946              aria-expanded="false"
947
948              aria-label="Toggle navigation"
949
950            >
951
952              <span class="icon">
953
954                <svg
955
956                  width="22"
957
958                  height="22"
959
960                  viewBox="0 0 22 22"
961
962                  fill="none"
963
964                  xmlns="http://www.w3.org/2000/svg"
965
966                >
967
968                  <path
969
970                    d="M20.1666 19.25H1.83325V2.75H3.66659V17.4167H5.49992V9.16667H9.16659V17.4167H10.9999V5.5H14.6666V17.4167H16.4999V12.8333H20.1666V19.25Z"
971
972                  />
973
974                </svg>
975
976              </span>
977
978              <span class="text"> Charts </span>
979
980            </a>
981
982            <ul id="ddmenu_8" class="collapse dropdown-nav">
983
984              <li>
985
986                <a href='/chart-js'>
987
988                  <span class="text">
989
990                    ChartJs
991
992                  </span>
993
994                </a>
995
996              </li>
997
998              <li>
999
1000                <a href='/apex-chart'>
1001
1002                  <span class="text">
1003
1004                    Apex Chart
1005
1006                  </span>
1007
1008                </a>
1009
1010              </li>
1011
1012            </ul>
1013
1014          </li>
1015
1016          <li class="nav-item">
1017
1018            <a href='/notification'>
1019
1020              <span class="icon">
1021
1022                <svg
1023
1024                  width="22"
1025
1026                  height="22"
1027
1028                  viewBox="0 0 22 22"
1029
1030                  fill="none"
1031
1032                  xmlns="http://www.w3.org/2000/svg"
1033
1034                >
1035
1036                  <path
1037
1038                    d="M9.16667 19.25H12.8333C12.8333 20.2584 12.0083 21.0834 11 21.0834C9.99167 21.0834 9.16667 20.2584 9.16667 19.25ZM19.25 17.4167V18.3334H2.75V17.4167L4.58333 15.5834V10.0834C4.58333 7.24171 6.41667 4.76671 9.16667 3.94171V3.66671C9.16667 2.65837 9.99167 1.83337 11 1.83337C12.0083 1.83337 12.8333 2.65837 12.8333 3.66671V3.94171C15.5833 4.76671 17.4167 7.24171 17.4167 10.0834V15.5834L19.25 17.4167ZM15.5833 10.0834C15.5833 7.51671 13.5667 5.50004 11 5.50004C8.43333 5.50004 6.41667 7.51671 6.41667 10.0834V16.5H15.5833V10.0834Z"
1039
1040                  />
1041
1042                </svg>
1043
1044              </span>
1045
1046              <span class="text">Notifications</span>
1047
1048            </a>
1049
1050          </li>
1051
1052        </ul>
1053
1054      </nav>
1055
1056    </aside>
1057
1058    <div class="overlay"></div>
1059
1060    <!-- ======== sidebar-nav end =========== -->
1061
1062
1063
1064    <!-- ======== main-wrapper start =========== -->
1065
1066    <main class="main-wrapper">
1067
1068      <!-- ========== header start ========== -->
1069
1070      <header class="header">
1071
1072        <div class="container-fluid">
1073
1074          <div class="row">
1075
1076            <div class="col-lg-2 col-md-2 col-2">
1077
1078              <div class="header-left d-flex align-items-center">
1079
1080                <div class="menu-toggle-btn">
1081
1082                  <button
1083
1084                    id="menu-toggle"
1085
1086                    class="main-btn primary-btn btn-hover"
1087
1088                  >
1089
1090                    <i class="lni lni-menu"></i>
1091
1092                  </button>
1093
1094                </div>
1095
1096              </div>
1097
1098            </div>
1099
1100            <div class="col-lg-10 col-md-10 col-10">
1101
1102              <div class="header-right">
1103
1104                <div class="header-search d-none d-md-flex">
1105
1106                  <form action="#">
1107
1108                    <input type="text" placeholder="Search..." />
1109
1110                    <button><i class="lni lni-search-alt"></i></button>
1111
1112                  </form>
1113
1114                </div>
1115
1116                <!-- notification start -->
1117
1118                <div class="notification-box ml-15 d-none d-md-flex">
1119
1120                  <button
1121
1122                    class="dropdown-toggle"
1123
1124                    type="button"
1125
1126                    id="notification"
1127
1128                    data-bs-toggle="dropdown"
1129
1130                    aria-expanded="false"
1131
1132                  >
1133
1134                    <i class="lni lni-alarm"></i>
1135
1136                    <span>2</span>
1137
1138                  </button>
1139
1140                  <ul
1141
1142                    class="dropdown-menu dropdown-menu-end"
1143
1144                    aria-labelledby="notification"
1145
1146                  >
1147
1148                    <li>
1149
1150                      <a href="#0">
1151
1152                        <div class="image">
1153
1154                          <img src="assets/images/lead/lead-6.png" alt="" />
1155
1156                        </div>
1157
1158                        <div class="content">
1159
1160                          <h6>
1161
1162                            John Doe
1163
1164                            <span class="text-regular">
1165
1166                              comment on a product.
1167
1168                            </span>
1169
1170                          </h6>
1171
1172                          <p>
1173
1174                            Lorem ipsum dolor sit amet, consect etur adipiscing
1175
1176                            elit Vivamus tortor.
1177
1178                          </p>
1179
1180                          <span>10 mins ago</span>
1181
1182                        </div>
1183
1184                      </a>
1185
1186                    </li>
1187
1188                    <li>
1189
1190                      <a href="#0">
1191
1192                        <div class="image">
1193
1194                          <img src="assets/images/lead/lead-1.png" alt="" />
1195
1196                        </div>
1197
1198                        <div class="content">
1199
1200                          <h6>
1201
1202                            Jonathon
1203
1204                            <span class="text-regular">
1205
1206                              like on a product.
1207
1208                            </span>
1209
1210                          </h6>
1211
1212                          <p>
1213
1214                            Lorem ipsum dolor sit amet, consect etur adipiscing
1215
1216                            elit Vivamus tortor.
1217
1218                          </p>
1219
1220                          <span>10 mins ago</span>
1221
1222                        </div>
1223
1224                      </a>
1225
1226                    </li>
1227
1228                  </ul>
1229
1230                </div>
1231
1232                <!-- notification end -->
1233
1234                <!-- message start -->
1235
1236                <div class="header-message-box ml-15 d-none d-md-flex">
1237
1238                  <button
1239
1240                    class="dropdown-toggle"
1241
1242                    type="button"
1243
1244                    id="message"
1245
1246                    data-bs-toggle="dropdown"
1247
1248                    aria-expanded="false"
1249
1250                  >
1251
1252                    <i class="lni lni-envelope"></i>
1253
1254                    <span>3</span>
1255
1256                  </button>
1257
1258                  <ul
1259
1260                    class="dropdown-menu dropdown-menu-end"
1261
1262                    aria-labelledby="message"
1263
1264                  >
1265
1266                    <li>
1267
1268                      <a href="#0">
1269
1270                        <div class="image">
1271
1272                          <img src="assets/images/lead/lead-5.png" alt="" />
1273
1274                        </div>
1275
1276                        <div class="content">
1277
1278                          <h6>Jacob Jones</h6>
1279
1280                          <p>Hey!I can across your profile and ...</p>
1281
1282                          <span>10 mins ago</span>
1283
1284                        </div>
1285
1286                      </a>
1287
1288                    </li>
1289
1290                    <li>
1291
1292                      <a href="#0">
1293
1294                        <div class="image">
1295
1296                          <img src="assets/images/lead/lead-3.png" alt="" />
1297
1298                        </div>
1299
1300                        <div class="content">
1301
1302                          <h6>John Doe</h6>
1303
1304                          <p>Would you mind please checking out</p>
1305
1306                          <span>12 mins ago</span>
1307
1308                        </div>
1309
1310                      </a>
1311
1312                    </li>
1313
1314                    <li>
1315
1316                      <a href="#0">
1317
1318                        <div class="image">
1319
1320                          <img src="assets/images/lead/lead-2.png" alt="" />
1321
1322                        </div>
1323
1324                        <div class="content">
1325
1326                          <h6>Anee Lee</h6>
1327
1328                          <p>Hey! are you available for freelance?</p>
1329
1330                          <span>1h ago</span>
1331
1332                        </div>
1333
1334                      </a>
1335
1336                    </li>
1337
1338                  </ul>
1339
1340                </div>
1341
1342                <!-- message end -->
1343
1344                <!-- profile start -->
1345
1346                <div class="profile-box ml-15">
1347
1348                  <button
1349
1350                    class="dropdown-toggle bg-transparent border-0"
1351
1352                    type="button"
1353
1354                    id="profile"
1355
1356                    data-bs-toggle="dropdown"
1357
1358                    aria-expanded="false"
1359
1360                  >
1361
1362                    <div class="profile-info">
1363
1364                      <div class="info">
1365
1366                        <div class="image">
1367
1368                          <img
1369
1370                            src="assets/images/profile/profile-image.png"
1371
1372                            alt=""
1373
1374                          />
1375
1376                          <span class="status"></span>
1377
1378                        </div>
1379
1380                      </div>
1381
1382                    </div>
1383
1384                  </button>
1385
1386                  <ul
1387
1388                    class="dropdown-menu dropdown-menu-end"
1389
1390                    aria-labelledby="profile"
1391
1392                  >
1393
1394                    <h6>John Doe</h6>
1395
1396                    <li>
1397
1398                      <a href='/profile'>
1399
1400                        <i class="lni lni-user"></i> View Profile
1401
1402                      </a>
1403
1404                    </li>
1405
1406                    <li>
1407
1408                      <a href='/notification'>
1409
1410                        <i class="lni lni-alarm"></i> Notifications
1411
1412                      </a>
1413
1414                    </li>
1415
1416                    <li>
1417
1418                      <a href='/chat'> <i class="lni lni-inbox"></i> Messages </a>
1419
1420                    </li>
1421
1422                    <li>
1423
1424                      <a href='/settings'> <i class="lni lni-cog"></i> Settings </a>
1425
1426                    </li>
1427
1428                    <li>
1429
1430                      <a href='/signin'> <i class="lni lni-exit"></i> Sign Out </a>
1431
1432                    </li>
1433
1434                  </ul>
1435
1436                </div>
1437
1438                <!-- profile end -->
1439
1440              </div>
1441
1442            </div>
1443
1444          </div>
1445
1446        </div>
1447
1448      </header>
1449
1450      <!-- ========== header end ========== -->
1451
1452
1453
1454      <!-- ========== section start ========== -->
1455
1456      <section class="section">
1457
1458        <div class="container-fluid">
1459
1460          <!-- ========== title-wrapper start ========== -->
1461
1462          <div class="title-wrapper pt-30">
1463
1464            <div class="row align-items-center">
1465
1466              <div class="col-md-6">
1467
1468                <div class="title mb-30">
1469
1470                  <h2>Dashboard</h2>
1471
1472                </div>
1473
1474              </div>
1475
1476              <!-- end col -->
1477
1478            </div>
1479
1480            <!-- end row -->
1481
1482          </div>
1483
1484          <!-- ========== title-wrapper end ========== -->
1485
1486          <div class="row">
1487
1488            <div class="col-xl-3 col-lg-4 col-sm-6">
1489
1490              <div class="icon-card mb-30">
1491
1492                <div class="icon purple">
1493
1494                  <i class="lni lni-cart-full"></i>
1495
1496                </div>
1497
1498                <div class="content">
1499
1500                  <h6 class="mb-10">New Orders</h6>
1501
1502                  <h3 class="text-bold mb-10">29875</h3>
1503
1504                  <p class="text-sm text-success">
1505
1506                    <i class="lni lni-arrow-up"></i> +2.00%
1507
1508                    <span class="text-gray">(30 days)</span>
1509
1510                  </p>
1511
1512                </div>
1513
1514              </div>
1515
1516              <!-- End Icon Cart -->
1517
1518            </div>
1519
1520            <!-- End Col -->
1521
1522            <div class="col-xl-3 col-lg-4 col-sm-6">
1523
1524              <div class="icon-card mb-30">
1525
1526                <div class="icon success">
1527
1528                  <i class="lni lni-dollar"></i>
1529
1530                </div>
1531
1532                <div class="content">
1533
1534                  <h6 class="mb-10">Total Income</h6>
1535
1536                  <h3 class="text-bold mb-10">$42,560</h3>
1537
1538                  <p class="text-sm text-success">
1539
1540                    <i class="lni lni-arrow-up"></i> +5.45%
1541
1542                    <span class="text-gray">Increased</span>
1543
1544                  </p>
1545
1546                </div>
1547
1548              </div>
1549
1550              <!-- End Icon Cart -->
1551
1552            </div>
1553
1554            <!-- End Col -->
1555
1556            <div class="col-xl-3 col-lg-4 col-sm-6">
1557
1558              <div class="icon-card mb-30">
1559
1560                <div class="icon primary">
1561
1562                  <i class="lni lni-credit-cards"></i>
1563
1564                </div>
1565
1566                <div class="content">
1567
1568                  <h6 class="mb-10">Total Expenses</h6>
1569
1570                  <h3 class="text-bold mb-10">$10,256</h3>
1571
1572                  <p class="text-sm text-danger">
1573
1574                    <i class="lni lni-arrow-down"></i> -2.00%
1575
1576                    <span class="text-gray">Expense</span>
1577
1578                  </p>
1579
1580                </div>
1581
1582              </div>
1583
1584              <!-- End Icon Cart -->
1585
1586            </div>
1587
1588            <!-- End Col -->
1589
1590            <div class="col-xl-3 col-lg-4 col-sm-6">
1591
1592              <div class="icon-card mb-30">
1593
1594                <div class="icon orange">
1595
1596                  <i class="lni lni-user"></i>
1597
1598                </div>
1599
1600                <div class="content">
1601
1602                  <h6 class="mb-10">New Users</h6>
1603
1604                  <h3 class="text-bold mb-10">12568</h3>
1605
1606                  <p class="text-sm text-warning">
1607
1608                    <i class="lni lni-arrow-down"></i> -25.00%
1609
1610                    <span class="text-gray"> Earning</span>
1611
1612                  </p>
1613
1614                </div>
1615
1616              </div>
1617
1618              <!-- End Icon Cart -->
1619
1620            </div>
1621
1622            <!-- End Col -->
1623
1624          </div>
1625
1626          <!-- End Row -->
1627
1628          <div class="row">
1629
1630            <div class="col-lg-7">
1631
1632              <div class="card-style mb-30">
1633
1634                <div class="title d-flex flex-wrap justify-content-between">
1635
1636                  <div class="left">
1637
1638                    <h6 class="text-medium mb-10">Yearly Stats</h6>
1639
1640                    <h3 class="text-bold">$125,426</h3>
1641
1642                  </div>
1643
1644                  <div class="right">
1645
1646                    <div class="select-style-1">
1647
1648                      <div class="select-position select-sm">
1649
1650                        <select class="light-bg">
1651
1652                          <option value="">Yearly</option>
1653
1654                          <option value="">Monthly</option>
1655
1656                          <option value="">Weekly</option>
1657
1658                        </select>
1659
1660                      </div>
1661
1662                    </div>
1663
1664                    <!-- end select -->
1665
1666                  </div>
1667
1668                </div>
1669
1670                <!-- End Title -->
1671
1672                <div class="chart">
1673
1674                  <canvas
1675
1676                    id="Chart1"
1677
1678                    style="width: 100%; height: 400px"
1679
1680                  ></canvas>
1681
1682                </div>
1683
1684                <!-- End Chart -->
1685
1686              </div>
1687
1688            </div>
1689
1690            <!-- End Col -->
1691
1692            <div class="col-lg-5">
1693
1694              <div class="card-style mb-30">
1695
1696                <div
1697
1698                  class="
1699
1700                    title
1701
1702                    d-flex
1703
1704                    flex-wrap
1705
1706                    align-items-center
1707
1708                    justify-content-between
1709
1710                  "
1711
1712                >
1713
1714                  <div class="left">
1715
1716                    <h6 class="text-medium mb-30">Sales/Revenue</h6>
1717
1718                  </div>
1719
1720                  <div class="right">
1721
1722                    <div class="select-style-1">
1723
1724                      <div class="select-position select-sm">
1725
1726                        <select class="light-bg">
1727
1728                          <option value="">Yearly</option>
1729
1730                          <option value="">Monthly</option>
1731
1732                          <option value="">Weekly</option>
1733
1734                        </select>
1735
1736                      </div>
1737
1738                    </div>
1739
1740                    <!-- end select -->
1741
1742                  </div>
1743
1744                </div>
1745
1746                <!-- End Title -->
1747
1748                <div class="chart">
1749
1750                  <canvas
1751
1752                    id="Chart2"
1753
1754                    style="width: 100%; height: 400px"
1755
1756                  ></canvas>
1757
1758                </div>
1759
1760                <!-- End Chart -->
1761
1762              </div>
1763
1764            </div>
1765
1766            <!-- End Col -->
1767
1768          </div>
1769
1770          <!-- End Row -->
1771
1772          <div class="row">
1773
1774            <div class="col-lg-5">
1775
1776              <div class="card-style mb-30">
1777
1778                <div
1779
1780                  class="
1781
1782                    title
1783
1784                    d-flex
1785
1786                    justify-content-between
1787
1788                    align-items-center
1789
1790                  "
1791
1792                >
1793
1794                  <div class="left">
1795
1796                    <h6 class="text-medium mb-30">Sells by State</h6>
1797
1798                  </div>
1799
1800                </div>
1801
1802                <!-- End Title -->
1803
1804                <div id="map" style="width: 100%; height: 400px"></div>
1805
1806                <p>Last updated: 7 days ago</p>
1807
1808              </div>
1809
1810            </div>
1811
1812            <!-- End Col -->
1813
1814            <div class="col-lg-7">
1815
1816              <div class="card-style mb-30">
1817
1818                <div
1819
1820                  class="
1821
1822                    title
1823
1824                    d-flex
1825
1826                    flex-wrap
1827
1828                    justify-content-between
1829
1830                    align-items-center
1831
1832                  "
1833
1834                >
1835
1836                  <div class="left">
1837
1838                    <h6 class="text-medium mb-30">Top Selling Products</h6>
1839
1840                  </div>
1841
1842                  <div class="right">
1843
1844                    <div class="select-style-1">
1845
1846                      <div class="select-position select-sm">
1847
1848                        <select class="light-bg">
1849
1850                          <option value="">Yearly</option>
1851
1852                          <option value="">Monthly</option>
1853
1854                          <option value="">Weekly</option>
1855
1856                        </select>
1857
1858                      </div>
1859
1860                    </div>
1861
1862                    <!-- end select -->
1863
1864                  </div>
1865
1866                </div>
1867
1868                <!-- End Title -->
1869
1870                <div class="table-responsive">
1871
1872                  <table class="table top-selling-table">
1873
1874                    <thead>
1875
1876                      <tr>
1877
1878                        <th></th>
1879
1880                        <th>
1881
1882                          <h6 class="text-sm text-medium">Products</h6>
1883
1884                        </th>
1885
1886                        <th class="min-width">
1887
1888                          <h6 class="text-sm text-medium">Category</h6>
1889
1890                        </th>
1891
1892                        <th class="min-width">
1893
1894                          <h6 class="text-sm text-medium">Price</h6>
1895
1896                        </th>
1897
1898                        <th class="min-width">
1899
1900                          <h6 class="text-sm text-medium">Sold</h6>
1901
1902                        </th>
1903
1904                        <th class="min-width">
1905
1906                          <h6 class="text-sm text-medium">Profit</h6>
1907
1908                        </th>
1909
1910                        <th></th>
1911
1912                      </tr>
1913
1914                    </thead>
1915
1916                    <tbody>
1917
1918                      <tr>
1919
1920                        <td>
1921
1922                          <div class="check-input-primary">
1923
1924                            <input
1925
1926                              class="form-check-input"
1927
1928                              type="checkbox"
1929
1930                              id="checkbox-1"
1931
1932                            />
1933
1934                          </div>
1935
1936                        </td>
1937
1938                        <td>
1939
1940                          <div class="product">
1941
1942                            <div class="image">
1943
1944                              <img
1945
1946                                src="assets/images/products/product-mini-1.png"
1947
1948                                alt=""
1949
1950                              />
1951
1952                            </div>
1953
1954                            <p class="text-sm">Arm Chair</p>
1955
1956                          </div>
1957
1958                        </td>
1959
1960                        <td>
1961
1962                          <p class="text-sm">Interior</p>
1963
1964                        </td>
1965
1966                        <td>
1967
1968                          <p class="text-sm">$345</p>
1969
1970                        </td>
1971
1972                        <td>
1973
1974                          <p class="text-sm">43</p>
1975
1976                        </td>
1977
1978                        <td>
1979
1980                          <p class="text-sm">$45</p>
1981
1982                        </td>
1983
1984                        <td>
1985
1986                          <div class="action justify-content-end">
1987
1988                            <button
1989
1990                              class="more-btn ml-10 dropdown-toggle"
1991
1992                              id="moreAction1"
1993
1994                              data-bs-toggle="dropdown"
1995
1996                              aria-expanded="false"
1997
1998                            >
1999
2000                              <i class="lni lni-more-alt"></i>
2001
2002                            </button>
2003
2004                            <ul
2005
2006                              class="dropdown-menu dropdown-menu-end"
2007
2008                              aria-labelledby="moreAction1"
2009
2010                            >
2011
2012                              <li class="dropdown-item">
2013
2014                                <a href="#0" class="text-gray">Remove</a>
2015
2016                              </li>
2017
2018                              <li class="dropdown-item">
2019
2020                                <a href="#0" class="text-gray">Edit</a>
2021
2022                              </li>
2023
2024                            </ul>
2025
2026                          </div>
2027
2028                        </td>
2029
2030                      </tr>
2031
2032                      <tr>
2033
2034                        <td>
2035
2036                          <div class="check-input-primary">
2037
2038                            <input
2039
2040                              class="form-check-input"
2041
2042                              type="checkbox"
2043
2044                              id="checkbox-1"
2045
2046                            />
2047
2048                          </div>
2049
2050                        </td>
2051
2052                        <td>
2053
2054                          <div class="product">
2055
2056                            <div class="image">
2057
2058                              <img
2059
2060                                src="assets/images/products/product-mini-2.png"
2061
2062                                alt=""
2063
2064                              />
2065
2066                            </div>
2067
2068                            <p class="text-sm">SOfa</p>
2069
2070                          </div>
2071
2072                        </td>
2073
2074                        <td>
2075
2076                          <p class="text-sm">Interior</p>
2077
2078                        </td>
2079
2080                        <td>
2081
2082                          <p class="text-sm">$145</p>
2083
2084                        </td>
2085
2086                        <td>
2087
2088                          <p class="text-sm">13</p>
2089
2090                        </td>
2091
2092                        <td>
2093
2094                          <p class="text-sm">$15</p>
2095
2096                        </td>
2097
2098                        <td>
2099
2100                          <div class="action justify-content-end">
2101
2102                            <button
2103
2104                              class="more-btn ml-10 dropdown-toggle"
2105
2106                              id="moreAction1"
2107
2108                              data-bs-toggle="dropdown"
2109
2110                              aria-expanded="false"
2111
2112                            >
2113
2114                              <i class="lni lni-more-alt"></i>
2115
2116                            </button>
2117
2118                            <ul
2119
2120                              class="dropdown-menu dropdown-menu-end"
2121
2122                              aria-labelledby="moreAction1"
2123
2124                            >
2125
2126                              <li class="dropdown-item">
2127
2128                                <a href="#0" class="text-gray">Remove</a>
2129
2130                              </li>
2131
2132                              <li class="dropdown-item">
2133
2134                                <a href="#0" class="text-gray">Edit</a>
2135
2136                              </li>
2137
2138                            </ul>
2139
2140                          </div>
2141
2142                        </td>
2143
2144                      </tr>
2145
2146                      <tr>
2147
2148                        <td>
2149
2150                          <div class="check-input-primary">
2151
2152                            <input
2153
2154                              class="form-check-input"
2155
2156                              type="checkbox"
2157
2158                              id="checkbox-1"
2159
2160                            />
2161
2162                          </div>
2163
2164                        </td>
2165
2166                        <td>
2167
2168                          <div class="product">
2169
2170                            <div class="image">
2171
2172                              <img
2173
2174                                src="assets/images/products/product-mini-3.png"
2175
2176                                alt=""
2177
2178                              />
2179
2180                            </div>
2181
2182                            <p class="text-sm">Dining Table</p>
2183
2184                          </div>
2185
2186                        </td>
2187
2188                        <td>
2189
2190                          <p class="text-sm">Interior</p>
2191
2192                        </td>
2193
2194                        <td>
2195
2196                          <p class="text-sm">$95</p>
2197
2198                        </td>
2199
2200                        <td>
2201
2202                          <p class="text-sm">32</p>
2203
2204                        </td>
2205
2206                        <td>
2207
2208                          <p class="text-sm">$215</p>
2209
2210                        </td>
2211
2212                        <td>
2213
2214                          <div class="action justify-content-end">
2215
2216                            <button
2217
2218                              class="more-btn ml-10 dropdown-toggle"
2219
2220                              id="moreAction1"
2221
2222                              data-bs-toggle="dropdown"
2223
2224                              aria-expanded="false"
2225
2226                            >
2227
2228                              <i class="lni lni-more-alt"></i>
2229
2230                            </button>
2231
2232                            <ul
2233
2234                              class="dropdown-menu dropdown-menu-end"
2235
2236                              aria-labelledby="moreAction1"
2237
2238                            >
2239
2240                              <li class="dropdown-item">
2241
2242                                <a href="#0" class="text-gray">Remove</a>
2243
2244                              </li>
2245
2246                              <li class="dropdown-item">
2247
2248                                <a href="#0" class="text-gray">Edit</a>
2249
2250                              </li>
2251
2252                            </ul>
2253
2254                          </div>
2255
2256                        </td>
2257
2258                      </tr>
2259
2260                      <tr>
2261
2262                        <td>
2263
2264                          <div class="check-input-primary">
2265
2266                            <input
2267
2268                              class="form-check-input"
2269
2270                              type="checkbox"
2271
2272                              id="checkbox-1"
2273
2274                            />
2275
2276                          </div>
2277
2278                 
2278       </td>
2279
2280                        <td>
2281
2282                          <div class="product">
2283
2284                            <div class="image">
2285
2286                              <img
2287
2288                                src="assets/images/products/product-mini-4.png"
2289
2290                                alt=""
2291
2292                              />
2293
2294                            </div>
2295
2296                            <p class="text-sm">Office Chair</p>
2297
2298                          </div>
2299
2300                        </td>
2301
2302                        <td>
2303
2304                          <p class="text-sm">Interior</p>
2305
2306                        </td>
2307
2308                        <td>
2309
2310                          <p class="text-sm">$105</p>
2311
2312                        </td>
2313
2314                        <td>
2315
2316                          <p class="text-sm">23</p>
2317
2318                        </td>
2319
2320                        <td>
2321
2322                          <p class="text-sm">$345</p>
2323
2324                        </td>
2325
2326                        <td>
2327
2328                          <div class="action justify-content-end">
2329
2330                            <button
2331
2332                              class="more-btn ml-10 dropdown-toggle"
2333
2334                              id="moreAction1"
2335
2336                              data-bs-toggle="dropdown"
2337
2338                              aria-expanded="false"
2339
2340                            >
2341
2342                              <i class="lni lni-more-alt"></i>
2343
2344                            </button>
2345
2346                            <ul
2347
2348                              class="dropdown-menu dropdown-menu-end"
2349
2350                              aria-labelledby="moreAction1"
2351
2352                            >
2353
2354                              <li class="dropdown-item">
2355
2356                                <a href="#0" class="text-gray">Remove</a>
2357
2358                              </li>
2359
2360                              <li class="dropdown-item">
2361
2362                                <a href="#0" class="text-gray">Edit</a>
2363
2364                              </li>
2365
2366                            </ul>
2367
2368                          </div>
2369
2370                        </td>
2371
2372                      </tr>
2373
2374                      <tr>
2375
2376                        <td>
2377
2378                          <div class="check-input-primary">
2379
2380                            <input
2381
2382                              class="form-check-input"
2383
2384                              type="checkbox"
2385
2386                              id="checkbox-1"
2387
2388                            />
2389
2390                          </div>
2391
2392                        </td>
2393
2394                        <td>
2395
2396                          <div class="product">
2397
2398                            <div class="image">
2399
2400                              <img
2401
2402                                src="assets/images/products/product-mini-1.png"
2403
2404                                alt=""
2405
2406                              />
2407
2408                            </div>
2409
2410                            <p class="text-sm">Office Stuff</p>
2411
2412                          </div>
2413
2414                        </td>
2415
2416                        <td>
2417
2418                          <p class="text-sm">Interior</p>
2419
2420                        </td>
2421
2422                        <td>
2423
2424                          <p class="text-sm">$95</p>
2425
2426                        </td>
2427
2428                        <td>
2429
2430                          <p class="text-sm">25</p>
2431
2432                        </td>
2433
2434                        <td>
2435
2436                          <p class="text-sm">$450</p>
2437
2438                        </td>
2439
2440                        <td>
2441
2442                          <div class="action justify-content-end">
2443
2444                            <button
2445
2446                              class="more-btn ml-10 dropdown-toggle"
2447
2448                              id="moreAction1"
2449
2450                              data-bs-toggle="dropdown"
2451
2452                              aria-expanded="false"
2453
2454                            >
2455
2456                              <i class="lni lni-more-alt"></i>
2457
2458                            </button>
2459
2460                            <ul
2461
2462                              class="dropdown-menu dropdown-menu-end"
2463
2464                              aria-labelledby="moreAction1"
2465
2466                            >
2467
2468                              <li class="dropdown-item">
2469
2470                                <a href="#0" class="text-gray">Remove</a>
2471
2472                              </li>
2473
2474                              <li class="dropdown-item">
2475
2476                                <a href="#0" class="text-gray">Edit</a>
2477
2478                              </li>
2479
2480                            </ul>
2481
2482                          </div>
2483
2484                        </td>
2485
2486                      </tr>
2487
2488                    </tbody>
2489
2490                  </table>
2491
2492                  <!-- End Table -->
2493
2494                </div>
2495
2496              </div>
2497
2498            </div>
2499
2500            <!-- End Col -->
2501
2502          </div>
2503
2504          <!-- End Row -->
2505
2506          <div class="row">
2507
2508            <div class="col-lg-7">
2509
2510              <div class="card-style mb-30">
2511
2512                <div
2513
2514                  class="
2515
2516                    title
2517
2518                    d-flex
2519
2520                    flex-wrap
2521
2522                    align-items-center
2523
2524                    justify-content-between
2525
2526                  "
2527
2528                >
2529
2530                  <div class="left">
2531
2532                    <h6 class="text-medium mb-2">Sales Forecast</h6>
2533
2534                  </div>
2535
2536                  <div class="right">
2537
2538                    <div class="select-style-1 mb-2">
2539
2540                      <div class="select-position select-sm">
2541
2542                        <select class="light-bg">
2543
2544                          <option value="">Last Month</option>
2545
2546                          <option value="">Last 3 Months</option>
2547
2548                          <option value="">Last Year</option>
2549
2550                        </select>
2551
2552                      </div>
2553
2554                    </div>
2555
2556                    <!-- end select -->
2557
2558                  </div>
2559
2560                </div>
2561
2562                <!-- End Title -->
2563
2564                <div class="chart">
2565
2566                  <div id="legend3">
2567
2568                    <ul
2569
2570                      class="legend3 d-flex flex-wrap align-items-center mb-30"
2571
2572                    >
2573
2574                      <li>
2575
2576                        <div class="d-flex">
2577
2578                          <span class="bg-color primary-bg"> </span>
2579
2580                          <div class="text">
2581
2582                            <p class="text-sm text-success">
2583
2584                              <span class="text-dark">Revenue</span> +25.55%
2585
2586                              <i class="lni lni-arrow-up"></i>
2587
2588                            </p>
2589
2590                          </div>
2591
2592                        </div>
2593
2594                      </li>
2595
2596                      <li>
2597
2598                        <div class="d-flex">
2599
2600                          <span class="bg-color purple-bg"></span>
2601
2602                          <div class="text">
2603
2604                            <p class="text-sm text-success">
2605
2606                              <span class="text-dark">Net Profit</span> +45.55%
2607
2608                              <i class="lni lni-arrow-up"></i>
2609
2610                            </p>
2611
2612                          </div>
2613
2614                        </div>
2615
2616                      </li>
2617
2618                      <li>
2619
2620                        <div class="d-flex">
2621
2622                          <span class="bg-color orange-bg"></span>
2623
2624                          <div class="text">
2625
2626                            <p class="text-sm text-danger">
2627
2628                              <span class="text-dark">Order</span> -4.2%
2629
2630                              <i class="lni lni-arrow-down"></i>
2631
2632                            </p>
2633
2634                          </div>
2635
2636                        </div>
2637
2638                      </li>
2639
2640                    </ul>
2641
2642                  </div>
2643
2644                  <canvas
2645
2646                    id="Chart3"
2647
2648                    style="width: 100%; height: 450px"
2649
2650                  ></canvas>
2651
2652                </div>
2653
2654              </div>
2655
2656            </div>
2657
2658            <!-- End Col -->
2659
2660            <div class="col-lg-5">
2661
2662              <div class="card-style mb-30">
2663
2664                <div
2665
2666                  class="
2667
2668                    title
2669
2670                    d-flex
2671
2672                    flex-wrap
2673
2674                    align-items-center
2675
2676                    justify-content-between
2677
2678                  "
2679
2680                >
2681
2682                  <div class="left">
2683
2684                    <h6 class="text-medium mb-2">Traffic</h6>
2685
2686                  </div>
2687
2688                  <div class="right">
2689
2690                    <div class="select-style-1 mb-2">
2691
2692                      <div class="select-position select-sm">
2693
2694                        <select class="bg-ligh">
2695
2696                          <option value="">Last 6 Months</option>
2697
2698                          <option value="">Last 3 Months</option>
2699
2700                          <option value="">Last Year</option>
2701
2702                        </select>
2703
2704                      </div>
2705
2706                    </div>
2707
2708                    <!-- end select -->
2709
2710                  </div>
2711
2712                </div>
2713
2714                <!-- End Title -->
2715
2716                <div class="chart">
2717
2718                  <div id="legend4">
2719
2720                    <ul
2721
2722                      class="legend3 d-flex flex-wrap align-items-center mb-30"
2723
2724                    >
2725
2726                      <li>
2727
2728                        <div class="d-flex">
2729
2730                          <span class="bg-color primary-bg"> </span>
2731
2732                          <div class="text">
2733
2734                            <p class="text-sm text-success">
2735
2736                              <span class="text-dark">Store Visits</span>
2737
2738                              +25.55%
2739
2740                              <i class="lni lni-arrow-up"></i>
2741
2742                            </p>
2743
2744                            <h2>3456</h2>
2745
2746                          </div>
2747
2748                        </div>
2749
2750                      </li>
2751
2752                      <li>
2753
2754                        <div class="d-flex">
2755
2756                          <span class="bg-color danger-bg"></span>
2757
2758                          <div class="text">
2759
2760                            <p class="text-sm text-danger">
2761
2762                              <span class="text-dark">Visitors</span> -2.05%
2763
2764                              <i class="lni lni-arrow-down"></i>
2765
2766                            </p>
2767
2768                            <h2>3456</h2>
2769
2770                          </div>
2771
2772                        </div>
2773
2774                      </li>
2775
2776                    </ul>
2777
2778                  </div>
2779
2780                  <canvas
2781
2782                    id="Chart4"
2783
2784                    style="width: 100%; height: 420px"
2785
2786                  ></canvas>
2787
2788                </div>
2789
2790                <!-- End Chart -->
2791
2792              </div>
2793
2794            </div>
2795
2796            <!-- End Col -->
2797
2798          </div>
2799
2800          <!-- End Row -->
2801
2802          <div class="row">
2803
2804            <div class="col-lg-12">
2805
2806              <div class="card-style calendar-card mb-30">
2807
2808                <div id="calendar-mini"></div>
2809
2810              </div>
2811
2812            </div>
2813
2814            <!-- End Col -->
2815
2816            <div class="col-lg-12">
2817
2818              <div class="card-style mb-30">
2819
2820                <div
2821
2822                  class="
2823
2824                    title
2825
2826                    d-flex
2827
2828                    flex-wrap
2829
2830                    align-items-center
2831
2832                    justify-content-between
2833
2834                  "
2835
2836                >
2837
2838                  <div class="left">
2839
2840                    <h6 class="text-medium mb-30">Sales History</h6>
2841
2842                  </div>
2843
2844                  <div class="right">
2845
2846                    <div class="select-style-1">
2847
2848                      <div class="select-position select-sm">
2849
2850                        <select class="light-bg">
2851
2852                          <option value="">Today</option>
2853
2854                          <option value="">Yesterday</option>
2855
2856                        </select>
2857
2858                      </div>
2859
2860                    </div>
2861
2862                    <!-- end select -->
2863
2864                  </div>
2865
2866                </div>
2867
2868                <!-- End Title -->
2869
2870                <div class="table-responsive">
2871
2872                  <table class="table top-selling-table">
2873
2874                    <thead>
2875
2876                      <tr>
2877
2878                        <th>
2879
2880                          <h6 class="text-sm text-medium">Products</h6>
2881
2882                        </th>
2883
2884                        <th class="min-width">
2885
2886                          <h6 class="text-sm text-medium">
2887
2888                            Category <i class="lni lni-arrows-vertical"></i>
2889
2890                          </h6>
2891
2892                        </th>
2893
2894                        <th class="min-width">
2895
2896                          <h6 class="text-sm text-medium">
2897
2898                            Revenue <i class="lni lni-arrows-vertical"></i>
2899
2900                          </h6>
2901
2902                        </th>
2903
2904                        <th class="min-width">
2905
2906                          <h6 class="text-sm text-medium">
2907
2908                            Status <i class="lni lni-arrows-vertical"></i>
2909
2910                          </h6>
2911
2912                        </th>
2913
2914                        <th>
2915
2916                          <h6 class="text-sm text-medium text-end">
2917
2918                            Actions <i class="lni lni-arrows-vertical"></i>
2919
2920                          </h6>
2921
2922                        </th>
2923
2924                      </tr>
2925
2926                    </thead>
2927
2928                    <tbody>
2929
2930                      <tr>
2931
2932                        <td>
2933
2934                          <div class="product">
2935
2936                            <div class="image">
2937
2938                              <img
2939
2940                                src="assets/images/products/product-mini-1.png"
2941
2942                                alt=""
2943
2944                              />
2945
2946                            </div>
2947
2948                            <p class="text-sm">Bedroom</p>
2949
2950                          </div>
2951
2952                        </td>
2953
2954                        <td>
2955
2956                          <p class="text-sm">Interior</p>
2957
2958                        </td>
2959
2960                        <td>
2961
2962                          <p class="text-sm">$345</p>
2963
2964                        </td>
2965
2966                        <td>
2967
2968                          <span class="status-btn close-btn">Pending</span>
2969
2970                        </td>
2971
2972                        <td>
2973
2974                          <div class="action justify-content-end">
2975
2976                            <button class="edit">
2977
2978                              <i class="lni lni-pencil"></i>
2979
2980                            </button>
2981
2982                            <button
2983
2984                              class="more-btn ml-10 dropdown-toggle"
2985
2986                              id="moreAction1"
2987
2988                              data-bs-toggle="dropdown"
2989
2990                              aria-expanded="false"
2991
2992                            >
2993
2994                              <i class="lni lni-more-alt"></i>
2995
2996                            </button>
2997
2998                            <ul
2999
3000                              class="dropdown-menu dropdown-menu-end"
3001
3002                              aria-labelledby="moreAction1"
3003
3004                            >
3005
3006                              <li class="dropdown-item">
3007
3008                                <a href="#0" class="text-gray">Remove</a>
3009
3010                              </li>
3011
3012                              <li class="dropdown-item">
3013
3014                                <a href="#0" class="text-gray">Edit</a>
3015
3016                              </li>
3017
3018                            </ul>
3019
3020                          </div>
3021
3022                        </td>
3023
3024                      </tr>
3025
3026                      <tr>
3027
3028                        <td>
3029
3030                          <div class="product">
3031
3032                            <div class="image">
3033
3034                              <img
3035
3036                                src="assets/images/products/product-mini-2.png"
3037
3038                                alt=""
3039
3040                              />
3041
3042                            </div>
3043
3044                            <p class="text-sm">Chairs</p>
3045
3046                          </div>
3047
3048                        </td>
3049
3050                        <td>
3051
3052                          <p class="text-sm">Interior</p>
3053
3054                        </td>
3055
3056                        <td>
3057
3058                          <p class="text-sm">$345</p>
3059
3060                        </td>
3061
3062                        <td>
3063
3064                          <span class="status-btn warning-btn">Refund</span>
3065
3066                        </td>
3067
3068                        <td>
3069
3070                          <div class="action justify-content-end">
3071
3072                            <button class="edit">
3073
3074                              <i class="lni lni-pencil"></i>
3075
3076                            </button>
3077
3078                            <button
3079
3080                              class="more-btn ml-10 dropdown-toggle"
3081
3082                              id="moreAction1"
3083
3084                              data-bs-toggle="dropdown"
3085
3086                              aria-expanded="false"
3087
3088                            >
3089
3090                              <i class="lni lni-more-alt"></i>
3091
3092                            </button>
3093
3094                            <ul
3095
3096                              class="dropdown-menu dropdown-menu-end"
3097
3098                              aria-labelledby="moreAction1"
3099
3100                            >
3101
3102                              <li class="dropdown-item">
3103
3104                                <a href="#0" class="text-gray">Remove</a>
3105
3106                              </li>
3107
3108                              <li class="dropdown-item">
3109
3110                                <a href="#0" class="text-gray">Edit</a>
3111
3112                              </li>
3113
3114                            </ul>
3115
3116                          </div>
3117
3118                        </td>
3119
3120                      </tr>
3121
3122                      <tr>
3123
3124                        <td>
3125
3126                          <div class="product">
3127
3128                            <div class="image">
3129
3130                              <img
3131
3132                                src="assets/images/products/product-mini-3.png"
3133
3134                                alt=""
3135
3136                              />
3137
3138                            </div>
3139
3140                            <p class="text-sm">Sofa Set</p>
3141
3142                          </div>
3143
3144                        </td>
3145
3146                        <td>
3147
3148                          <p class="text-sm">Interior</p>
3149
3150                        </td>
3151
3152                        <td>
3153
3154                          <p class="text-sm">$345</p>
3155
3156                        </td>
3157
3158                        <td>
3159
3160                          <span class="status-btn success-btn">Completed</span>
3161
3162                        </td>
3163
3164                        <td>
3165
3166                          <div class="action justify-content-end">
3167
3168                            <button class="edit">
3169
3170                              <i class="lni lni-pencil"></i>
3171
3172                            </button>
3173
3174                            <button
3175
3176                              class="more-btn ml-10 dropdown-toggle"
3177
3178                              id="moreAction1"
3179
3180                              data-bs-toggle="dropdown"
3181
3182                              aria-expanded="false"
3183
3184                            >
3185
3186                              <i class="lni lni-more-alt"></i>
3187
3188                            </button>
3189
3190                            <ul
3191
3192                              class="dropdown-menu dropdown-menu-end"
3193
3194                              aria-labelledby="moreAction1"
3195
3196                            >
3197
3198                              <li class="dropdown-item">
3199
3200                                <a href="#0" class="text-gray">Remove</a>
3201
3202                              </li>
3203
3204                              <li class="dropdown-item">
3205
3206                                <a href="#0" class="text-gray">Edit</a>
3207
3208                              </li>
3209
3210                            </ul>
3211
3212                          </div>
3213
3214                        </td>
3215
3216                      </tr>
3217
3218                      <tr>
3219
3220                        <td>
3221
3222                          <div class="product">
3223
3224                            <div class="image">
3225
3226                              <img
3227
3228                                src="assets/images/products/product-mini-4.png"
3229
3230                                alt=""
3231
3232                              />
3233
3234                            </div>
3235
3236                            <p class="text-sm">Kitchen</p>
3237
3238                          </div>
3239
3240                        </td>
3241
3242                        <td>
3243
3244                          <p class="text-sm">Interior</p>
3245
3246                        </td>
3247
3248                        <td>
3249
3250                          <p class="text-sm">$345</p>
3251
3252                        </td>
3253
3254                        <td>
3255
3256                          <span class="status-btn close-btn">Canceled</span>
3257
3258                        </td>
3259
3260                        <td>
3261
3262                          <div class="action justify-content-end">
3263
3264                            <button class="edit">
3265
3266                              <i class="lni lni-pencil"></i>
3267
3268                            </button>
3269
3270                            <button
3271
3272                              class="more-btn ml-10 dropdown-toggle"
3273
3274                              id="moreAction1"
3275
3276                              data-bs-toggle="dropdown"
3277
3278                              aria-expanded="false"
3279
3280                            >
3281
3282                              <i class="lni lni-more-alt"></i>
3283
3284                            </button>
3285
3286                            <ul
3287
3288                              class="dropdown-menu dropdown-menu-end"
3289
3290                              aria-labelledby="moreAction1"
3291
3292                            >
3293
3294                              <li class="dropdown-item">
3295
3296                                <a href="#0" class="text-gray">Remove</a>
3297
3298                              </li>
3299
3300                              <li class="dropdown-item">
3301
3302                                <a href="#0" class="text-gray">Edit</a>
3303
3304                              </li>
3305
3306                            </ul>
3307
3308                          </div>
3309
3310                        </td>
3311
3312                      </tr>
3313
3314                    </tbody>
3315
3316                  </table>
3317
3318                  <!-- End Table -->
3319
3320                </div>
3321
3322              </div>
3323
3324            </div>
3325
3326            <!-- End Col -->
3327
3328          </div>
3329
3330          <!-- End Row -->
3331
3332        </div>
3333
3334        <!-- end container -->
3335
3336      </section>
3337
3338      <!-- ========== section end ========== -->
3339
3340
3341
3342      <!-- ========== footer start =========== -->
3343
3344      <footer class="footer">
3345
3346        <div class="container-fluid">
3347
3348          <div class="row">
3349
3350            <div class="col-md-6 order-last order-md-first">
3351
3352              <div class="copyright text-center text-md-start">
3353
3354                <p class="text-sm">
3355
3356                  Designed and Developed by
3357
3358                  <span>ZaidApp</span>
3359
3360                </p>
3361
3362              </div>
3363
3364            </div>
3365
3366            <!-- end col-->
3367
3368            <div class="col-md-6">
3369
3370              <div
3371
3372                class="
3373
3374                  terms
3375
3376                  d-flex
3377
3378                  justify-content-center justify-content-md-end
3379
3380                "
3381
3382              >
3383
3384                <a href="#0" class="text-sm">Term & Conditions</a>
3385
3386                <a href="#0" class="text-sm ml-15">Privacy & Policy</a>
3387
3388              </div>
3389
3390            </div>
3391
3392          </div>
3393
3394          <!-- end row -->
3395
3396        </div>
3397
3398        <!-- end container -->
3399
3400      </footer>
3401
3402      <!-- ========== footer end =========== -->
3403
3404    </main>
3405
3406    <!-- ======== main-wrapper end =========== -->
3407
3408
3409
3410    <!-- ============ Theme Option Start ============= -->
3411
3412    <button class="option-btn">
3413
3414      <i class="lni lni-cog"></i>
3415
3416    </button>
3417
3418    <div class="option-overlay"></div>
3419
3420    <div class="option-box">
3421
3422      <div class="option-header">
3423
3424        <div>
3425
3426          <h5>Theme</h5>
3427
3428        </div>
3429
3430        <button class="option-btn-close text-gray">
3431
3432          <i class="lni lni-menu"></i>
3433
3434        </button>
3435
3436      </div>
3437
3438      <ul class="d-flex flex-wrap align-items-center">
3439
3440        <li><button class="lightThemeButton active">Light</button></li>
3441
3442        <li><button class="darkThemeButton">Dark</button></li>
3443
3444      </ul>
3445
3446    </div>
3447
3448    <!-- ============ Theme Option End ============= -->
3449
3450
3451
3452    <!-- ========= All Javascript files linkup ======== -->
3453
3454    
3454<script src="assets/js/bootstrap.bundle.min.js"></script>
3454
3455
3456    
3456<script src="assets/js/Chart.min.js"></script>
3456
3457
3458    
3458<script src="assets/js/apexcharts.min.js"></script>
3458
3459
3460    
3460<script src="assets/js/dynamic-pie-chart.js"></script>
3460
3461
3462    
3462<script src="assets/js/moment.min.js"></script>
3462
3463
3464    
3464<script src="assets/js/fullcalendar.js"></script>
3464
3465
3466    
3466<script src="assets/js/jvectormap.min.js"></script>
3466
3467
3468    
3468<script src="assets/js/world-merc.js"></script>
3468
3469
3470    
3470<script src="assets/js/polyfill.js"></script>
3470
3471
3472    
3472<script src="assets/js/quill.min.js"></script>
3472
3473
3474    
3474<script src="assets/js/vanilla-dataTables.min.js"></script>
3474
3475
3476    
3476<script src="assets/js/main.js"></script>
3476
3477
3478
3479
3480    
3480<script>
3481
3482      // ======== jvectormap activation
3483
3484      var markers = [
3485
3486        { name: "India", coords: [20.5937, 78.9629] },
3487
3488        { name: "Chaina", coords: [35.8617, 104.1954] },
3489
3490        { name: "Russia", coords: [61.5240, 105.3188] },
3491
3492        { name: "Canada", coords: [56.1304, -106.3468] },
3493
3494        { name: "Brazil", coords: [-14.235, -51.9253] },
3495
3496        { name: "Australia", coords: [-25.2744, 133.7751] },
3497
3498      ];
3499
3500
3501
3502      var jvm = new jsVectorMap({
3503
3504        map: "world_merc",
3505
3506        selector: "#map",
3507
3508        zoomButtons: true,
3509
3510
3511
3512        regionStyle: {
3513
3514          initial: {
3515
3516            fill: "#ccc",
3517
3518          },
3519
3520        },
3521
3522
3523
3524        labels: {
3525
3526          markers: {
3527
3528            render: (marker) => marker.name,
3529
3530          },
3531
3532        },
3533
3534
3535
3536        markersSelectable: true,
3537
3538        selectedMarkers: markers.map((marker, index) => {
3539
3540          var name = marker.name;
3541
3542
3543
3544          if (name === "India" || name === "Australia" || name === "Canada") {
3545
3546            return index;
3547
3548          }
3549
3550        }),
3551
3552        markers: markers,
3553
3554        markerStyle: {
3555
3556          initial: { fill: "#4A6CF7" },
3557
3558          selected: { fill: "#ff5050" },
3559
3560        },
3561
3562        markerLabelStyle: {
3563
3564          initial: {
3565
3566            fontWeight: 400,
3567
3568            fontSize: 14,
3569
3570          },
3571
3572        },
3573
3574      });
3575
3576      // ====== calendar activation
3577
3578      document.addEventListener("DOMContentLoaded", function () {
3579
3580        var calendarMiniEl = document.getElementById("calendar-mini");
3581
3582        var calendarMini = new FullCalendar.Calendar(calendarMiniEl, {
3583
3584          initialView: "dayGridMonth",
3585
3586          headerToolbar: {
3587
3588            end: "today prev,next",
3589
3590          },
3591
3592        });
3593
3594        calendarMini.render();
3595
3596      });
3597
3598
3599
3600      // =========== chart one start
3601
3602      const ctx1 = document.getElementById("Chart1").getContext("2d");
3603
3604      const chart1 = new Chart(ctx1, {
3605
3606        // The type of chart we want to create
3607
3608        type: "line", // also try bar or other graph types
3609
3610
3611
3612        // The data for our dataset
3613
3614        data: {
3615
3616          labels: [
3617
3618            "Jan",
3619
3620            "Fab",
3621
3622            "Mar",
3623
3624            "Apr",
3625
3626            "May",
3627
3628            "Jun",
3629
3630            "Jul",
3631
3632            "Aug",
3633
3634            "Sep",
3635
3636            "Oct",
3637
3638            "Nov",
3639
3640            "Dec",
3641
3642          ],
3643
3644          // Information about the dataset
3645
3646          datasets: [
3647
3648            {
3649
3650              label: "",
3651
3652              backgroundColor: "transparent",
3653
3654              borderColor: "#4A6CF7",
3655
3656              data: [
3657
3658                600, 800, 750, 880, 940, 880, 900, 770, 920, 890, 976, 1100,
3659
3660              ],
3661
3662              pointBackgroundColor: "transparent",
3663
3664              pointHoverBackgroundColor: "#4A6CF7",
3665
3666              pointBorderColor: "transparent",
3667
3668              pointHoverBorderColor: "#fff",
3669
3670              pointHoverBorderWidth: 5,
3671
3672              pointBorderWidth: 5,
3673
3674              pointRadius: 8,
3675
3676              pointHoverRadius: 8,
3677
3678            },
3679
3680          ],
3681
3682        },
3683
3684
3685
3686        // Configuration options
3687
3688        defaultFontFamily: "Inter",
3689
3690        options: {
3691
3692          tooltips: {
3693
3694            callbacks: {
3695
3696              labelColor: function (tooltipItem, chart) {
3697
3698                return {
3699
3700                  backgroundColor: "#ffffff",
3701
3702                };
3703
3704              },
3705
3706            },
3707
3708            intersect: false,
3709
3710            backgroundColor: "#f9f9f9",
3711
3712            titleFontFamily: "Inter",
3713
3714            titleFontColor: "#8F92A1",
3715
3716            titleFontColor: "#8F92A1",
3717
3718            titleFontSize: 12,
3719
3720            bodyFontFamily: "Inter",
3721
3722            bodyFontColor: "#171717",
3723
3724            bodyFontStyle: "bold",
3725
3726            bodyFontSize: 16,
3727
3728            multiKeyBackground: "transparent",
3729
3730            displayColors: false,
3731
3732            xPadding: 30,
3733
3734            yPadding: 10,
3735
3736            bodyAlign: "center",
3737
3738            titleAlign: "center",
3739
3740          },
3741
3742
3743
3744          title: {
3745
3746            display: false,
3747
3748          },
3749
3750          legend: {
3751
3752            display: false,
3753
3754          },
3755
3756
3757
3758          scales: {
3759
3760            yAxes: [
3761
3762              {
3763
3764                gridLines: {
3765
3766                  display: false,
3767
3768                  drawTicks: false,
3769
3770                  drawBorder: false,
3771
3772                },
3773
3774                ticks: {
3775
3776                  padding: 35,
3777
3778                  max: 1200,
3779
3780                  min: 500,
3781
3782                },
3783
3784              },
3785
3786            ],
3787
3788            xAxes: [
3789
3790              {
3791
3792                gridLines: {
3793
3794                  drawBorder: false,
3795
3796                  color: "rgba(143, 146, 161, .1)",
3797
3798                  zeroLineColor: "rgba(143, 146, 161, .1)",
3799
3800                },
3801
3802                ticks: {
3803
3804                  padding: 20,
3805
3806                },
3807
3808              },
3809
3810            ],
3811
3812          },
3813
3814        },
3815
3816      });
3817
3818
3819
3820      // =========== chart one end
3821
3822
3823
3824      // =========== chart two start
3825
3826      const ctx2 = document.getElementById("Chart2").getContext("2d");
3827
3828      const chart2 = new Chart(ctx2, {
3829
3830        // The type of chart we want to create
3831
3832        type: "bar", // also try bar or other graph types
3833
3834        // The data for our dataset
3835
3836        data: {
3837
3838          labels: [
3839
3840            "Jan",
3841
3842            "Fab",
3843
3844            "Mar",
3845
3846            "Apr",
3847
3848            "May",
3849
3850            "Jun",
3851
3852            "Jul",
3853
3854            "Aug",
3855
3856            "Sep",
3857
3858            "Oct",
3859
3860            "Nov",
3861
3862            "Dec",
3863
3864          ],
3865
3866          // Information about the dataset
3867
3868          datasets: [
3869
3870            {
3871
3872              label: "",
3873
3874              backgroundColor: "#4A6CF7",
3875
3876              barThickness: 6,
3877
3878              maxBarThickness: 8,
3879
3880              data: [
3881
3882                600, 700, 1000, 700, 650, 800, 690, 740, 720, 1120, 876, 900,
3883
3884              ],
3885
3886            },
3887
3888          ],
3889
3890        },
3891
3892        // Configuration options
3893
3894        options: {
3895
3896          borderColor: "#F3F6F8",
3897
3898          borderWidth: 15,
3899
3900          backgroundColor: "#F3F6F8",
3901
3902          tooltips: {
3903
3904            callbacks: {
3905
3906              labelColor: function (tooltipItem, chart) {
3907
3908                return {
3909
3910                  backgroundColor: "rgba(104, 110, 255, .0)",
3911
3912                };
3913
3914              },
3915
3916            },
3917
3918            backgroundColor: "#F3F6F8",
3919
3920            titleFontColor: "#8F92A1",
3921
3922            titleFontSize: 12,
3923
3924            bodyFontColor: "#171717",
3925
3926            bodyFontStyle: "bold",
3927
3928            bodyFontSize: 16,
3929
3930            multiKeyBackground: "transparent",
3931
3932            displayColors: false,
3933
3934            xPadding: 30,
3935
3936            yPadding: 10,
3937
3938            bodyAlign: "center",
3939
3940            titleAlign: "center",
3941
3942          },
3943
3944
3945
3946          title: {
3947
3948            display: false,
3949
3950          },
3951
3952          legend: {
3953
3954            display: false,
3955
3956          },
3957
3958
3959
3960          scales: {
3961
3962            yAxes: [
3963
3964              {
3965
3966                gridLines: {
3967
3968                  display: false,
3969
3970                  drawTicks: false,
3971
3972                  drawBorder: false,
3973
3974                },
3975
3976                ticks: {
3977
3978                  padding: 35,
3979
3980                  max: 1200,
3981
3982                  min: 0,
3983
3984                },
3985
3986              },
3987
3988            ],
3989
3990            xAxes: [
3991
3992              {
3993
3994                gridLines: {
3995
3996                  display: false,
3997
3998                  drawBorder: false,
3999
4000                  color: "rgba(143, 146, 161, .1)",
4001
4002                  zeroLineColor: "rgba(143, 146, 161, .1)",
4003
4004                },
4005
4006                ticks: {
4007
4008                  padding: 20,
4009
4010                },
4011
4012              },
4013
4014            ],
4015
4016          },
4017
4018        },
4019
4020      });
4021
4022      // =========== chart two end
4023
4024
4025
4026      // =========== chart three start
4027
4028      const ctx3 = document.getElementById("Chart3").getContext("2d");
4029
4030      const chart3 = new Chart(ctx3, {
4031
4032        // The type of chart we want to create
4033
4034        type: "line", // also try bar or other graph types
4035
4036
4037
4038        // The data for our dataset
4039
4040        data: {
4041
4042          labels: [
4043
4044            "Jan",
4045
4046            "Fab",
4047
4048            "Mar",
4049
4050            "Apr",
4051
4052            "May",
4053
4054            "Jun",
4055
4056            "Jul",
4057
4058            "Aug",
4059
4060            "Sep",
4061
4062            "Oct",
4063
4064            "Nov",
4065
4066            "Dec",
4067
4068          ],
4069
4070          // Information about the dataset
4071
4072          datasets: [
4073
4074            {
4075
4076              label: "Revenue",
4077
4078              backgroundColor: "transparent",
4079
4080              borderColor: "#4a6cf7",
4081
4082              data: [80, 120, 110, 100, 130, 150, 115, 145, 140, 130, 160, 210],
4083
4084              pointBackgroundColor: "transparent",
4085
4086              pointHoverBackgroundColor: "#4a6cf7",
4087
4088              pointBorderColor: "transparent",
4089
4090              pointHoverBorderColor: "#fff",
4091
4092              pointHoverBorderWidth: 3,
4093
4094              pointBorderWidth: 5,
4095
4096              pointRadius: 5,
4097
4098              pointHoverRadius: 8,
4099
4100            },
4101
4102            {
4103
4104              label: "Profit",
4105
4106              backgroundColor: "transparent",
4107
4108              borderColor: "#9b51e0",
4109
4110              data: [
4111
4112                120, 160, 150, 140, 165, 210, 135, 155, 170, 140, 130, 200,
4113
4114              ],
4115
4116              pointBackgroundColor: "transparent",
4117
4118              pointHoverBackgroundColor: "#9b51e0",
4119
4120              pointBorderColor: "transparent",
4121
4122              pointHoverBorderColor: "#fff",
4123
4124              pointHoverBorderWidth: 3,
4125
4126              pointBorderWidth: 5,
4127
4128              pointRadius: 5,
4129
4130              pointHoverRadius: 8,
4131
4132            },
4133
4134            {
4135
4136              label: "Order",
4137
4138              backgroundColor: "transparent",
4139
4140              borderColor: "#f2994a",
4141
4142              data: [180, 110, 140, 135, 100, 90, 145, 115, 100, 110, 115, 150],
4143
4144              pointBackgroundColor: "transparent",
4145
4146              pointHoverBackgroundColor: "#f2994a",
4147
4148              pointBorderColor: "transparent",
4149
4150              pointHoverBorderColor: "#fff",
4151
4152              pointHoverBorderWidth: 3,
4153
4154              pointBorderWidth: 5,
4155
4156              pointRadius: 5,
4157
4158              pointHoverRadius: 8,
4159
4160            },
4161
4162          ],
4163
4164        },
4165
4166
4167
4168        // Configuration options
4169
4170        options: {
4171
4172          tooltips: {
4173
4174            intersect: false,
4175
4176            backgroundColor: "#fbfbfb",
4177
4178            titleFontColor: "#8F92A1",
4179
4180            titleFontSize: 16,
4181
4182            titleFontFamily: "Inter",
4183
4184            titleFontStyle: "400",
4185
4186            bodyFontFamily: "Inter",
4187
4188            bodyFontColor: "#171717",
4189
4190            bodyFontSize: 16,
4191
4192            multiKeyBackground: "transparent",
4193
4194            displayColors: false,
4195
4196            xPadding: 30,
4197
4198            yPadding: 15,
4199
4200            borderColor: "rgba(143, 146, 161, .1)",
4201
4202            borderWidth: 1,
4203
4204            title: false,
4205
4206          },
4207
4208
4209
4210          title: {
4211
4212            display: false,
4213
4214          },
4215
4216
4217
4218          layout: {
4219
4220            padding: {
4221
4222              top: 0,
4223
4224            },
4225
4226          },
4227
4228
4229
4230          legend: false,
4231
4232
4233
4234          scales: {
4235
4236            yAxes: [
4237
4238              {
4239
4240                gridLines: {
4241
4242                  display: false,
4243
4244                  drawTicks: false,
4245
4246                  drawBorder: false,
4247
4248                },
4249
4250                ticks: {
4251
4252                  padding: 35,
4253
4254                  max: 300,
4255
4256                  min: 50,
4257
4258                },
4259
4260              },
4261
4262            ],
4263
4264            xAxes: [
4265
4266              {
4267
4268                gridLines: {
4269
4270                  drawBorder: false,
4271
4272                  color: "rgba(143, 146, 161, .1)",
4273
4274                  zeroLineColor: "rgba(143, 146, 161, .1)",
4275
4276                },
4277
4278                ticks: {
4279
4280                  padding: 20,
4281
4282                },
4283
4284              },
4285
4286            ],
4287
4288          },
4289
4290        },
4291
4292      });
4293
4294      // =========== chart three end
4295
4296
4297
4298      // ================== chart four start
4299
4300      const ctx4 = document.getElementById("Chart4").getContext("2d");
4301
4302      const chart4 = new Chart(ctx4, {
4303
4304        // The type of chart we want to create
4305
4306        type: "bar", // also try bar or other graph types
4307
4308        // The data for our dataset
4309
4310        data: {
4311
4312          labels: ["Jan", "Fab", "Mar", "Apr", "May", "Jun"],
4313
4314          // Information about the dataset
4315
4316          datasets: [
4317
4318            {
4319
4320              label: "",
4321
4322              backgroundColor: "#4A6CF7",
4323
4324              barThickness: "flex",
4325
4326              maxBarThickness: 8,
4327
4328              data: [600, 700, 1000, 700, 650, 800],
4329
4330            },
4331
4332            {
4333
4334              label: "",
4335
4336              backgroundColor: "#d50100",
4337
4338              barThickness: "flex",
4339
4340              maxBarThickness: 8,
4341
4342              data: [690, 740, 720, 1120, 876, 900],
4343
4344            },
4345
4346          ],
4347
4348        },
4349
4350        // Configuration options
4351
4352        options: {
4353
4354          borderColor: "#F3F6F8",
4355
4356          borderWidth: 15,
4357
4358          backgroundColor: "#F3F6F8",
4359
4360          tooltips: {
4361
4362            callbacks: {
4363
4364              labelColor: function (tooltipItem, chart) {
4365
4366                return {
4367
4368                  backgroundColor: "rgba(104, 110, 255, .0)",
4369
4370                };
4371
4372              },
4373
4374            },
4375
4376            backgroundColor: "#F3F6F8",
4377
4378            titleFontColor: "#8F92A1",
4379
4380            titleFontSize: 12,
4381
4382            bodyFontColor: "#171717",
4383
4384            bodyFontStyle: "bold",
4385
4386            bodyFontSize: 16,
4387
4388            multiKeyBackground: "transparent",
4389
4390            displayColors: false,
4391
4392            xPadding: 30,
4393
4394            yPadding: 10,
4395
4396            bodyAlign: "center",
4397
4398            titleAlign: "center",
4399
4400          },
4401
4402
4403
4404          title: {
4405
4406            display: false,
4407
4408          },
4409
4410          legend: {
4411
4412            display: false,
4413
4414          },
4415
4416
4417
4418          scales: {
4419
4420            yAxes: [
4421
4422              {
4423
4424                gridLines: {
4425
4426                  display: false,
4427
4428                  drawTicks: false,
4429
4430                  drawBorder: false,
4431
4432                },
4433
4434                ticks: {
4435
4436                  padding: 35,
4437
4438                  max: 1200,
4439
4440                  min: 0,
4441
4442                },
4443
4444              },
4445
4446            ],
4447
4448            xAxes: [
4449
4450              {
4451
4452                gridLines: {
4453
4454                  display: false,
4455
4456                  drawBorder: false,
4457
4458                  color: "rgba(143, 146, 161, .1)",
4459
4460                  zeroLineColor: "rgba(143, 146, 161, .1)",
4461
4462                },
4463
4464                ticks: {
4465
4466                  padding: 20,
4467
4468                },
4469
4470              },
4471
4472            ],
4473
4474          },
4475
4476        },
4477
4478      });
4479
4480      // =========== chart four end
4481
4482    </script>
4482
4483
4484  </body>
4485
4486</html>
4487

Line numbers count LF bytes from the start of the resource, as the search results do. Vendor segments are library code the classifier recognised; they are stored but not indexed. Bytes are shown as Latin1 characters, one per byte.