343 lines
18 KiB
Plaintext
343 lines
18 KiB
Plaintext
- var prism = true;
|
|
- var theme_customizer = true;
|
|
- var tooltip = true;
|
|
- var counter = true;
|
|
- var clipboard = true;
|
|
- var customcard = true;
|
|
- var apex_widget = true;
|
|
- var apex = true;
|
|
- var chart_widget = true;
|
|
|
|
doctype html
|
|
html(lang='en')
|
|
include ../../components/header-files
|
|
body
|
|
include ../../components/loader
|
|
// page-wrapper Start
|
|
#pageWrapper.page-wrapper
|
|
include ../../components/header
|
|
// Page Body Start
|
|
.page-body-wrapper.horizontal-menu
|
|
include ../../components/sidebar
|
|
.page-body
|
|
.container-fluid
|
|
.page-header
|
|
.row
|
|
.col-sm-6
|
|
h3
|
|
| Chart
|
|
ol.breadcrumb
|
|
li.breadcrumb-item
|
|
a(href='index.html')
|
|
| Home
|
|
li.breadcrumb-item Widgets
|
|
li.breadcrumb-item.active Chart
|
|
.col-sm-6
|
|
include ../../components/bookmark
|
|
// Container-fluid starts
|
|
.container-fluid.chart-widget
|
|
// Chart widget top Start
|
|
.row
|
|
.col-xl-4
|
|
.card.o-hidden
|
|
.chart-widget-top
|
|
.row.card-body
|
|
.col-5
|
|
h6.f-w-600.font-primary SALE
|
|
span.num
|
|
span.counter 90
|
|
| %
|
|
i.icon-angle-up.f-12
|
|
.col-7.text-end
|
|
h4.num.total-value
|
|
| $
|
|
span.counter 3654
|
|
| .00
|
|
div
|
|
#chart-widget1
|
|
.col-xl-4
|
|
.card.o-hidden
|
|
.chart-widget-top
|
|
.row.card-body
|
|
.col-7
|
|
h6.f-w-600.font-secondary PROJECTS
|
|
span.num
|
|
span.counter 30
|
|
| %
|
|
i.icon-angle-up.f-12
|
|
.col-5.text-end
|
|
h4.num.total-value.counter 12569
|
|
div#chart-widget2
|
|
#chart-widget-top-second.flot-chart-placeholder
|
|
.col-xl-4
|
|
.card.o-hidden
|
|
.chart-widget-top
|
|
.row.card-body
|
|
.col-8
|
|
h6.f-w-600.font-success PRODUCTS
|
|
span.num
|
|
span.counter 68
|
|
| %
|
|
i.icon-angle-up.f-12
|
|
.col-4.text-end
|
|
h4.num.total-value
|
|
span.counter 93
|
|
| M
|
|
div#chart-widget3
|
|
#chart-widget-top-third.flot-chart-placeholder
|
|
// Chart widget top Ends
|
|
// Chart widget with bar chart Start
|
|
.row
|
|
.col-xl-7
|
|
.card.o-hidden
|
|
.card-header.pb-0
|
|
h5 Marketing Expenses
|
|
.bar-chart-widget
|
|
.bottom-content.card-body
|
|
.row
|
|
.col-12
|
|
div#chart-widget4
|
|
.col-xl-5
|
|
.card.o-hidden
|
|
.card-header.pb-0
|
|
h5 Total Earning
|
|
.bar-chart-widget
|
|
.top-content.bg-primary
|
|
.bottom-content.card-body
|
|
.row
|
|
.col-12
|
|
div#chart-widget5
|
|
.row.text-center
|
|
.col-4.b-r-light
|
|
div
|
|
span.font-primary
|
|
| 12%
|
|
i.icon-angle-up.f-12.ms-1
|
|
span.text-muted.block-bottom Year
|
|
h4.num.m-0
|
|
span.counter.color-bottom 3659
|
|
| M
|
|
.col-4.b-r-light
|
|
div
|
|
span.font-primary
|
|
| 15%
|
|
i.icon-angle-up.f-12.ms-1
|
|
span.text-muted.block-bottom Month
|
|
h4.num.m-0
|
|
span.counter.color-bottom 698
|
|
| M
|
|
.col-4
|
|
div
|
|
span.font-primary
|
|
| 34%
|
|
i.icon-angle-up.f-12.ms-1
|
|
span.text-muted.block-bottom Today
|
|
h4.num.m-0
|
|
span.counter.color-bottom 9361
|
|
| M
|
|
|
|
// small widgets Start
|
|
.row
|
|
// Live Product chart widget Start
|
|
.xl-50.col-xl-7.box-col-6
|
|
.small-chart-widget.chart-widgets-small
|
|
.card
|
|
.card-header.pb-0
|
|
h5 Live Products
|
|
.setting-list
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-primary
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body
|
|
.chart-container
|
|
.row
|
|
.col-12
|
|
div#chart-widget6
|
|
.code-box-copy
|
|
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#example-head', title='Copy')
|
|
i.icofont.icofont-copy-alt
|
|
pre
|
|
code.language-html#example-head
|
|
| <!-- Cod Box Copy begin -->
|
|
| <div class="chart-container">
|
|
| <div class="row">
|
|
| <div class="col-12">
|
|
| <div id="chart-widget6"></div>
|
|
| </div>
|
|
| </div>
|
|
| </div>
|
|
| <!-- Cod Box Copy end -->
|
|
// Live Product chart widget Ends
|
|
// Turnover chart widget Start
|
|
.xl-50.col-xl-5.box-col-6
|
|
.small-chart-widget.chart-widgets-small
|
|
.card
|
|
.card-header.pb-0
|
|
h5 Turnover
|
|
.setting-list
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-primary
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body
|
|
.chart-container
|
|
.row
|
|
.col-12
|
|
div#chart-widget7
|
|
.code-box-copy
|
|
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#example-head1', title='Copy')
|
|
i.icofont.icofont-copy-alt
|
|
pre
|
|
code.language-html#example-head1
|
|
| <!-- Cod Box Copy begin -->
|
|
| <div class="chart-container">
|
|
| <div class="row">
|
|
| <div class="col-12">
|
|
| <div id="chart-widget7"></div>
|
|
| </div>
|
|
| </div>
|
|
| </div>
|
|
| <!-- Cod Box Copy end -->
|
|
// Turnover chart widget Ends
|
|
// Monthly Sale chart widget Start
|
|
.xl-50.col-xl-5.box-col-6
|
|
.small-chart-widget.chart-widgets-small
|
|
.card
|
|
.card-header.pb-0
|
|
h5 Monthly Sales
|
|
.setting-list
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-primary
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body
|
|
.chart-container
|
|
.row
|
|
.col-12
|
|
div#chart-widget8
|
|
.code-box-copy
|
|
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#example-head2', title='Copy')
|
|
i.icofont.icofont-copy-alt
|
|
pre
|
|
code.language-html#example-head2
|
|
| <!-- Cod Box Copy begin -->
|
|
| <div class="chart-container">
|
|
| <div class="row">
|
|
| <div class="col-12">
|
|
| <div id="chart-widget8"></div>
|
|
| </div>
|
|
| </div>
|
|
| </div>
|
|
| <!-- Cod Box Copy end -->
|
|
// Monthly Sale chart widget Ends
|
|
// Uses chart widget Start
|
|
.xl-50.col-xl-7.box-col-6
|
|
.small-chart-widget.chart-widgets-small
|
|
.card
|
|
.card-header.pb-0
|
|
h5 Uses
|
|
.setting-list
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-primary
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body
|
|
.chart-container
|
|
.row
|
|
.col-12
|
|
div#chart-widget9
|
|
.code-box-copy
|
|
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#example-head3', title='Copy')
|
|
i.icofont.icofont-copy-alt
|
|
pre
|
|
code.language-html#example-head3
|
|
| <!-- Cod Box Copy begin -->
|
|
| <div class="chart-container">
|
|
| <div class="row">
|
|
| <div class="col-12">
|
|
| <div id="chart-widget9"></div>
|
|
| </div>
|
|
| </div>
|
|
| </div>
|
|
| <!-- Cod Box Copy end -->
|
|
// Uses chart widget Ends
|
|
// small widgets Ends
|
|
// Browser uses and website visiter widget Start
|
|
.row
|
|
// browser uses widget chart Start
|
|
.col-sm-12.box-col-12
|
|
.donut-chart-widget
|
|
.card
|
|
.card-header.pb-0
|
|
h5 Browser Uses
|
|
.setting-list
|
|
ul.list-unstyled.setting-option
|
|
li
|
|
.setting-primary
|
|
i.icon-settings
|
|
li
|
|
i.view-html.fa.fa-code.font-white
|
|
li
|
|
i.icofont.icofont-maximize.full-card.font-white
|
|
li
|
|
i.icofont.icofont-minus.minimize-card.font-white
|
|
li
|
|
i.icofont.icofont-refresh.reload-card.font-white
|
|
li
|
|
i.icofont.icofont-error.close-card.font-white
|
|
.card-body
|
|
#chart-widget13
|
|
.code-box-copy
|
|
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#example-head4', title='Copy')
|
|
i.icofont.icofont-copy-alt
|
|
pre
|
|
code.language-html#example-head4
|
|
| <!-- Cod Box Copy begin -->
|
|
| <div id="#chart-widget13"></div>
|
|
| <!-- Cod Box Copy end -->
|
|
// browser uses widget chart Endss
|
|
// Container-fluid Ends
|
|
include ../../components/footer
|
|
include ../../components/footer-files
|