booking/assets/pug/pages/theme/dashboard-02.pug
2025-03-24 22:58:00 +03:00

1019 lines
84 KiB
Plaintext

- var apex = true;
- var theme_customizer = true;
- var animate = true;
- var owlcarousel = true;
- var chartjs = true;
- var dashboard_2 = true;
- var chartist = true;
- var counter = true;
- var knobchart = true;
- var clipboard = true;
- var customcard = true;
- var prism = true;
- var chartjs = true;
- var page_owlcarousel = true;
doctype html
html(lang='en')
include ../../components/header-files
body
include ../../components/loader
// page-wrapper Start
#pageWrapper.page-wrapper.compact-wrapper
include ../../components/header
// Page Body Start
.page-body-wrapper.sidebar-icon
include ../../components/sidebar
.page-body.dashboard-2-main
// Container-fluid starts
.container-fluid
.row
.col-xl-6.box-col-12.des-xl-100.invoice-sec
.card
.card-header
.header-top.d-sm-flex.justify-content-between.align-items-center
h5 Invoice Overview
.center-content
p.d-sm-flex.align-items-center
span.m-r-10 $5,56548k
i.toprightarrow-primary.fa.fa-arrow-up.m-r-10
| 94% More Than Last Year
.setting-list
ul.list-unstyled.setting-option
li
.setting-primary
i.icon-settings
li
i.view-html.fa.fa-code.font-primary
li
i.icofont.icofont-maximize.full-card.font-primary
li
i.icofont.icofont-minus.minimize-card.font-primary
li
i.icofont.icofont-refresh.reload-card.font-primary
li
i.icofont.icofont-error.close-card.font-primary
.card-body.p-0
#timeline-chart
.code-box-copy
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#invoice-overview', title='Copy')
i.icofont.icofont-copy-alt
pre
code.language-html#invoice-overview
|<div class="card">
| <div class="card-header">
| <div class="header-top d-sm-flex justify-content-between align-items-center">
| <h5>Invoice Overview </h5>
| <div class="center-content">
| <p class="d-sm-flex align-items-center">
| <span class="m-r-10">$5,56548k</span>
| <i class="toprightarrow-primary fa fa-arrow-up m-r-10"></i>94% More Than Last Year
| </p>
| </div>
| <div class="setting-list">
| <ul class="list-unstyled setting-option">
| <li>
| <div class="setting-primary"><i class="icon-settings"></i></div>
| </li>
| <li><i class="view-html fa fa-code font-primary"></i></li>
| <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
| <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
| <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
| <li><i class="icofont icofont-error close-card font-primary"> </i></li>
| </ul>
| </div>
| </div>
| </div>
| <div class="card-body p-0">
| <div id="timeline-chart"></div>
| </div>
|</div>
.col-xl-6.box-col-12.des-xl-100.top-dealer-sec
.card
.card-header.pb-0
.header-top.d-sm-flex.justify-content-between.align-items-center
h5 Top Dealer
.center-content
p.d-sm-flex.align-items-center
span.m-r-10 845 Dealer
i.toprightarrow-primary.fa.fa-arrow-up.m-r-10
| 86% More Than Last Year
.setting-list
ul.list-unstyled.setting-option
li
.setting-primary
i.icon-settings
li
i.view-html.fa.fa-code.font-primary
li
i.icofont.icofont-maximize.full-card.font-primary
li
i.icofont.icofont-minus.minimize-card.font-primary
li
i.icofont.icofont-refresh.reload-card.font-primary
li
i.icofont.icofont-error.close-card.font-primary
.card-body
#owl-carousel-14.owl-carousel.owl-theme
.item
.row
.col-12
.owl-carousel-16.owl-carousel.owl-theme
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/1.png' alt='...')
h6 Thompson lee
p Malasiya
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/8.png' alt='...')
h6 Johnson allon
p Bangladesh
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/3.png' alt='...')
h6 williams reed
p Belgium
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/4.png' alt='...')
h6 Jones king
p Canada
a.btn.btn-rounded(href='social-app.html') View More
.col-12
.owl-carousel-16.owl-carousel.owl-theme
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/5.png' alt='...')
h6 Brown davis
p China
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/6.png' alt='...')
h6 Wilson Hill
p Denmark
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/7.png' alt='...')
h6 Anderson ban
p Japan
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/8.png' alt='...')
h6 Thompson lee
p Malasiya
a.btn.btn-rounded(href='social-app.html') View More
.item
.row
.col-12
.owl-carousel-16.owl-carousel.owl-theme
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/1.png' alt='...')
h6 Thompson lee
p Malasiya
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/8.png' alt='...')
h6 Johnson allon
p Bangladesh
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/3.png' alt='...')
h6 williams reed
p Belgium
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/4.png' alt='...')
h6 Jones king
p Canada
a.btn.btn-rounded(href='social-app.html') View More
.col-12
.owl-carousel-16.owl-carousel.owl-theme
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/5.png' alt='...')
h6 Brown davis
p China
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/6.png' alt='...')
h6 Wilson Hill
p Denmark
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/7.png' alt='...')
h6 Anderson ban
p Japan
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/8.png' alt='...')
h6 Thompson lee
p Malasiya
a.btn.btn-rounded(href='social-app.html') View More
.item
.row
.col-12
.owl-carousel-16.owl-carousel.owl-theme
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/1.png' alt='...')
h6 Thompson lee
p Malasiya
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/8.png' alt='...')
h6 Johnson allon
p Bangladesh
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/3.png' alt='...')
h6 williams reed
p Belgium
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/4.png' alt='...')
h6 Jones king
p Canada
a.btn.btn-rounded(href='social-app.html') View More
.col-12
.owl-carousel-16.owl-carousel.owl-theme
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/5.png' alt='...')
h6 Brown davis
p China
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/6.png' alt='...')
h6 Wilson Hill
p Denmark
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/7.png' alt='...')
h6 Anderson ban
p Japan
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/8.png' alt='...')
h6 Thompson lee
p Malasiya
a.btn.btn-rounded(href='social-app.html') View More
.item
.row
.col-12
.owl-carousel-16.owl-carousel.owl-theme
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/1.png' alt='...')
h6 Thompson lee
p Malasiya
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/8.png' alt='...')
h6 Johnson allon
p Bangladesh
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/3.png' alt='...')
h6 williams reed
p Belgium
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/4.png' alt='...')
h6 Jones king
p Canada
a.btn.btn-rounded(href='social-app.html') View More
.col-12
.owl-carousel-16.owl-carousel.owl-theme
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/5.png' alt='...')
h6 Brown davis
p China
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/6.png' alt='...')
h6 Wilson Hill
p Denmark
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/7.png' alt='...')
h6 Anderson ban
p Japan
a.btn.btn-rounded(href='social-app.html') View More
.item
.card
.top-dealerbox.text-center
img.card-img-top(src='assets/images/dashboard-2/8.png' alt='...')
h6 Thompson lee
p Malasiya
a.btn.btn-rounded(href='social-app.html') View More
.code-box-copy
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#top-dealer', title='Copy')
i.icofont.icofont-copy-alt
pre
code.language-html#top-dealer
|<div class="card">
| <div class="card-header pb-0">
| <div class="header-top d-sm-flex justify-content-between align-items-center">
| <h5>Top Dealer</h5>
| <div class="center-content">
| <p class="d-sm-flex align-items-center"><span class="m-r-10">845 Dealer</span><i class="toprightarrow-primary fa fa-arrow-up m-r-10"></i>86% More Than Last Year</p>
| </div>
| <div class="setting-list">
| <ul class="list-unstyled setting-option">
| <li>
| <div class="setting-primary"><i class="icon-settings"></i></div>
| </li>
| <li><i class="view-html fa fa-code font-primary"></i></li>
| <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
| <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
| <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
| <li><i class="icofont icofont-error close-card font-primary"> </i></li>
| </ul>
| </div>
| </div>
| </div>
| <div class="card-body">
| <div id="owl-carousel-14" class="owl-carousel owl-theme">
| <div class="item">
| <div class="row">
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/1.png" alt="...">
| <h6>Thompson lee</h6>
| <p>Malasiya</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/8.png" alt="...">
| <h6>johnson allon</h6>
| <p>bangladeshlt</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/3.png" alt="...">
| <h6>williams reed</h6>
| <p>Belgium</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/3.png" alt="...">
| <h6> Jones king</h6>
| <p>Canada</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/5.png" alt="...">
| <h6>Brown davis</h6>
| <p>China</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/6.png" alt="...">
| <h6>Wilson Hill</h6>
| <p>Denmark</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/7.png" alt="...">
| <h6>Anderson ban</h6>
| <p>Japan</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/8.png" alt="...">
| <h6>Thompson lee</h6>
| <p>Malasiya</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| </div>
| </div>
| <div class="item">
| <div class="row">
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/1.png" alt="...">
| <h6>Thompson lee</h6>
| <p>Malasiya</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/8.png" alt="...">
| <h6>johnson allon</h6>
| <p>bangladeshlt</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/3.png" alt="...">
| <h6>williams reed</h6>
| <p>Belgium</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/3.png" alt="...">
| <h6> Jones king</h6>
| <p>Canada</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/5.png" alt="...">
| <h6>Brown davis</h6>
| <p>China</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/6.png" alt="...">
| <h6>Wilson Hill</h6>
| <p>Denmark</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/7.png" alt="...">
| <h6>Anderson ban</h6>
| <p>Japan</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/8.png" alt="...">
| <h6>Thompson lee</h6>
| <p>Malasiya</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| </div>
| </div>
| <div class="item">
| <div class="row">
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/1.png" alt="...">
| <h6>Thompson lee</h6>
| <p>Malasiya</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/8.png" alt="...">
| <h6>johnson allon</h6>
| <p>bangladeshlt</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/3.png" alt="...">
| <h6>williams reed</h6>
| <p>Belgium</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/3.png" alt="...">
| <h6> Jones king</h6>
| <p>Canada</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/5.png" alt="...">
| <h6>Brown davis</h6>
| <p>China</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/6.png" alt="...">
| <h6>Wilson Hill</h6>
| <p>Denmark</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/7.png" alt="...">
| <h6>Anderson ban</h6>
| <p>Japan</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| <div class="col-sm-3">
| <div class="card">
| <div class="top-dealerbox text-center"><img class="card-img-top" src="assets/images/dashboard-2/8.png" alt="...">
| <h6>Thompson lee</h6>
| <p>Malasiya</p><a class="btn btn-rounded" href="javascript:void(0)">View More</a>
| </div>
| </div>
| </div>
| </div>
| </div>
| </div>
| </div>
|</div>
.col-xl-8.col-md-.des-xl-100.box-col-12
.row
.col-xl-3.col-sm-6.box-col-3.chart_data_right
.card.income-card.card-secondary
.card-body.align-items-center
.round-progress.knob-block.text-center
.progress-circle
input.knob1(data-width='10',data-height='70', data-thickness='.3', data-angleoffset='0',data-linecap='round', data-fgcolor='#ba895d',data-bgcolor="#e0e9ea", value='60')
h5 $9,84,235
p Our Annual Income
.col-xl-3.col-sm-6.box-col-3.chart_data_right.second
.card.income-card.card-primary
.card-body
.round-progress.knob-block.text-center
.progress-circle
input.knob1(data-width='50',data-height='70', data-thickness='.3', data-fgcolor='#24695c', data-linecap='round',data-angleoffset='0', value='60')
h5 $4,55,462
p Our Annual Income
.col-xl-6.box-col-6.top-sell-sec
.card
.card-header.pb-0
.header-top.d-sm-flex.justify-content-between.align-items-center
h5 Top Selling Product
.center-content
ul.week-date
li.font-primary Today
li Month
.setting-list
ul.list-unstyled.setting-option
li
.setting-primary
i.icon-settings
li
i.view-html.fa.fa-code.font-primary
li
i.icofont.icofont-maximize.full-card.font-primary
li
i.icofont.icofont-minus.minimize-card.font-primary
li
i.icofont.icofont-refresh.reload-card.font-primary
li
i.icofont.icofont-error.close-card.font-primary
.card-body
.media
img.img-fluid(src="assets/images/dashboard-2/9.png" alt="")
.media-body
a(href='product-page.html')
h6 Trending Nike shoes
p New Offer Only $126.00
ul.rating-star
li
i.fa.fa-star
li
i.fa.fa-star
li
i.fa.fa-star
li
i.fa.fa-star
li
i.fa.fa-star
a.btn.btn-iconsolid(href="cart.html")
i.icon-bag
.code-box-copy
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#top-selling-product', title='Copy')
i.icofont.icofont-copy-alt
pre
code.language-html#top-selling-product
|<div class="card">
| <div class="card-header pb-0">
| <div class="header-top d-sm-flex justify-content-between align-items-center">
| <h5>Top Selling Product</h5>
| <div class="center-content">
| <ul class="week-date">
| <li class="font-primary">Today</li>
| <li>Month</li>
| </ul>
| </div>
| <div class="setting-list">
| <ul class="list-unstyled setting-option">
| <li>
| <div class="setting-primary"><i class="icon-settings"></i></div>
| </li>
| <li><i class="view-html fa fa-code font-primary"></i></li>
| <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
| <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
| <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
| <li><i class="icofont icofont-error close-card font-primary"></i></li>
| </ul>
| </div>
| </div>
| </div>
| <div class="card-body">
| <div class="media"><img class="img-fluid" alt="" src="assets/images/dashboard-2/9.png">
| <div class="media-body">
| <h6>Trending Nike shoes</h6>
| <p>New Offer Only $126.00</p>
| <ul class="rating-star">
| <li> <i class="fa fa-star"></i></li>
| <li> <i class="fa fa-star"></i></li>
| <li> <i class="fa fa-star"></i></li>
| <li> <i class="fa fa-star"></i></li>
| <li> <i class="fa fa-star"></i></li>
| </ul>
| </div>
| <a class="btn btn-iconsolid" href="javascript:void(0)"><i class="icon-bag"></i></a>
| </div>
|</div>
.col-xl-6.box-col-6
.card
.card-header
.header-top.d-sm-flex.justify-content-between.align-items-center
h5 Total Selling
.center-content
ul.week-date
li.font-primary Today
li Month
.setting-list
ul.list-unstyled.setting-option
li
.setting-primary
i.icon-settings
li
i.view-html.fa.fa-code.font-primary
li
i.icofont.icofont-maximize.full-card.font-primary
li
i.icofont.icofont-minus.minimize-card.font-primary
li
i.icofont.icofont-refresh.reload-card.font-primary
li
i.icofont.icofont-error.close-card.font-primary
.card-body.chart-block.p-0
#chart-dash-2-line
.code-box-copy
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#total-selling', title='Copy')
i.icofont.icofont-copy-alt
pre
code.language-html#total-selling
|<div class="card">
| <div class="card-header pb-0">
| <div class="header-top d-sm-flex justify-content-between align-items-center">
| <h5>Total Selling</h5>
| <div class="center-content">
| <ul class="week-date">
| <li class="font-primary">Today</li>
| <li>Month</li>
| </ul>
| </div>
| <div class="setting-list">
| <ul class="list-unstyled setting-option">
| <li>
| <div class="setting-primary"><i class="icon-settings"></i></div>
| </li>
| <li><i class="view-html fa fa-code font-primary"></i></li>
| <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
| <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
| <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
| <li><i class="icofont icofont-error close-card font-primary"></i></li>
| </ul>
| </div>
| </div>
| </div>
| <div class="card-body">
| <div id="chart-dash-2-line">
| </div>
| </div>
|</div>
.col-xl-6.box-col-6
.card.target-sec
.card-header.pb-0
ul.target-list
li
h6 Our Target
p Completed
span $687.780
li.bg-primary
h6 We Archieve
p Completed in After 3 Hours
span $687.780k
.card-body.p-0
.traget-img-sec
//- img.img-fluid.bg-img-cover(src="assets/images/dashboard-2/target1.png")
.animat-block
i.fa.fa-times.close1
i.fa.fa-times.close2
i.fa.fa-times.close3
div.circle1
div.circle2
div.circle3
.col-xl-4.des-xl-50.box-col-12.activity-sec.chart_data_left
.card
.card-header
.header-top.d-sm-flex.justify-content-between.align-items-center
h5.m-0 Activity Timeline
.center-content
p Yearly User 24.65k
.setting-list
ul.list-unstyled.setting-option
li
.setting-primary
i.icon-settings
li
i.view-html.fa.fa-code.font-primary
li
i.icofont.icofont-maximize.full-card.font-primary
li
i.icofont.icofont-minus.minimize-card.font-primary
li
i.icofont.icofont-refresh.reload-card.font-primary
li
i.icofont.icofont-error.close-card.font-primary
.card-body
.chart-main.activity-timeline.update-line
.media
.activity-line
.activity-dot-primary
.media-body.d-block
h6
span.font-primary 20-04-2021
| Today
h5 Updated Product
i.fa.fa-circle.circle-dot-primary.pull-right
p Quisque a consequat ante Sit amet magna at volutapt.
.media
.activity-dot-primary
.media-body.d-block
h6
span.font-primary 20-04-20121
| Today
span.badge.pill-badge-primary.m-l-10 new
h5 James just like your product
i.fa.fa-circle.circle-dot-primary.pull-right
p Quisque a consequat ante Sit amet magna at volutapt.
ul.timeline-pro
li
img.img-fluid(src='assets/images/dashboard-2/11.png',alt='Product-1')
li
img.img-fluid(src='assets/images/dashboard-2/10.png',alt='Product-2')
.media
.activity-dot-primary
.media-body.d-block
h6
span.font-primary 20-04-20121
| Today
h5 Jihan Doe just like your product
i.fa.fa-circle.circle-dot-primary.pull-right
p Vestibulum nec mi suscipit, dapibus purus ane.
.media
.media-body.d-block
.tomorrow-sec
p Tomorrow
.media
.activity-dot-primary
.media-body.d-block
h6
span.font-primary 20-04-20121
| Tomorrow
h5 Today Total Revenue
i.fa.fa-circle.circle-dot-primary.pull-right
p Quisque a consequat ante Sit amet magna at volutapt.
.media
.activity-dot-primary
.media-body.d-block
.hospital-small-chart
#column-chart
.code-box-copy
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#activity-timeline', title='Copy')
i.icofont.icofont-copy-alt
pre
code.language-html#activity-timeline
|<div class="card">
| <div class="card-header">
| <div class="header-top d-sm-flex justify-content-between align-items-center">
| <h5 class="m-0">Activity Timeline</h5>
| <div class="center-content">
| <p>Yearly User 24.65k</p>
| </div>
| <div class="setting-list">
| <ul class="list-unstyled setting-option">
| <li>
| <div class="setting-primary"><i class="icon-settings"></i></div>
| </li>
| <li><i class="view-html fa fa-code font-primary"></i></li>
| <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
| <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
| <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
| <li><i class="icofont icofont-error close-card font-primary"></i></li>
| </ul>
| </div>
| </div>
| </div>
| <div class="card-body">
| <div class="chart-main activity-timeline update-line">
| <div class="media">
| <div class="activity-line"></div>
| <div class="activity-dot-primary"></div>
| <div class="media-body d-block">
| <h6> <span class="font-primary">20-04-2021</span>Today </h6>
| <h5>Updated Product<i class="fa fa-circle circle-dot-primary pull-right"></i></h5>
| <p>Quisque a consequat ante Sit amet magna at volutapt.</p>
| </div>
| </div>
| <div class="media">
| <div class="activity-dot-primary"></div>
| <div class="media-body d-block">
| <h6> <span class="font-primary">20-04-20121</span>Today<span class="badge pill-badge-primary m-l-10">new </span></h6>
| <h5>James just like your product <i class="fa fa-circle circle-dot-primary pull-right"></i></h5>
| <p>Quisque a consequat ante Sit amet magna at volutapt.</p>
| <ul class="timeline-pro">
| <li> <img class="img-fluid" src="assets/images/dashboard-2/11.png" alt="Product-1"></li>
| <li> <img class="img-fluid" src="assets/images/dashboard-2/10.png" alt="Product-2"></li>
| </ul>
| </div>
| </div>
| <div class="media">
| <div class="activity-dot-primary"></div>
| <div class="media-body d-block">
| <h6> <span class="font-primary">20-04-20121</span>Today</h6>
| <h5>Jihan Doe just like your product<i class="fa fa-circle circle-dot-primary pull-right"></i></h5>
| <p>Vestibulum nec mi suscipit, dapibus purus ane.</p>
| </div>
| </div>
| <div class="media">
| <div class="media-body d-block">
| <div class="tomorrow-sec">
| <p>Tomorrow</p>
| </div>
| </div>
| </div>
| <div class="media">
| <div class="activity-dot-primary"></div>
| <div class="media-body d-block">
| <h6> <span class="font-primary">20-04-20121</span>Tomorrow</h6>
| <h5>Today Total Revenue<i class="fa fa-circle circle-dot-primary pull-right"></i></h5>
| <p>Quisque a consequat ante Sit amet magna at volutapt.</p>
| </div>
| </div>
| <div class="media">
| <div class="activity-dot-primary"></div>
| <div class="media-body d-block">
| <div class="hospital-small-chart">
| <div id="column-chart"> </div>
| </div>
| </div>
| </div>
| </div>
| </div>
| </div>
.col-xl-12.des-xl-50.yearly-growth-sec
.card
.card-header
.header-top.d-sm-flex.justify-content-between.align-items-center
h5 Yearly growth
.center-content
p.d-sm-flex.align-items-center
span.m-r-10
i.toprightarrow-primary.fa.fa-arrow-up.m-r-10
| $9657.55k
| 86% more then last year
.setting-list
ul.list-unstyled.setting-option
li
.setting-primary
i.icon-settings
li
i.view-html.fa.fa-code.font-primary
li
i.icofont.icofont-maximize.full-card.font-primary
li
i.icofont.icofont-minus.minimize-card.font-primary
li
i.icofont.icofont-refresh.reload-card.font-primary
li
i.icofont.icofont-error.close-card.font-primary
.card-body.p-0.chart-block
#chart-yearly-growth-dash-2
.code-box-copy
button.code-box-copy__btn.btn-clipboard(data-clipboard-target='#yearly-growth', title='Copy')
i.icofont.icofont-copy-alt
pre
code.language-html#yearly-growth
|<div class="card">
| <div class="card-header pb-0">
| <div class="header-top d-sm-flex justify-content-between align-items-center">
| <h5>Yearly growth</h5>
| <div class="center-content">
| <p class="d-sm-flex align-items-center">
| <span class="m-r-10">
| <i class=" toprightarrow-primary fa fa-arrow-up m-r-10"></i> $9657.55k
| </span> 86% more then last year
| </p>
| </div>
| <div class="setting-list">
| <ul class="list-unstyled setting-option">
| <li>
| <div class="setting-primary"><i class="icon-settings"></i></div>
| </li>
| <li><i class="view-html fa fa-code font-primary"></i></li>
| <li><i class="icofont icofont-maximize full-card font-primary"></i></li>
| <li><i class="icofont icofont-minus minimize-card font-primary"></i></li>
| <li><i class="icofont icofont-refresh reload-card font-primary"></i></li>
| <li><i class="icofont icofont-error close-card font-primary"></i></li>
| </ul>
| </div>
| </div>
| </div>
| <div class="card-body p-0 chart-block">
| <div id="chart-yearly-growth-dash-2">
| </div>
| </div>
|</div>
//- canvas#myChart
// Container-fluid Ends
include ../../components/footer
include ../../components/footer-files