- var apex = true; - var theme_customizer = true; - var dashboard_2 = true; - var animate = true; - var counter = true; - var wow = true; - var sidebar = true; - var slick = true; - var header_slider = 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 | E-Commerce Dashboard .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 Dashboard li.breadcrumb-item.active E-Commerce // Container-fluid starts .container-fluid .row.size-column .col-xxl-10.col-md-12.box-col-8.grid-ed-12 .row .col-xxl-5.col-md-7.box-col-7 .row .col-sm-12 .card.o-hidden .card-body.balance-widget span.f-w-500.f-light Total Balance h4.mb-3.mt-1.f-w-500.mb-0.f-22 $ span.counter 245,154.00 span.f-light.f-14.f-w-400.ms-1 this month a(href="#").purchase-btn.btn.btn-primary.btn-hover-effect.f-w-500 Tap Up Balance .mobile-right-img img.left-mobile-img(src="../assets/images/dashboard-2/widget-img.png", alt="") img.mobile-img(src="../assets/images/dashboard-2/mobile.gif", alt="mobile with coin") .col-6 .card.small-widget .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-6 .card.small-widget .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-6 .card.small-widget .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-6 .card.small-widget .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-xxl-3.col-md-5.col-sm-6.box-col-5 .appointment .card .card-header.card-no-border .header-top h5.m-0 Valuable Customer .card-header-right-icon .dropdown.icon-dropdown button#dropdownMenuButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false') i.icon-more-alt .dropdown-menu.dropdown-menu-end(aria-labelledby='dropdownMenuButton') a.dropdown-item(href='#') Today a.dropdown-item(href='#') Tomorrow a.dropdown-item(href='#') Yesterday .card-body.pt-0 .appointment-table.customer-table.table-responsive table.table.table-bordernone tbody tr td img.img-fluid.img-40.rounded-circle.me-2(src='../assets/images/dashboard/user/1.jpg',alt='user') td.img-content-box a(href="user-profile.html").f-w-500 Jane Cooper span.f-light alma.lawson@gmail.com tr td img.img-fluid.img-40.rounded-circle.me-2(src='../assets/images/dashboard/user/2.jpg',alt='user') td.img-content-box a(href="user-profile.html").f-w-500 Cameron Willia span.f-light tim.jennings@gmail.com tr td img.img-fluid.img-40.rounded-circle.me-2(src='../assets/images/dashboard/user/9.jpg',alt='user') td.img-content-box a(href="user-profile.html").f-w-500 Floyd Miles span.f-light kenzi.lawson@gmail.com tr td img.img-fluid.img-40.rounded-circle.me-2(src='../assets/images/dashboard/user/5.jpg',alt='user') td.img-content-box a(href="user-profile.html").f-w-500 Dianne Russell span.f-light curtis.weaver@gmail.com tr td img.img-fluid.img-40.rounded-circle.me-2(src='../assets/images/dashboard/user/3.jpg',alt='user') td.img-content-box a(href="user-profile.html").f-w-500 Guy Hawkins span.f-light curtis.weaver@gmail.com .col-xxl-4.col-sm-6.box-col-6 .card .card-header.card-no-border .header-top h5.m-0 Order this month .card-header-right-icon .dropdown.icon-dropdown button#orderButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false') i.icon-more-alt .dropdown-menu.dropdown-menu-end(aria-labelledby='orderButton') a.dropdown-item(href='#') Today a.dropdown-item(href='#') Tomorrow a.dropdown-item(href='#') Yesterday .card-body.pt-0 .light-card.balance-card.d-inline-block h4.mb-0 $12,000 span.f-light.f-14 (15,080 To Goal) .order-wrapper #order-goal .col-xxl-3.col-md-6.box-col-6 .card .card-header.card-no-border h5 Monthly Profits span.f-light.f-w-500.f-14 (Total profit growth of 30%) .card-body.pt-0 .monthly-profit #profitmonthly .col-xxl-9.box-col-12 .card .card-header.card-no-border h5 Order Overview .card-body.pt-0 .row.m-0.overall-card.overview-card .col-xl-9.col-md-8.col-sm-7.p-0.box-col-7 .chart-right .row .col-xl-12 .card-body.p-0 ul.balance-data li span.circle.bg-secondary span.f-light.ms-1 Refunds li span.circle.bg-primary span.f-light.ms-1 Earning li span.circle.bg-success span.f-light.ms-1 Order .current-sale-container.order-container #orderoverview.overview-wrapper .back-bar-container #order-bar .col-xl-3.col-md-4.col-sm-5.p-0.box-col-5 .row.g-sm-3.g-2 .col-md-12 .light-card.balance-card.widget-hover .svg-box svg.svg-fill use(href='../assets/svg/icon-sprite.svg#orders') div span.f-light Orders h6.mt-1.mb-0 10,098 .ms-auto.text-end .dropdown.icon-dropdown button#orderdropdown.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false') i.icon-more-alt .dropdown-menu.dropdown-menu-end(aria-labelledby='orderdropdown') a.dropdown-item(href='#') Today a.dropdown-item(href='#') Tomorrow a.dropdown-item(href='#') Yesterday .col-md-12 .light-card.balance-card.widget-hover .svg-box svg.svg-fill use(href='../assets/svg/icon-sprite.svg#expense') div span.f-light Earning h6.mt-1.mb-0 $12,678 .ms-auto.text-end .dropdown.icon-dropdown button#earningdropdown.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false') i.icon-more-alt .dropdown-menu.dropdown-menu-end(aria-labelledby='earningdropdown') a.dropdown-item(href='#') Today a.dropdown-item(href='#') Tomorrow a.dropdown-item(href='#') Yesterday .col-md-12 .light-card.balance-card.widget-hover .svg-box svg.svg-fill use(href='../assets/svg/icon-sprite.svg#doller-return') div span.f-light Refunds h6.mt-1.mb-0 3,001 .ms-auto.text-end .dropdown.icon-dropdown button#incomedropdown.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false') i.icon-more-alt .dropdown-menu.dropdown-menu-end(aria-labelledby='incomedropdown') a.dropdown-item(href='#') Today a.dropdown-item(href='#') Tomorrow a.dropdown-item(href='#') Yesterday .col-xxl-3.col-xl-4.col-sm-6.box-col-6.wow.zoomIn .card.purchase-card.discover img.img-fluid(src="../assets/images/dashboard-2/discover.png", alt="vector discover") .card-body.pt-3 h5.mb-1 Discover Pro p.f-light Amet minim mollit non deserunt ullamco est sit aliqua dolor a.purchase-btn.btn.btn-hover-effect.btn-primary.f-w-500(href="https://1.envato.market/3GVzd" target="_blank") Update Now .col-xxl-4.col-xl-4.col-sm-6.box-col-6 .card.visitor-card .card-header.card-no-border .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-0 .visitors-container #visitor-chart .col-xxl-5.col-xl-4.box-col-12 .card.recent-order .card-header.card-no-border .header-top h5.m-0 Recent Orders .card-header-right-icon .dropdown.icon-dropdown button#recentButton.btn.dropdown-toggle(type='button', data-bs-toggle='dropdown', aria-expanded='false') i.icon-more-alt .dropdown-menu.dropdown-menu-end(aria-labelledby='recentButton') a.dropdown-item(href='#') Today a.dropdown-item(href='#') Tomorrow a.dropdown-item(href='#') Yesterday .card-body.pt-0 .recent-sliders .nav.nav-pills(id="v-pills-tab" role="tablist") button.active(id="v-pills-shirt-tab" data-bs-toggle="pill" data-bs-target="#v-pills-shirt" type="button" role="tab" aria-controls="v-pills-shirt" aria-selected="true").frame-box span.frame-image img(src="../assets/images/dashboard-2/order/1.png", alt="vector T-shirt") button(id="v-pills-television-tab" data-bs-toggle="pill" data-bs-target="#v-pills-television" type="button" role="tab" aria-controls="v-pills-television" aria-selected="false").frame-box span.frame-image img(src="../assets/images/dashboard-2/order/2.png", alt="vector television") button(id="v-pills-headphone-tab" data-bs-toggle="pill" data-bs-target="#v-pills-headphone" type="button" role="tab" aria-controls="v-pills-headphone" aria-selected="false").frame-box span.frame-image img(src="../assets/images/dashboard-2/order/3.png", alt="vector headphone") button(id="v-pills-chair-tab" data-bs-toggle="pill" data-bs-target="#v-pills-chair" type="button" role="tab" aria-controls="v-pills-chair" aria-selected="false").frame-box span.frame-image img(src="../assets/images/dashboard-2/order/4.png", alt="vector chair") button(id="v-pills-lamp-tab" data-bs-toggle="pill" data-bs-target="#v-pills-lamp" type="button" role="tab" aria-controls="v-pills-lamp" aria-selected="false").frame-box span.frame-image img(src="../assets/images/dashboard-2/order/5.png", alt="vector lamp") .tab-content(id="v-pills-tabContent") div.tab-pane.fade.show.active(id="v-pills-shirt" role="tabpanel" aria-labelledby="v-pills-shirt-tab") .recent-table.table-responsive table.table thead tr th.f-light Item th.f-light Qty th.f-light Price th.f-light Status th.f-light Total Price tbody tr td div.product-content .order-image img(src="../assets/images/dashboard-2/order/sub-product/4.png", alt="t-shirt") div h6.f-14.mb-0 a(href="order-history.html") T-shirt span.f-light.f-12 Id : #CFDE-2163 td.f-w-500 X1 td.f-w-500 $56.00 td.f-w-500 .recent-status.font-success svg.me-1 use(href='../assets/svg/icon-sprite.svg#24-hour') | Verified td.f-w-500 $100.00 tr td div.product-content .order-image img(src="../assets/images/dashboard-2/order/sub-product/3.png", alt="t-shirt") div h6.f-14.mb-0 a(href="order-history.html") Pink T-shirt span.f-light.f-12 Id : #CFDE-2780 td.f-w-500 X2 td.f-w-500 $156.00 td.f-w-500 .recent-status.font-danger svg.me-1 use(href='../assets/svg/icon-sprite.svg#24-hour') | Rejected td.f-w-500 $870.00 div.tab-pane.fade(id="v-pills-television" role="tabpanel" aria-labelledby="v-pills-television-tab") .recent-table.table-responsive table.table thead tr th.f-light Item th.f-light Qty th.f-light Price th.f-light Status th.f-light Total Price tbody tr td div.product-content .order-image img(src="../assets/images/dashboard-2/order/sub-product/5.png", alt="television") div h6.f-14.mb-0 a(href="order-history.html") Sony span.f-light.f-12 Id : #CFDE-2163 td.f-w-500 X1 td.f-w-500 $56.00 td.f-w-500 .recent-status.font-danger svg.me-1 use(href='../assets/svg/icon-sprite.svg#24-hour') | Rejected td.f-w-500 $390.00 tr td div.product-content .order-image img(src="../assets/images/dashboard-2/order/sub-product/6.png", alt="television") div h6.f-14.mb-0 a(href="order-history.html") Samsung span.f-light.f-12 Id : #CFDE-2780 td.f-w-500 X2 td.f-w-500 $100.00 td.f-w-500 .recent-status.font-success svg.me-1 use(href='../assets/svg/icon-sprite.svg#24-hour') | Verified td.f-w-500 $870.00 div.tab-pane.fade(id="v-pills-headphone" role="tabpanel" aria-labelledby="v-pills-headphone-tab") .recent-table.table-responsive table.table thead tr th.f-light Item th.f-light Qty th.f-light Price th.f-light Status th.f-light Total Price tbody tr td div.product-content .order-image img(src="../assets/images/dashboard-2/order/sub-product/1.png", alt="headephones") div h6.f-14.mb-0 a(href="order-history.html") Sony span.f-light.f-12 Id : #CFDE-2163 td.f-w-500 X1 td.f-w-500 $56.00 td.f-w-500 .recent-status.font-success svg.me-1 use(href='../assets/svg/icon-sprite.svg#24-hour') | Verified td.f-w-500 $100.00 tr td div.product-content .order-image img(src="../assets/images/dashboard-2/order/sub-product/2.png", alt="headephones") div h6.f-14.mb-0 a(href="order-history.html") Sennheiser span.f-light.f-12 Id : #CFDE-2780 td.f-w-500 X2 td.f-w-500 $156.00 td.f-w-500 .recent-status.font-danger svg.me-1 use(href='../assets/svg/icon-sprite.svg#24-hour') | Rejected td.f-w-500 $100.00 div.tab-pane.fade(id="v-pills-chair" role="tabpanel" aria-labelledby="v-pills-chair-tab") .recent-table.table-responsive table.table thead tr th.f-light Item th.f-light Qty th.f-light Price th.f-light Status th.f-light Total Price tbody tr td div.product-content .order-image img(src="../assets/images/dashboard-2/order/sub-product/7.png", alt="chair") div h6.f-14.mb-0 a(href="order-history.html") Chair span.f-light.f-12 Id : #CFDE-2163 td.f-w-500 X1 td.f-w-500 $48.00 td.f-w-500 .recent-status.font-success svg.me-1 use(href='../assets/svg/icon-sprite.svg#24-hour') | Verified td.f-w-500 $50.00 tr td div.product-content .order-image img(src="../assets/images/dashboard-2/order/sub-product/8.png", alt="chair") div h6.f-14.mb-0 a(href="order-history.html") Office chair span.f-light.f-12 Id : #CFDE-2780 td.f-w-500 X2 td.f-w-500 $73.00 td.f-w-500 .recent-status.font-danger svg.me-1 use(href='../assets/svg/icon-sprite.svg#24-hour') | Rejected td.f-w-500 $75.00 div.tab-pane.fade(id="v-pills-lamp" role="tabpanel" aria-labelledby="v-pills-lamp-tab") .recent-table.table-responsive table.table thead tr th.f-light Item th.f-light Qty th.f-light Price th.f-light Status th.f-light Total Price tbody tr td div.product-content .order-image img(src="../assets/images/dashboard-2/order/sub-product/9.png", alt="lamp") div h6.f-14.mb-0 a(href="order-history.html") Lamp span.f-light.f-12 Id : #CFDE-2163 td.f-w-500 X1 td.f-w-500 $20.00 td.f-w-500 .recent-status.font-success svg.me-1 use(href='../assets/svg/icon-sprite.svg#24-hour') | Verified td.f-w-500 $25.00 tr td div.product-content .order-image img(src="../assets/images/dashboard-2/order/sub-product/10.png", alt="lamp") div h6.f-14.mb-0 a(href="order-history.html") Bedside lamp span.f-light.f-12 Id : #CFDE-2780 td.f-w-500 X2 td.f-w-500 $70.00 td.f-w-500 .recent-status.font-danger svg.me-1 use(href='../assets/svg/icon-sprite.svg#24-hour') | Rejected td.f-w-500 $88.00 .col-xxl-2.col-xl-3.col-md-4.grid-ed-none.box-col-4e.d-xxl-block.d-none .card .card-header.card-no-border h5 Top Categories .card-body.pt-0 ul.categories-list li.d-flex .bg-light img(src="../assets/images/dashboard-2/category/1.png", alt="vector burger") div h6.mb-0 a(href="product.html") Food & Drinks span.f-light.f-12.f-w-500 (12,200) li.d-flex .bg-light img(src="../assets/images/dashboard-2/category/2.png", alt="vector furniture") div h6.mb-0 a(href="product.html") Furniture span.f-light.f-12.f-w-500 (7,510) li.d-flex .bg-light img(src="../assets/images/dashboard-2/category/3.png", alt="vector grocery box") div h6.mb-0 a(href="product.html") Grocery span.f-light.f-12.f-w-500 (15,475) li.d-flex .bg-light img(src="../assets/images/dashboard-2/category/4.png", alt="vector game remote") div h6.mb-0 a(href="product.html") Electronics span.f-light.f-12.f-w-500 (27,840) li.d-flex .bg-light img(src="../assets/images/dashboard-2/category/5.png", alt="vector toys") div h6.mb-0 a(href="product.html") Toys & Games span.f-light.f-12.f-w-500 (8,788) li.d-flex .bg-light img(src="../assets/images/dashboard-2/category/6.png", alt="vector monitor") div h6.mb-0 a(href="product.html") Desktop span.f-light.f-12.f-w-500 (10,673) li.d-flex .bg-light img(src="../assets/images/dashboard-2/category/7.png", alt="vector mobile") div h6.mb-0 a(href="product.html") Mobile & Accessories span.f-light.f-12.f-w-500 (5,129) div.recent-activity.notification h5 Recent Activity ul li.d-flex .activity-dot-primary .w-100.ms-3 p.d-flex.justify-content-between.mb-2 span.date-content.light-background 8th March, 2022 h6 Added Bew Items span.dot-notification span.f-light Quisque a consequat ante sit amet magna... .recent-images ul li .recent-img-wrap img(src="../assets/images/dashboard-2/product/1.png", alt="chair") li .recent-img-wrap img(src="../assets/images/dashboard-2/product/2.png", alt="chair") li .recent-img-wrap img(src="../assets/images/dashboard-2/product/3.png", alt="men t-shirt") li.d-flex .activity-dot-warning .w-100.ms-3 p.d-flex.justify-content-between.mb-2 span.date-content.light-background 2nd Sep, Today h6 Anamika Comments this Poducts span.dot-notification span Quisque a consequat ante sit amet magna... li.d-flex .activity-dot-secondary .w-100.ms-3 p.d-flex.justify-content-between.mb-2 span.date-content.light-background 3nd Sep, 2022 h6 Jacksion Purchase span.dot-notification span Quisque a consequat ante sit amet magna... li.d-flex .activity-dot-success .w-100.ms-3 p.d-flex.justify-content-between.mb-2 span.date-content.light-background 2nd Sep, Today h6 Anamika Comments this Poducts span.dot-notification span Quisque a consequat ante sit amet magna... // Container-fluid Ends include ../../components/footer include ../../components/footer-files script. new WOW().init();