466 lines
21 KiB
Plaintext
466 lines
21 KiB
Plaintext
- var height_equal = true;
|
|
- var theme_customizer = true;
|
|
- var date_picker = true;
|
|
- var apex = true;
|
|
- var general_widget = true;
|
|
- var sidebar = true;
|
|
- var slick = true;
|
|
- var header_slider = true;
|
|
- var animate = true;
|
|
- var scrollbar = true;
|
|
doctype html
|
|
html(lang='en')
|
|
include ../../components/header-files
|
|
body
|
|
include ../../components/loader
|
|
include ../../components/taptop
|
|
// page-wrapper Start
|
|
#pageWrapper.page-wrapper.compact-wrapper
|
|
include ../../components/header
|
|
// Page Body Start
|
|
.page-body-wrapper
|
|
include ../../components/sidebar
|
|
.page-body
|
|
.container-fluid
|
|
.page-title
|
|
.row
|
|
.col-6
|
|
h3
|
|
| General
|
|
.col-6
|
|
ol.breadcrumb
|
|
li.breadcrumb-item
|
|
a(href='index.html')
|
|
svg.stroke-icon
|
|
use(href='../assets/svg/icon-sprite.svg#stroke-home')
|
|
li.breadcrumb-item Widgets
|
|
li.breadcrumb-item.active General
|
|
// Container-fluid starts
|
|
.container-fluid
|
|
.row
|
|
.col-sm-4.col-xxl-2
|
|
.currency-widget.warning.height-equal.widget-currency
|
|
.d-flex
|
|
.currency-icon-widget
|
|
svg
|
|
use(href='../assets/svg/icon-sprite.svg#beta')
|
|
div
|
|
h6 Bitcoin
|
|
span.f-light BTC
|
|
.card
|
|
.card-body.d-flex
|
|
.currency-chart-wrap
|
|
#currency-chart
|
|
.bg-light-warning.text-center
|
|
h5.mb-sm-0 $21,43
|
|
span.f-12.f-w-500.font-warning
|
|
i.me-1(data-feather="trending-up")
|
|
| +50%
|
|
.col-sm-4.col-xxl-2
|
|
.currency-widget.primary.height-equal.widget-currency
|
|
.d-flex
|
|
.currency-icon-widget
|
|
svg
|
|
use(href='../assets/svg/icon-sprite.svg#eth')
|
|
div
|
|
h6 Ethereum
|
|
span.f-light ETC
|
|
.card
|
|
.card-body.d-flex
|
|
.currency-chart-wrap
|
|
#currency-chart2
|
|
.bg-light-primary.text-center
|
|
h5.mb-0 $7,450
|
|
span.f-12.f-w-500.font-primary
|
|
i.me-1(data-feather="trending-up")
|
|
| +35%
|
|
.col-sm-4.col-xxl-2
|
|
.currency-widget.success.height-equal.widget-currency
|
|
.d-flex
|
|
.currency-icon-widget
|
|
svg
|
|
use(href='../assets/svg/icon-sprite.svg#ltc')
|
|
div
|
|
h6 Leave Travel
|
|
span.f-light LTC
|
|
.card
|
|
.card-body.d-flex
|
|
.currency-chart-wrap
|
|
#currency-chart3
|
|
.bg-light-success.text-center
|
|
h5.mb-0 $2,198
|
|
span.f-12.f-w-500.font-success
|
|
i.me-1(data-feather="trending-up")
|
|
| +73%
|
|
.col-xxl-3.col-sm-6
|
|
.card.height-equal.radial-height
|
|
.card-body.radial-progress-card
|
|
div
|
|
h6.mb-0 Average Sales Per Day
|
|
.sale-details
|
|
h5.font-primary.mb-0 45,908
|
|
span.f-12.f-light.f-w-500
|
|
i(data-feather="arrow-up")
|
|
| +5.7%
|
|
p.f-light The point of using Lorem Ipsum
|
|
.radial-chart-wrap
|
|
#radial-chart
|
|
.col-xxl-3.col-sm-6
|
|
.card.height-equal.radial-height
|
|
.card-body.radial-progress-card
|
|
div
|
|
h6.mb-0 Average Profit Per Day
|
|
.sale-details
|
|
h5.font-primary.mb-0 89.6%
|
|
span.f-12.f-light.f-w-500
|
|
i(data-feather="arrow-up")
|
|
| +2.7%
|
|
p.f-light The point of using Lorem Ipsum
|
|
.radial-chart-wrap
|
|
#radial-chart1
|
|
.col-sm-6.col-xl-3.col-lg-6.box-col-6
|
|
.card.widget-1
|
|
.card-body
|
|
.widget-content
|
|
.widget-round.secondary
|
|
.bg-round
|
|
svg.svg-fill
|
|
use(href='../assets/svg/icon-sprite.svg#cart')
|
|
svg.half-circle.svg-fill
|
|
use(href='../assets/svg/icon-sprite.svg#halfcircle')
|
|
div
|
|
h4 10,000
|
|
span.f-light Purchase
|
|
div.font-secondary.f-w-500
|
|
i.icon-arrow-up.icon-rotate.me-1
|
|
span +50%
|
|
.col-sm-6.col-xl-3.col-lg-6.box-col-6
|
|
.card.widget-1
|
|
.card-body
|
|
.widget-content
|
|
.widget-round.primary
|
|
.bg-round
|
|
svg.svg-fill
|
|
use(href='../assets/svg/icon-sprite.svg#tag')
|
|
svg.half-circle.svg-fill
|
|
use(href='../assets/svg/icon-sprite.svg#halfcircle')
|
|
div
|
|
h4 4,200
|
|
span.f-light Sales
|
|
div.font-primary.f-w-500
|
|
i.icon-arrow-up.icon-rotate.me-1
|
|
span +70%
|
|
.col-sm-6.col-xl-3.col-lg-6.box-col-6
|
|
.card.widget-1
|
|
.card-body
|
|
.widget-content
|
|
.widget-round.warning
|
|
.bg-round
|
|
svg.svg-fill
|
|
use(href='../assets/svg/icon-sprite.svg#return-box')
|
|
svg.half-circle.svg-fill
|
|
use(href='../assets/svg/icon-sprite.svg#halfcircle')
|
|
div
|
|
h4 7000
|
|
span.f-light Sales return
|
|
div.font-warning.f-w-500
|
|
i.icon-arrow-down.icon-rotate.me-1
|
|
span -20%
|
|
.col-sm-6.col-xl-3.col-lg-6.box-col-6
|
|
.card.widget-1
|
|
.card-body
|
|
.widget-content
|
|
.widget-round.success
|
|
.bg-round
|
|
svg.svg-fill
|
|
use(href='../assets/svg/icon-sprite.svg#rate')
|
|
svg.half-circle.svg-fill
|
|
use(href='../assets/svg/icon-sprite.svg#halfcircle')
|
|
div
|
|
h4 5700
|
|
span.f-light Purchase rate
|
|
div.font-success.f-w-500
|
|
i.icon-arrow-up.icon-rotate.me-1
|
|
span +70%
|
|
.col-xxl-3.col-xl-4.col-md-6.box-col-6
|
|
.row
|
|
.col-sm-12
|
|
.card.course-box.widget-course
|
|
.card-body
|
|
.course-widget
|
|
.course-icon
|
|
svg.fill-icon
|
|
use(href='../assets/svg/icon-sprite.svg#course-1')
|
|
div
|
|
h4.mb-0 100+
|
|
span.f-light Completed Courses
|
|
a.btn.btn-light(href="learning-list-view.html").f-light View course
|
|
span.ms-2
|
|
svg.fill-icon.f-light
|
|
use(href='../assets/svg/icon-sprite.svg#arrowright')
|
|
ul.square-group
|
|
li.square-1.warning
|
|
li.square-1.primary
|
|
li.square-2.warning1
|
|
li.square-3.danger
|
|
li.square-4.light
|
|
li.square-5.warning
|
|
li.square-6.success
|
|
li.square-7.success
|
|
.col-sm-12
|
|
.card.course-box.widget-course
|
|
.card-body
|
|
.course-widget
|
|
.course-icon.warning
|
|
svg.fill-icon
|
|
use(href='../assets/svg/icon-sprite.svg#course-2')
|
|
div
|
|
h4.mb-0 50+
|
|
span.f-light In Progress Courses
|
|
a.btn.btn-light(href="learning-list-view.html").f-light View course
|
|
span.ms-2
|
|
svg.fill-icon.f-light
|
|
use(href='../assets/svg/icon-sprite.svg#arrowright')
|
|
ul.square-group
|
|
li.square-1.warning
|
|
li.square-1.primary
|
|
li.square-2.warning1
|
|
li.square-3.danger
|
|
li.square-4.light
|
|
li.square-5.warning
|
|
li.square-6.success
|
|
li.square-7.success
|
|
.col-xxl-4.col-xl-5.col-md-6.box-col-6
|
|
.row
|
|
.col-xl-12
|
|
.card
|
|
.card-header.card-no-border.pb-0
|
|
.header-top
|
|
h5 Total Users
|
|
.dropdown.icon-dropdown
|
|
button#userdropdown.btn.dropdown-toggle(type='button' data-bs-toggle='dropdown' aria-expanded='false')
|
|
i.icon-more-alt
|
|
.dropdown-menu.dropdown-menu-end(aria-labelledby='userdropdown')
|
|
a.dropdown-item(href='#') Weekly
|
|
a.dropdown-item(href='#') Monthly
|
|
a.dropdown-item(href='#') Yearly
|
|
.card-body.py-lg-3
|
|
ul.user-list
|
|
li
|
|
.user-icon.primary
|
|
.user-box
|
|
i.font-primary(data-feather="user-plus")
|
|
div
|
|
h5.mb-1 178,098
|
|
span.font-primary.d-flex.align-items-center
|
|
i.icon-arrow-up.icon-rotate.me-1
|
|
span.f-w-500 +30.89
|
|
li
|
|
.user-icon.success
|
|
.user-box
|
|
i.font-success(data-feather="user-minus")
|
|
div
|
|
h5.mb-1 178,098
|
|
span.font-danger.d-flex.align-items-center
|
|
i.icon-arrow-down.icon-rotate.me-1
|
|
span.f-w-500 -08.89
|
|
.col-xl-12
|
|
.card.growth-wrap
|
|
.card-header.card-no-border.pb-0
|
|
.header-top
|
|
h5 Followers Growth
|
|
.dropdown.icon-dropdown
|
|
button#growthdropdown.btn.dropdown-toggle(type='button' data-bs-toggle='dropdown' aria-expanded='false')
|
|
i.icon-more-alt
|
|
.dropdown-menu.dropdown-menu-end(aria-labelledby='growthdropdown')
|
|
a.dropdown-item(href='#') Weekly
|
|
a.dropdown-item(href='#') Monthly
|
|
a.dropdown-item(href='#') Yearly
|
|
.card-body
|
|
.growth-wrapper
|
|
#growthchart
|
|
.col-xxl-5.col-xl-3.col-md-12.box-col-12
|
|
.card.visitor-card
|
|
.card-header.card-no-border.pb-0
|
|
.header-top
|
|
h5.m-0 Visitors
|
|
span.f-14.font-primary.f-w-500.ms-1
|
|
svg.svg-fill.me-1
|
|
use(href='../assets/svg/icon-sprite.svg#user-visitor')
|
|
| (+2.8)
|
|
.card-header-right-icon
|
|
.dropdown.icon-dropdown
|
|
button#visitorButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false')
|
|
i.icon-more-alt
|
|
.dropdown-menu.dropdown-menu-end(aria-labelledby='visitorButton')
|
|
a.dropdown-item(href='#') Today
|
|
a.dropdown-item(href='#') Tomorrow
|
|
a.dropdown-item(href='#') Yesterday
|
|
.card-body.pt-3
|
|
.visitors-container
|
|
#visitor-chart
|
|
.col-xl-3.col-sm-6
|
|
.card.social-widget
|
|
.card-body
|
|
.d-flex.align-items-center.justify-content-between
|
|
div.d-flex.align-items-center.gap-2
|
|
.social-icons
|
|
img(src="../assets/images/dashboard-5/social/1.png", alt="facebook icon")
|
|
span Facebook
|
|
span.font-success.f-12.d-xxl-block.d-xl-none +22.9%
|
|
.social-content
|
|
div
|
|
h5.mb-1 12,098
|
|
span.f-light Followers
|
|
.social-chart
|
|
#radial-facebook
|
|
.col-xl-3.col-sm-6
|
|
.card.social-widget
|
|
.card-body
|
|
.d-flex.align-items-center.justify-content-between
|
|
div.d-flex.align-items-center.gap-2
|
|
.social-icons
|
|
img(src="../assets/images/dashboard-5/social/3.png", alt="twitter icon")
|
|
span Twitter
|
|
span.font-success.f-12.d-xxl-block.d-xl-none +14.09%
|
|
.social-content
|
|
div
|
|
h5.mb-1 12,564
|
|
span.f-light Followers
|
|
.social-chart
|
|
#radial-twitter
|
|
.col-xl-3.col-sm-6
|
|
.card.social-widget
|
|
.card-body
|
|
.d-flex.align-items-center.justify-content-between
|
|
div.d-flex.align-items-center.gap-2
|
|
.social-icons
|
|
img(src="../assets/images/dashboard-5/social/2.png", alt="instagram icon")
|
|
span Instagram
|
|
span.font-success.f-12.d-xxl-block.d-xl-none +27.4%
|
|
.social-content
|
|
div
|
|
h5.mb-1 15,080
|
|
span.f-light Followers
|
|
.social-chart
|
|
#radial-instagram
|
|
.col-xl-3.col-sm-6
|
|
.card.social-widget
|
|
.card-body
|
|
.d-flex.align-items-center.justify-content-between
|
|
div.d-flex.align-items-center.gap-2
|
|
.social-icons
|
|
img(src="../assets/images/dashboard-5/social/4.png", alt="you tube icon")
|
|
span Youtube
|
|
span.font-success.f-12.d-xxl-block.d-xl-none +22.9%
|
|
.social-content
|
|
div
|
|
h5.mb-1 68,954
|
|
span.f-light Followers
|
|
.social-chart
|
|
#radial-youtube
|
|
.col-xxl-5.col-xl-8.box-col-12
|
|
.row.g-sm-3.height-equal-2.widget-charts
|
|
.col-sm-6
|
|
.card.small-widget.mb-sm-0
|
|
.card-body.primary
|
|
span.f-light New Orders
|
|
.d-flex.align-items-end.gap-1
|
|
h4 2,435
|
|
span.font-primary.f-12.f-w-500
|
|
i.icon-arrow-up
|
|
span +50%
|
|
.bg-gradient
|
|
svg.stroke-icon.svg-fill
|
|
use(href='../assets/svg/icon-sprite.svg#new-order')
|
|
.col-sm-6
|
|
.card.small-widget.mb-sm-0
|
|
.card-body.warning
|
|
span.f-light New Customers
|
|
.d-flex.align-items-end.gap-1
|
|
h4 2,908
|
|
span.font-warning.f-12.f-w-500
|
|
i.icon-arrow-up
|
|
span +20%
|
|
.bg-gradient
|
|
svg.stroke-icon.svg-fill
|
|
use(href='../assets/svg/icon-sprite.svg#customers')
|
|
.col-sm-6
|
|
.card.small-widget.mb-sm-0
|
|
.card-body.secondary
|
|
span.f-light Average Sale
|
|
.d-flex.align-items-end.gap-1
|
|
h4 $389k
|
|
span.font-secondary.f-12.f-w-500
|
|
i.icon-arrow-down
|
|
span -10%
|
|
.bg-gradient
|
|
svg.stroke-icon.svg-fill
|
|
use(href='../assets/svg/icon-sprite.svg#sale')
|
|
.col-sm-6
|
|
.card.small-widget.mb-sm-0
|
|
.card-body.success
|
|
span.f-light Gross Profit
|
|
.d-flex.align-items-end.gap-1
|
|
h4 $3,908
|
|
span.font-success.f-12.f-w-500
|
|
i.icon-arrow-up
|
|
span +80%
|
|
.bg-gradient
|
|
svg.stroke-icon.svg-fill
|
|
use(href='../assets/svg/icon-sprite.svg#profit')
|
|
.col-sm-6
|
|
.card.widget-1.widget-with-chart.mb-xl-0
|
|
.card-body
|
|
div
|
|
h4.mb-1 1,80k
|
|
span.f-light Orders
|
|
.order-chart
|
|
#orderchart
|
|
.col-sm-6
|
|
.card.widget-1.widget-with-chart.mb-xl-0
|
|
.card-body
|
|
div
|
|
h4.mb-1 6,90k
|
|
span.f-light Profit
|
|
.profit-chart
|
|
#profitchart
|
|
.col-xxl-3.col-xl-4.col-sm-6.box-col-6
|
|
.card.balance-box.height-equal-2
|
|
.card-body.d-flex.align-items-center.justify-content-center
|
|
.balance-profile
|
|
.balance-img
|
|
img(src="../assets/images/dashboard-4/user.png", alt="user vector")
|
|
a(href="user-profile.html").edit-icon
|
|
svg
|
|
use(href='../assets/svg/icon-sprite.svg#pencil')
|
|
span.f-light.d-block Your Balance
|
|
h5.mt-1 $768,987.90
|
|
ul
|
|
li
|
|
.balance-item.danger
|
|
.balance-icon-wrap
|
|
.balance-icon
|
|
i(data-feather="arrow-down-right")
|
|
div
|
|
span.f-12.f-light Investment
|
|
h5 78.8K
|
|
span.badge.badge-light-danger.rounded-pill -11.67%
|
|
li
|
|
.balance-item.success
|
|
.balance-icon-wrap
|
|
.balance-icon
|
|
i(data-feather="arrow-up-right")
|
|
div
|
|
span.f-12.f-light Cash Back
|
|
h5 19.7K
|
|
span.badge.badge-light-success.rounded-pill +10.67%
|
|
.col-xl-4.d-xxl-block.d-xl-none.col-sm-6.box-col-6
|
|
.card.height-equal-2
|
|
.card-body
|
|
.default-datepicker
|
|
.datepicker-here(data-language='en')
|
|
// Container-fluid Ends
|
|
include ../../components/footer
|
|
include ../../components/footer-files
|